:root{--accent:#6eaedb;--ink:#123046;--muted:#2e7db6;--paper:#d7e8f5;--line:#a5cde9;--text:#123046}
body{background:var(--paper)}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-color:#2c78ae}.nav{background:#0e2739f2;color:#daeaf6;border-color:#1e547a;backdrop-filter:blur(12px)}.nav nav a:hover{color:#86aed7}.nav nav a:after{background:#86aed7}.nav #motion{border-color:#276c9e;color:#c8e0f1}.brand>b{color:#f4fbff}
.station-study{background:radial-gradient(ellipse at 73% 49%,#285b7d 0%,#1d425e 38%,#162e46 74%,#14283d 100%);color:#daeaf6}.station-intro h1 span{color:#7fb7df}.station-intro>.eyebrow{color:#90c0e3}.hero-role{color:#a2cbe8}.station-intro #station-description,#station-reset{color:#82b9e0}.station-selector button{border-color:#509cd36b}.station-selector button[aria-pressed=true]{background:#7bb5de;border-color:#7bb5de;color:#123046}.outline-button{border-color:#4898d1}.station-state{color:#9fc9e7;border-color:#7bb5de}.station-lock-frame i{border-color:#9bc7e6}.orbit-type{color:#cde3f207;-webkit-text-stroke:1px #bddaee22}.orbit-grid,.orbit-grid:after,.sky-orbit{border-color:#acd0ea28}.sky-orbit:before{background:#c1dcef;box-shadow:0 0 12px #add1ea}.aurora-a{background:conic-gradient(from 30deg,transparent 5%,#81b8e02b 18%,#4f9cd370 28%,transparent 39%,#61a6d742 55%,transparent 70%)}.aurora-b{background:conic-gradient(from 180deg,transparent 20%,#7bb5de44 34%,transparent 46%,#3d92cf6b 60%,transparent 75%)}
.dock-launch{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:20px;padding:11px 17px;background:#7bb5de;color:#102d41;font-size:12px;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px))}.dock-launch span{font-size:20px}.ticker{background:#a6cde9;color:#163b56;border-color:#8abde2}.ticker b{color:#3083bf}.works{background:#d7e8f5}.work-visual{background:#a9cee9}.work-visual:after{background:#c2ddf0;color:#153a54}.work-meta span,.work-sub{color:#2e7eb7}.section-heading .eyebrow{border-color:#328ac8}.section-heading:after{background:repeating-linear-gradient(120deg,transparent 0 6px,#2e7fb9 6px 9px)}
.game-entry{display:grid;grid-template-columns:1.25fr 1fr;gap:0;background:#112e42;color:#d5e7f4;padding:0;scroll-margin-top:84px}.game-entry-visual{position:relative;display:block;min-height:360px;overflow:hidden;background:#0b1d2a}.game-entry-visual img{width:100%;height:100%;object-fit:cover;opacity:.8;transition:transform .6s}.game-entry-visual:hover img{transform:scale(1.025)}.entry-reticle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:70px monospace;font-weight:200;color:#9cc7e6;opacity:.65;pointer-events:none}.entry-label{position:absolute;left:26px;bottom:23px;font:9px monospace;letter-spacing:2px;color:#c0dbef}.game-entry-copy{padding:52px 4vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.game-entry-copy .eyebrow{color:#65a9d9}.game-entry-copy h2{font-size:clamp(27px,3vw,43px);line-height:1.4;margin:16px 0 20px;letter-spacing:-1px}.game-entry-copy>p:not(.eyebrow){font-size:12px;max-width:340px;color:#96c4e5;line-height:1.9}.game-entry-link{display:flex;gap:42px;align-items:center;padding:12px 18px;background:#7bb5de;color:#0e283a;font-size:12px;margin-top:26px;clip-path:polygon(0 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%)}.game-entry-link:hover{background:#a6cde9}.game-entry-copy>small{font-size:9px;color:#63a7d8;margin-top:13px}
.station-showcase{background:#c1dcf0;color:#123046}.station-render{background:#0e2739}.station-render:focus-visible{outline-color:#4697d1}.motion-section{background:#163b56;color:#d5e7f4}.motion-section .eyebrow{color:#7bb5de}.motion-caption small{color:#8abde2}.motion-grid .motion-card{grid-column:auto;grid-row:auto}.motion-grid .motion-card video{height:auto;aspect-ratio:16/9}.motion-grid .motion-card button{height:auto;aspect-ratio:16/9}.motion-card button span{background:#0e273990;border-color:#95c4e5}
.practice{background:#f4fbff}.lab-nav{background:#9ac6e6;border-color:#9ac6e6}.lab-nav button{background:#d1e5f4}.lab-nav button span{color:#3187c5}.lab-nav button[aria-selected=true]{background:#163c57;color:#daeaf6;box-shadow:inset 4px 0 #7bb5de}.lab-nav button[aria-selected=true] span{color:#7bb5de}.notes-header{border-color:#a5cde9}.notes-header p:not(.eyebrow),.notes-date,.notes-flow p,.notes-cases dd,.notes-delivery{color:#2e7db6}.notes-role{background:#cee4f3}.notes-label span{color:#3990ce}.notes-flow li,.notes-cases article,.notes-delivery{border-color:#a2cbe8}.step-index{color:#3085c1}.text-button{color:#256593;border-color:#58a1d5}.about{background:#c9e0f1}.about-copy p{color:#286d9e}.about-copy .lead{color:#163c57}.software-list>span{border-color:#91c1e3;background:#d5e8f5}.software-list img{width:30px;height:30px}.contact{background:#85bbe1;color:#123046}.contact .mail{border-color:#59a1d5}footer{background:#0e2739;color:#a5cde9}
dialog{background:#f4fbff;color:#123046}dialog::backdrop{background:#0b1e2cbd}.dialog-bar{background:#bedbef;color:#1b4b6e}.dialog-header>p:not(.eyebrow),.detail-block p,.gallery-caption{color:#2e7eb7}.gallery-stage,.dialog-image{background:#112e42}.gallery-stage:before{background:#194462}.gallery-stage:after{background:#3e93cf}.gallery-caption{border-color:#3e93cf}.gallery-controls button{border-color:#8cbee2}.gallery-controls button[aria-pressed=true]{background:#184361;color:#d2e6f4}.gallery-controls button:hover{background:#b3d4ec;color:#123046;border-color:#3e93cf}.tool-flow span{background:#c9e0f1}.dialog-external{border-color:#3f93cf}
@media(max-width:700px){.game-entry{grid-template-columns:1fr;scroll-margin-top:68px}.game-entry-visual{min-height:0;height:240px}.game-entry-copy{padding:32px 24px 38px}.game-entry-copy h2{font-size:30px;margin:12px 0 15px}.game-entry-link{margin-top:20px}.entry-label{left:22px;bottom:16px}.dock-launch{font-size:11px;margin-top:14px;padding:10px 14px}.software-list>span{font-size:11px}.aurora{filter:blur(25px)}}
@media(prefers-reduced-motion:reduce){.game-entry-visual img{transition:none}.game-entry-visual:hover img{transform:none}}

.hero-inactive .atmosphere *,.hero-inactive .atmosphere *:before{animation-play-state:paused!important}

/* Cold silver and blue surfaces, with an explicit category selection. */
.nav{background:#f4fbfff5;color:#153a55;border-color:#a9cee9}.brand>b{color:#153a54}.nav #motion{color:#276b9b;border-color:#a0c9e7}.nav nav a:hover{color:#246eb1}
.filter-row{gap:10px;flex-wrap:wrap;border-color:#aacfea;margin-bottom:26px;padding-bottom:16px}.filter-row button{padding:10px 17px;border:1px solid #a9cee9;background:transparent;color:#286fa1;font-size:12px}.filter-row button[aria-pressed=true]{background:#264f76;color:#f0f7ff;border-color:#264f76;box-shadow:inset 3px 0 #8fc6f3}.filter-row button:hover{background:#d0e2f2;color:#173e66}.filter-row button[aria-pressed=true]:hover{background:#256695;color:#fff}
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.work-card:nth-child(n){grid-column:auto}.work-card:nth-child(n) .work-visual{height:320px}.work-grid[data-category=ue] .work-card:first-child{grid-column:1/-1}.work-grid[data-category=ue] .work-card:first-child .work-visual{height:430px}.work-grid[data-category=model]{grid-template-columns:minmax(0,760px)}.work-grid[data-category=model] .work-visual img{object-fit:contain;background:#0c2130}
@media(max-width:700px){.filter-row{gap:7px}.filter-row button{font-size:10px;padding:10px 12px;min-height:42px}.work-card:nth-child(n) .work-visual{height:180px}.work-grid[data-category=ue] .work-card:first-child .work-visual{height:260px}.work-grid[data-category=model] .work-visual{height:300px}}

/* Blue/cyan technology palette: white, pale blue and deep blue. */
:root{--accent:#25c9f1;--ink:#103b61;--muted:#3a719b;--paper:#ffffff;--line:#a3d7f4;--text:#103b61}
body,.works,.practice{background:#fff}.nav{background:#f4fbfff5;color:#123d61;border-color:#badff6}.brand>b{color:#0a3559}.nav #motion{color:#276391;border-color:#aad4f1}.nav nav a:hover{color:#008bb9}.nav nav a:after{background:#10bde9}
.station-study{background:radial-gradient(ellipse at 74% 45%,#166785 0%,#104a6d 35%,#082f50 68%,#06233e 100%);color:#effaff}.station-intro h1 span{color:#65e5ff}.station-selector button[aria-pressed=true],.dock-launch{background:#7be5ff;color:#083657;border-color:#7be5ff}.station-intro>.eyebrow,.hero-role,.station-intro #station-description,#station-reset{color:#a7dcfa}.station-state{color:#9edcfb;border-color:#57dbff}.station-lock-frame i{border-color:#7edaff}.aurora-a{background:conic-gradient(from 30deg,transparent 5%,#2acdf42b 18%,#5486ef70 28%,transparent 39%,#29b8ee42 55%,transparent 70%)}.aurora-b{background:conic-gradient(from 180deg,transparent 20%,#76ddff44 34%,transparent 46%,#327bec6b 60%,transparent 75%)}
.ticker{background:#c8edff;color:#104b76;border-color:#8ed5f4}.ticker b{color:#259cc6}.game-entry,.motion-section{background:#082e50;color:#effaff}.game-entry-copy .eyebrow,.motion-section .eyebrow{color:#65d8fa}.game-entry-link{background:#72dcff;color:#083658}.game-entry-link:hover{background:#b1efff}.game-entry-copy>p:not(.eyebrow){color:#aad3ee}.game-entry-copy>small{color:#8cbfdf}.entry-reticle{color:#86e7ff}
.station-showcase{background:#d9f2ff;color:#103b61}.about{background:#e7f7ff}.contact{background:#bdeaff;color:#103b61}.contact .mail{border-color:#7fc8ef}footer{background:#062945;color:#c2e5fa}.software-list>span{background:#f5fcff;border-color:#a5d6f1}
.lab-nav{background:#b5dcf3;border-color:#a7d3ee}.lab-nav button{background:#e9f7ff}.lab-nav button[aria-selected=true]{background:#124c79;color:#f4fcff;box-shadow:inset 4px 0 #3cd4fa}.lab-nav button[aria-selected=true] span{color:#91e4ff}.notes-role{background:#e0f3ff}.step-index{color:#239dca}.section-heading .eyebrow{border-color:#1fb5dd}.section-heading:after{background:repeating-linear-gradient(120deg,transparent 0 6px,#2995c6 6px 9px)}
.filter-row{border-color:#abd8f4}.filter-row button{color:#2b618d;border-color:#abd8f4}.filter-row button[aria-pressed=true]{background:#115785;color:#fff;border-color:#115785;box-shadow:inset 3px 0 #4bdcff}.filter-row button:hover{background:#def4ff;color:#124b77}.filter-row button[aria-pressed=true]:hover{background:#186b9b;color:#fff}.work-visual:after{background:#d9f5ff;color:#0d527d}
.dialog-bar{background:#d6efff}dialog{background:#f5fcff;color:#103b61}.gallery-stage,.dialog-image{background:#082e4b}.gallery-stage:before{background:#124f79}.gallery-stage:after{background:#39bde9}.gallery-controls button[aria-pressed=true]{background:#125784;color:#fff}.gallery-controls button:hover{background:#d8f2ff;border-color:#40b4dc;color:#0c4974}.gallery-caption{border-color:#2fafd8}.tool-flow span{background:#dcefff}

/* Keep document source crops at their native size. */
.gallery-stage .dialog-image[src*='wujin-paper-']{width:auto;max-width:100%;height:auto;margin-inline:auto}

#station-wire{display:inline-block;margin:16px 14px 0 0;padding:7px 11px;border:1px solid #397f9e;background:#072d4580;color:#a8d6eb;font-size:10px;cursor:pointer}#station-wire[aria-pressed="true"]{border-color:#84dcfa;color:#e2f8ff;background:#16446299}#station-wire[hidden]{display:none}
