/* NCS / Motion study. One shared visual language across all three surfaces. */
:root{color-scheme:dark;--bg:#08090c;--surface:#0e1016;--panel:#0e1016;--panel-soft:#11141b;--ink:#f4f2f0;--text:#f4f2f0;--muted:#a9a9b4;--red:#ff4059;--gold:#ff4059;--gold-bright:#ff7084;--line:#ffffff1b;--border:#ffffff1b;--border-soft:#ffffff12;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{background:#08090c;scroll-behavior:smooth}body[data-surface]{margin:0;background:#08090c;color:var(--ink);font:15px/1.75 Arial,Helvetica,sans-serif;position:relative;isolation:isolate;min-height:100vh}body:before,body:after{display:none!important}body a{color:inherit}body a:hover{color:var(--red)}::selection{background:#a82244;color:white}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #ff7d91;outline-offset:5px}.preview-switch{position:relative;z-index:20;display:flex;align-items:center;gap:24px;min-height:48px;padding:7px max(24px,calc((100vw - 1280px)/2));background:#101118;border-bottom:1px solid #ffffff12;font:11px/1.4 Arial,sans-serif;overflow-x:auto;white-space:nowrap}.preview-switch>span{color:#8c8e9c;font-size:10px;letter-spacing:.07em;margin-right:12px}.preview-switch a{min-height:32px;display:flex;align-items:center;text-decoration:none;flex-shrink:0}.preview-switch a[aria-current]{color:#ff7990}.preview-switch .motion-toggle{margin-left:auto;min-height:30px;min-width:108px;background:none;border:1px solid #ffffff27;border-radius:3px;color:#d4d2da;padding:6px 10px;font:11px/1.4 Arial,sans-serif;cursor:pointer;flex-shrink:0}.atmosphere{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 80% 45%,#321524,transparent 58%),#08090c}.atmosphere-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.8;filter:saturate(.72) contrast(1.03);transform:scale(1.02);transition:opacity .6s}.atmosphere-shade{position:absolute;inset:0;background:linear-gradient(90deg,#07080bea 0%,#08090b99 47%,#08090b25 100%),linear-gradient(0deg,#08090ce8 0%,transparent 52%,#08090b40)}.atmosphere-bloom{position:absolute;inset:-15%;background:radial-gradient(ellipse at 75% 35%,#ec31501c,transparent 40%),radial-gradient(ellipse at 90% 80%,#655cb712,transparent 35%);transform:translate(calc(var(--pointer-x,0)*16px),calc(var(--pointer-y,0)*12px));transition:transform 1s ease-out}.atmosphere-particles{position:absolute;inset:0;width:100%;height:100%;opacity:.7}.atmosphere-grain{position:absolute;inset:0;background:url('./ncs-motion-grain.svg');mix-blend-mode:soft-light;opacity:.07}.motion-paused .atmosphere-bloom{transition:none}.motion-paused .atmosphere-film{opacity:.65}body:not(.home-cinematic) .atmosphere-film{opacity:.4}body:not(.home-cinematic) .atmosphere-shade{background:linear-gradient(90deg,#08090ce0,#08090c99),linear-gradient(0deg,#08090cee,transparent)}
/* Shared typography and navigation. */
body[data-surface] h1,body[data-surface] h2,body[data-surface] h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.045em}body[data-surface] h1{font-weight:800}body[data-surface] em{font-style:normal;color:var(--red)}body[data-surface] .site-header.wrap,body[data-surface] .login-header,body[data-surface=ucp]>header,.workspace-header{position:relative;min-height:82px;background:#08090c55;border-bottom:1px solid #ffffff18;backdrop-filter:blur(16px);padding:0 max(32px,calc((100vw - 1280px)/2));width:100%;max-width:none;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-header .header-title,.login-brand>span,.header-title,.preview-brand{font-size:13px!important;letter-spacing:.015em!important;font-weight:700}.site-header nav{gap:26px}.site-header nav a{font:600 10px/1.4 Arial,sans-serif;letter-spacing:.03em;color:#d4d2da;text-transform:uppercase;box-shadow:none!important}.site-header nav a[aria-current]{color:#ff7084}.brand img,.login-brand img{border:0!important;padding:0!important;width:32px!important;height:32px!important}.brand,.login-brand{gap:14px!important}.site-header .header-title span,.login-brand>span>span,.header-title span,.preview-brand>span{color:#ff516a}.login-home-link,body[data-surface=ucp]>header>a:last-child,.workspace-header>a:last-child{font-size:11px!important;text-transform:uppercase;color:#c0bec9;text-decoration:none}.login-home-link span{display:none}body[data-surface] .button,body[data-surface] .discord-login-button,body[data-surface] button:not(.wall-person):not(.close-detail):not(.motion-toggle){border-radius:3px;clip-path:none;box-shadow:none;font:600 11px/1.4 Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase;min-height:48px;border:1px solid #ff6580;background:#ed3651;color:#fff;padding:14px 22px;transition:background .15s,border-color .15s,box-shadow .15s}body[data-surface] .button:hover,body[data-surface] .discord-login-button:hover{background:#ff4b66;box-shadow:0 0 32px #ff3e5622}body[data-surface] .button.secondary,body[data-surface] .secondary{background:#ffffff05;border-color:#ffffff34;color:#eee}.button svg{width:18px!important;height:18px!important}body[data-surface] .site-footer{margin-top:56px;border-color:#ffffff1c;padding-block:28px 32px;background:none;color:#9b99a5;font-size:10px}body[data-surface] .site-footer strong{letter-spacing:.05em;font-size:10px}.footer-links{gap:22px}.site-footer .discord-link{color:#d9d4dc;font-size:10px}.site-footer .discord-link svg{width:22px;height:22px;color:var(--red)}.footer-links a{font-size:10px}body[data-surface] .wrap{width:min(1280px,calc(100% - 96px))}
/* Public site. */
.home-cinematic .hero{height:auto;min-height:calc(100svh - 130px);padding:100px max(48px,calc((100vw - 1280px)/2));align-items:center;background:none;overflow:visible}.home-cinematic .hero-shade{display:none}.home-cinematic .hero-content{max-width:1080px}.home-cinematic .hero h1{font:800 clamp(62px,7.4vw,110px)/.96 Arial,Helvetica,sans-serif;letter-spacing:-.065em;text-shadow:0 4px 60px #0006}.home-cinematic .hero h1 em{color:#ff4059}.home-cinematic .hero-name{font:600 18px/1.3 Arial,sans-serif;letter-spacing:.055em;margin-top:32px}.home-cinematic .hero-line{font:15px/1.9 Arial,sans-serif;max-width:480px;color:#b9b7c2;margin-top:22px}.home-cinematic .actions{margin-top:34px;gap:14px}.home-cinematic .roleplay-feature{border-top:1px solid #ffffff17;margin-inline:auto;max-width:1280px;padding:88px 0;grid-template-columns:1.15fr 1fr;gap:7vw}.home-cinematic .roleplay-copy{max-width:none}.home-cinematic .roleplay-copy h2{font:700 clamp(32px,3.7vw,52px)/1.05 Arial,sans-serif;letter-spacing:-.045em}.home-cinematic .roleplay-copy p{font:14px/1.9 Arial,sans-serif;color:#aaa8b6;max-width:460px}.home-cinematic .roleplay-screenshot{border:1px solid #ffffff18;padding:8px;background:#0a0b1099;box-shadow:0 24px 80px #0005;border-radius:3px}.home-cinematic .roleplay-screenshot img{border-radius:2px}.home-cinematic .progress{margin:0 auto 48px;max-width:1280px;background:#0a0c12b3;border:1px solid #ffffff19;border-radius:4px;clip-path:none;padding:48px}.home-cinematic .progress h2{font:700 42px/1.05 Arial,sans-serif;letter-spacing:-.045em}.home-cinematic .text-link{font-size:11px;border-color:#ffffff4d}.cohesive main::before,.cohesive main:before{display:none}.cohesive .interior-hero{padding-block:76px 62px;border:0}.cohesive .interior-hero h1,.wall-heading h1{font:800 clamp(60px,6.5vw,92px)/.98 Arial,sans-serif;letter-spacing:-.065em}.cohesive .interior-hero h1 span{display:inline}.cohesive .interior-hero .intro,.wall-heading>p{font-size:14px;color:#b8b5c1;line-height:1.8}.cohesive .hero-aside{border-color:#ffffff20}.cohesive .hero-aside strong{font-family:Arial,sans-serif;font-size:42px;font-weight:600;letter-spacing:-.05em}.cohesive .about-features h2{font-family:Arial,sans-serif;font-size:23px;letter-spacing:-.035em}.cohesive .about-features p,.cohesive .about-statement p{color:#b8b5c1}.cohesive .rule{background:#0c0e14cc;border:1px solid #ffffff16;border-radius:3px;padding:30px}.cohesive .rule h2{font-size:26px}.cohesive .rules-index{background:none;border-color:#ffffff28}.cohesive .dev-section h2,.cohesive .timeline h2,.cohesive .group-heading{font-family:Arial,sans-serif}.cohesive .current-work article,.cohesive .concept{background:#0c0e14c4;border-color:#ffffff1b;border-radius:3px}.cohesive .current-work article:hover{border-color:#ff405955}.cohesive #join{background:#0c0e14bb;border:1px solid #ffffff22;border-radius:3px;padding:32px}.portrait-wall .wall{padding-top:64px}.wall-person{border-radius:3px}.wall-person:after{border-bottom-width:2px}.portrait-wall .wall-caption strong{font-family:Arial,sans-serif;letter-spacing:-.055em;font-size:58px}.wall-members .wall-caption strong{font-size:34px!important}.wall-support .department,.wall-support-team .department{font:600 17px/1.4 Arial,sans-serif;letter-spacing:.025em}.wall-person .role{font-size:11px}.portrait-wall .wall-detail{background:#10121bec;border:1px solid #ffffff1a;border-bottom-color:#ff405966;border-radius:3px}.portrait-wall .wall-detail h2{font-family:Arial,sans-serif;font-size:36px}.portrait-wall .wall-heading{margin-bottom:42px}
/* Player UCP and Control sign-in. */
body[data-surface=ucp] .art-hero,body[data-surface=control] .login-shell{background:none;isolation:auto}.art-hero:before,.login-homepage .login-shell:before{display:none}.hero-art,.login-scene,.creator-story>img{display:none!important}.signed-out #login{min-height:calc(100svh - 130px);height:auto;align-items:center;padding:80px max(48px,calc((100vw - 1280px)/2));overflow:visible}.signed-out #login h1{font:800 clamp(62px,6.8vw,96px)/.98 Arial,sans-serif;letter-spacing:-.065em;max-width:780px}.signed-out #login .login-intro{max-width:410px;font-size:15px;line-height:1.9;color:#b8b5c1;margin-top:30px}.login-homepage .login-shell{min-height:calc(100svh - 210px);overflow:visible}.login-homepage .login-card{width:min(1280px,calc(100% - 96px));padding:96px 0;background:none}.login-homepage .login-card h1{font:800 clamp(68px,7vw,104px)/.96 Arial,sans-serif;letter-spacing:-.065em;margin-bottom:32px}.login-homepage .login-copy{font-size:15px;color:#b8b5c1}.login-homepage .login-footnote{color:#9794a3;font-size:12px;max-width:360px;line-height:1.8}.login-homepage .login-footer{background:none;border-top:1px solid #ffffff16;font:10px/1.5 Arial,sans-serif;letter-spacing:.03em;color:#918c9c;padding:24px max(48px,calc((100vw - 1280px)/2))}body[data-surface=ucp]>footer{background:none;border-top:1px solid #ffffff18;color:#8d899a;font-size:10px;padding:24px max(48px,calc((100vw - 1280px)/2));margin:0}body[data-surface=control] .atmosphere-film,body[data-surface=ucp] .atmosphere-film{opacity:.65}body[data-surface=control] .atmosphere-shade,body[data-surface=ucp] .atmosphere-shade{background:linear-gradient(90deg,#08090ce6,#08090c44),linear-gradient(0deg,#08090cb3,transparent 70%)}
/* Quiet working surfaces. No live values are included in these previews. */
.workspace-header{min-height:82px}.preview-brand{display:flex;align-items:center;gap:14px;text-decoration:none;font-size:13px;font-weight:700}.workspace-header>a:last-child{font-size:10px}.portal-shell{display:grid;grid-template-columns:190px minmax(0,1fr);gap:60px;width:min(1280px,calc(100% - 96px));margin:0 auto}.portal-sidebar{padding:48px 0;display:flex;flex-direction:column;border-right:1px solid #ffffff12;min-height:calc(100vh - 130px);gap:28px}.portal-sidebar h2{font:700 13px/1.5 Arial,sans-serif;letter-spacing:.08em;margin:0;color:#ff7188}.portal-sidebar nav{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.portal-sidebar nav a{min-height:42px;width:100%;text-decoration:none;color:#92919e;font:500 13px/1.5 Arial,sans-serif;display:flex;align-items:center;border:0}.portal-sidebar nav a[aria-current]{color:#f4f2f0;border-right:2px solid #ff4059}.portal-sidebar>a{font-size:11px;color:#8e8b9a;margin-top:auto;align-self:flex-start;text-decoration:none}.portal-main{padding:50px 0 70px;min-width:0}.portal-heading>p:first-child{font-size:10px;letter-spacing:.12em;color:#9692a2;margin:0 0 22px}.portal-heading h1{font:800 clamp(42px,4.4vw,64px)/1.03 Arial,sans-serif;letter-spacing:-.055em;margin:0 0 24px}.portal-heading h1 em{color:#ff4059;font-style:normal}.preview-notice{font:12px/1.8 Arial,sans-serif;color:#928f9e;max-width:560px;margin-bottom:32px}.workspace-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid #ffffff1b;padding:22px 0;margin:36px 0;gap:24px}.workspace-summary span{font-size:11px;color:#b1aebb;display:block}.workspace-summary strong{font:500 32px/1.6 Arial,sans-serif}.workspace-modules{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.workspace-modules article{padding:26px 0;border-top:1px solid #ffffff17;min-width:0}.workspace-modules h2,.surface-card h2{font:600 19px/1.4 Arial,sans-serif;letter-spacing:-.03em;margin:0 0 12px}.workspace-modules p,.surface-card p{font:13px/1.8 Arial,sans-serif;color:#9d99a9;max-width:360px;margin:0 0 16px}.quiet-link{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #ffffff40;font-size:10px;font-weight:700;text-decoration:none;letter-spacing:.02em}.portal-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.surface-card{border:1px solid #ffffff1a;border-radius:4px;background:#0b0d14d9;padding:28px;backdrop-filter:blur(18px)}.full-card{grid-column:1/-1}.surface-card dl{margin:24px 0 0}.surface-card dl>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff12;padding:14px 0;font-size:12px}.surface-card dt{color:#9e99aa}.surface-card dd{margin:0}.connection-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.connection-fields label{font-size:12px;color:#b6b0c0}.connection-fields input{display:block;width:100%;margin-top:10px;border:1px solid #ffffff1c;background:#090a10;color:#c1b8cc;padding:14px;font:12px Arial,sans-serif;border-radius:3px}body[data-surface=workspace] .atmosphere-film{opacity:.2}.motion-error{font-size:12px}
@media(max-width:1100px){.preview-switch{padding-inline:24px;gap:20px}.preview-switch>span{display:none}.site-header nav{gap:18px}.site-header nav a{font-size:9px}.home-cinematic .roleplay-feature{width:calc(100% - 80px);gap:40px}.home-cinematic .progress{width:calc(100% - 80px)}.portal-shell{gap:32px;grid-template-columns:155px minmax(0,1fr)}.workspace-summary{gap:12px}.wall-members .wall-caption strong{font-size:30px!important}.connection-fields{grid-template-columns:1fr}.site-header .brand img{display:none}.site-header .header-title{font-size:12px!important}}
@media(max-width:760px){.preview-switch{min-height:42px;padding:5px 20px;gap:22px}.preview-switch .motion-toggle{min-height:28px;min-width:104px}.site-header.wrap,.login-header,body[data-surface=ucp]>header,.workspace-header{padding:18px 20px!important;min-height:76px!important;flex-wrap:wrap;gap:16px!important}.site-header nav{width:100%;gap:10px 21px;justify-content:flex-start}.site-header nav a{font-size:9px;min-height:28px}.site-header .brand img{display:block;width:24px!important;height:24px!important}.site-header .header-title{font-size:12px!important}.site-header .brand{min-height:24px}.home-cinematic .hero{min-height:640px;height:calc(100svh - 160px);padding:70px 20px 72px;align-items:center}.home-cinematic .hero h1{font-size:clamp(39px,8.5vw,64px);line-height:1.01;letter-spacing:-.055em}.home-cinematic .hero-name{font-size:13px;margin-top:25px;letter-spacing:.045em}.home-cinematic .hero-line{font-size:13px;line-height:1.9;max-width:330px;margin-top:20px}.home-cinematic .actions{flex-direction:row;gap:10px;max-width:none}.home-cinematic .actions .button{min-height:48px;padding:13px 16px;font-size:9px;white-space:normal}.home-cinematic .actions .button svg{width:15px!important;height:15px!important}.home-cinematic .roleplay-feature{width:auto;padding:48px 20px;gap:28px;display:flex;flex-direction:column}.home-cinematic .roleplay-copy h2{font-size:34px}.home-cinematic .roleplay-copy p{font-size:13px}.home-cinematic .progress{width:auto;margin:0 20px 36px;padding:28px;gap:24px}.home-cinematic .progress h2{font-size:32px}.home-cinematic .progress p{font-size:13px}body[data-surface] .wrap{width:calc(100% - 40px)}body[data-surface] .site-footer{width:calc(100% - 40px);margin-top:36px;gap:20px}.site-footer .footer-links{gap:12px 20px}.cohesive .interior-hero h1,.wall-heading h1{font-size:56px}.cohesive .interior-hero{padding-block:44px 38px}.cohesive .hero-aside strong{font-size:36px}.cohesive .intro{font-size:13px}.cohesive .rules-layout{gap:28px}.cohesive .rule{padding:24px 20px}.cohesive .rule h2{font-size:23px}.portrait-wall .wall-caption strong{font-size:31px}.wall-members .wall-caption strong{font-size:24px!important}.portrait-wall .wall{padding-top:38px}.signed-out #login{padding:70px 20px;min-height:calc(100svh - 124px);height:auto;align-items:center}.signed-out #login h1{font-size:clamp(45px,10vw,68px);line-height:1.01}.signed-out #login .login-intro{font-size:13px;max-width:330px}.login-homepage .login-card{width:calc(100% - 40px);padding:78px 0}.login-homepage .login-card h1{font-size:62px}.login-homepage .login-shell{min-height:calc(100svh - 200px)}.login-homepage .login-footer{padding:24px 20px;gap:18px;font-size:9px;flex-wrap:wrap}.login-homepage .login-copy{font-size:14px}.login-homepage .login-footnote{font-size:11px}.portal-shell{display:block;width:calc(100% - 40px)}.portal-sidebar{min-height:0;padding:26px 0 18px;border:0;border-bottom:1px solid #ffffff1b;gap:16px}.portal-sidebar h2{display:none}.portal-sidebar nav{flex-direction:row;gap:6px 22px;flex-wrap:wrap}.portal-sidebar nav a{width:auto;min-height:36px;font-size:11px}.portal-sidebar nav a[aria-current]{border-right:0;border-bottom:2px solid #ff4059}.portal-sidebar>a{display:none}.portal-main{padding:32px 0 50px}.portal-heading h1{font-size:44px}.portal-heading>p:first-child{font-size:9px;margin-bottom:18px}.preview-notice{font-size:11px}.workspace-summary{grid-template-columns:1fr 1fr;gap:20px}.workspace-modules{grid-template-columns:1fr}.portal-grid{grid-template-columns:1fr}.surface-card{padding:24px}.atmosphere-film{object-position:66% center}.atmosphere-shade{background:linear-gradient(90deg,#08090cc9,#08090b88),linear-gradient(0deg,#08090cd9,transparent)}.atmosphere-particles{opacity:.5}.login-brand>span{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.atmosphere-bloom{transform:none!important}.atmosphere-film{opacity:.45}}@media(forced-colors:active){.atmosphere{display:none}.preview-switch,body[data-surface] .site-header.wrap,.surface-card{background:Canvas;color:CanvasText;border-color:CanvasText}}
.preview-switch{width:100%;min-width:0;flex-shrink:0}.login-body.login-homepage{display:block!important}

/* Live controls sit outside the content, separate from the preview navigation. */
.motion-preference{position:relative;display:flex;justify-content:flex-end;width:min(1280px,calc(100% - 96px));margin:0 auto 24px}.motion-preference .motion-toggle{background:transparent!important;border:1px solid #ffffff24!important;color:#aaa6b5!important;border-radius:3px;min-height:32px!important;padding:7px 12px!important;font:10px/1.4 Arial,sans-serif!important;cursor:pointer}.motion-preference .motion-toggle:hover{border-color:#ff7084!important;color:#fff!important}.motion-preference .motion-toggle:focus-visible{outline:2px solid #ff7084;outline-offset:4px}
/* Retain the native Control components and form behaviors. */
body[data-surface=workspace] .app-shell{background:transparent;position:relative}body[data-surface=workspace] .sidebar{background:#08090cbb;backdrop-filter:blur(16px);border-right:1px solid var(--line)}body[data-surface=workspace] .topbar{background:transparent;border-bottom:1px solid var(--line)}body[data-surface=workspace] .topbar h1{font-size:36px;letter-spacing:-.045em}body[data-surface=workspace] .sidebar .nav a{background:none;color:#aba7b7;border-radius:3px}body[data-surface=workspace] .sidebar .nav a[aria-current=page]{background:#ffffff08;color:#fff;border-color:#ff4059}body[data-surface=workspace] .card,body[data-surface=workspace] .stat-card,body[data-surface=workspace] .quick-action-card,body[data-surface=workspace] .dashboard-hero{background:#0b0e15e6;border:1px solid #ffffff19;border-radius:4px;box-shadow:none}body[data-surface=workspace] .dashboard-hero h2{font-size:48px}body[data-surface=workspace] input,body[data-surface=workspace] select,body[data-surface=workspace] textarea{background:#090c12;border:1px solid #ffffff26;border-radius:3px;color:#e8e3ed}body[data-surface=workspace] table{background:#0b0e15ee}body[data-surface=workspace] .panel-footer{background:transparent;border-color:var(--line)}body[data-surface=workspace] .motion-preference{width:100%;margin:20px 0 0}body[data-surface=workspace] .content .eyebrow{letter-spacing:.06em;color:#b8acbd}
/* Retain the native Player UCP IDs, tabs, forms and account data. */
body[data-surface=ucp] .account-nav{border-color:#ffffff1b}body[data-surface=ucp] .account-nav .eyebrow{color:#ff7188}body[data-surface=ucp] .account-nav nav a{font-size:12px;color:#c7c2ce}body[data-surface=ucp] .terminal-panel,body[data-surface=ucp] .settings-panel,body[data-surface=ucp] .card,body[data-surface=ucp] .creator-fields{background:#0b0e15ed;border:1px solid #ffffff1b;border-radius:4px;box-shadow:none}body[data-surface=ucp] .terminal-bar{background:#080a0dbb;border-color:#ffffff1b}body[data-surface=ucp] .terminal-tag{background:#080a0dbb;border-color:#ffffff1b}body[data-surface=ucp] .welcome-banner{background:#0a0c12aa;border:1px solid #ffffff18;border-radius:4px;min-height:240px}body[data-surface=ucp] .creator-story{background:#0a0c1277}body[data-surface=ucp] .creator-story:after{display:none}body[data-surface=ucp] input,body[data-surface=ucp] select,body[data-surface=ucp] textarea{background:#090c12;border-color:#ffffff2b;border-radius:3px;color:#e8e3ed}body[data-surface=ucp] #status-grid .card{border-top-color:#ffffff1b}body[data-surface=ucp] .terminal-link{border-color:#ffffff1b}body[data-surface=ucp] .page-heading h2:after{display:none}body[data-surface=ucp] .management-page{background:none}body[data-surface=ucp] .dashboard-heading .eyebrow{color:#a99aac}body[data-surface=ucp] #welcome{font-size:clamp(36px,4vw,58px)}
@media(max-width:760px){.motion-preference{width:calc(100% - 40px);margin-bottom:20px}body[data-surface=workspace] .dashboard-hero h2{font-size:36px}body[data-surface=workspace] .topbar h1{font-size:30px}body[data-surface=ucp] .welcome-banner{min-height:190px}}

body[data-surface=workspace] .dashboard-hero::before{display:none}

/* Development has a standalone layout; override its original art and display type. */
body[data-surface].development-roadmap main::before{display:none!important;background:none!important}
body[data-surface].development-roadmap main .hero h1{font:800 clamp(60px,6.5vw,92px)/.98 Arial,Helvetica,sans-serif;letter-spacing:-.065em}
body[data-surface].development-roadmap main .nov{border-left-color:#ffffff28;background:none}
body[data-surface].development-roadmap main .nov strong{font:600 48px/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.05em}
body[data-surface].development-roadmap main .nov strong span{font:11px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0}
body[data-surface].development-roadmap main .phase-body h2,body[data-surface].development-roadmap main .strip .phase-body h2{font:700 24px/1.15 Arial,Helvetica,sans-serif;letter-spacing:-.04em;text-transform:uppercase}
body[data-surface].development-roadmap main .playtest-scope h2,body[data-surface].development-roadmap main .later h2,body[data-surface].development-roadmap main .close h2{font:700 36px/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.045em;text-transform:uppercase}
body[data-surface].development-roadmap main .later-grid summary{font:600 18px/1.4 Arial,Helvetica,sans-serif;letter-spacing:-.025em}
body[data-surface].development-roadmap main .strip{border-color:#ffffff24}
body[data-surface].development-roadmap main .strip .target{background:#10141d99;outline-color:#10141d99}
body[data-surface].development-roadmap main .close{background:#0b0e15cc;border:1px solid #ffffff22;border-radius:4px}
body[data-surface].development-roadmap main .intro,body[data-surface].development-roadmap main .phase-body>p,body[data-surface].development-roadmap main .phase li,body[data-surface].development-roadmap main .nov p{color:#b8b5c1}
@media(max-width:760px){body[data-surface].development-roadmap main .hero h1{font-size:clamp(42px,11vw,64px)}body[data-surface].development-roadmap main .nov strong{font-size:42px}body[data-surface].development-roadmap main .strip .phase-body h2{font-size:24px}body[data-surface].development-roadmap main .playtest-scope h2,body[data-surface].development-roadmap main .later h2,body[data-surface].development-roadmap main .close h2{font-size:30px}body[data-surface].development-roadmap main .strip .target{outline:none}}

body[data-surface].development-roadmap main{background:transparent;--bg:#08090c;--red:#ff4059;--muted:#a9a9b4;--line:#ffffff1b}

/* Keep the NCS hand on disclosure controls and other clickable elements. */
@media (hover:hover) and (pointer:fine){body[data-surface=website] :is(a[href],button:enabled,summary,select:enabled){cursor:url('./ncs-cursor-click.svg') 11 2,pointer}}

/* The decorative plus and cross share the clickable summary hit area. */
.development-roadmap .later-grid summary .plus{pointer-events:none;cursor:inherit}