:root{color-scheme:dark;--ink:#081217;--ice:#b8e5e7;--white:#f0f5ef;--muted:#a3b9bc;--warm:#d9c4a8;--flight:1450ms;--ease:cubic-bezier(.22,.7,.2,1)}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{font:14px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--white);background:#070b0e}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a,input{touch-action:manipulation}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ice);outline-offset:5px}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.glass-experience{position:fixed;inset:0;height:100dvh;overflow:hidden;isolation:isolate;background:#080c12}.room-world{position:absolute;left:0;top:0;width:var(--world-w,250vh);height:var(--world-h,100vh);transform-origin:0 0;transform:translate(var(--world-x,0px),var(--world-y,0px));transition:transform var(--flight) var(--ease);will-change:transform;pointer-events:none}.universe,.room-interior,.room-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.universe{overflow:hidden;background:#101e2a}.universe-fallback{width:100%;height:100%;object-fit:cover;opacity:.9}.universe .exterior-universe{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1s}.universe[data-exterior=ready] .exterior-universe{opacity:1}.universe[data-exterior=ready] .universe-fallback{opacity:0}.room-interior{object-fit:fill;filter:brightness(.73)}.room-light{background:linear-gradient(110deg,#c1eaf205,transparent 50%,#eec4920a);mix-blend-mode:screen}.observer-shade{position:absolute;inset:0;background:linear-gradient(#060b1099,transparent 20%,transparent 72%,#04090dba);pointer-events:none}.observer-header{height:82px;position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:38px;padding:0 3.2%;z-index:5}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand img{object-fit:contain}.room-name{font-size:9px;letter-spacing:.18em;color:#bcbab2;display:flex;gap:14px;align-items:center}.room-name i{height:12px;width:1px;background:#d2bd9840}.observer-actions{margin-left:auto;display:flex;gap:24px;align-items:center}.fullscreen{width:40px;height:40px;display:grid;place-items:center;color:#d7d8d1}.fullscreen svg{width:21px;height:21px}.back-room{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:12px}.back-room kbd{border:1px solid #cadad744;border-radius:3px;padding:0 5px;font:9px/1.8 system-ui;color:#b5bfbb}.projection{position:absolute;left:var(--idle-x,50%);top:var(--idle-y,25%);width:var(--idle-w,40vw);height:var(--idle-h,30vh);z-index:3;transition:left var(--flight) var(--ease),top var(--flight) var(--ease),width var(--flight) var(--ease),height var(--flight) var(--ease)}
.glass-launch{display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:100%;height:100%;padding:15px 25px;position:absolute;inset:0;color:#d3f1ed;text-shadow:0 0 20px #b6eff32b,0 2px 10px #05111bc9;transform:perspective(1500px) rotateY(-9deg) rotateZ(-2deg);transition:opacity .3s,filter .3s;background:linear-gradient(110deg,#0a243548,transparent 70%)}.glass-launch::before{content:"";position:absolute;left:24px;top:0;width:80px;height:1px;background:#c9f6ee99;box-shadow:0 0 12px #c9f6ee30}.launch-eyebrow{font-size:clamp(8px,.65vw,11px);letter-spacing:.22em;display:flex;align-items:center;gap:12px}.launch-eyebrow i{width:4px;height:4px;background:#c0efdf;box-shadow:0 0 9px #acffdc48;display:inline-block;border-radius:50%}.launch-title{font-weight:250;font-size:clamp(35px,4.1vw,80px);letter-spacing:.115em;line-height:1.5}.launch-description{font-weight:300;font-size:clamp(12px,.98vw,18px);line-height:1.65;letter-spacing:.025em;color:#cadad7}.launch-action{font-size:10px;letter-spacing:.11em;text-transform:uppercase;display:flex;align-items:center;gap:35px;margin-top:auto;padding-top:12px}.launch-action b{font-size:22px;font-weight:300}.launch-reticle{position:absolute;right:1%;top:20%;width:54px;height:54px;color:#aedfe064;transition:transform .5s,color .5s}.glass-launch:hover .launch-reticle{transform:rotate(90deg);color:#dafff1}.glass-launch:hover{filter:brightness(1.12)}
.room-caption{position:absolute;left:5.2%;bottom:13%;display:flex;align-items:flex-start;gap:20px;flex-wrap:wrap;width:340px;transition:opacity .4s,transform .7s;pointer-events:none}.caption-line{width:38px;height:1px;background:#cfb792;flex:none;margin-top:16px}.room-caption p{margin:0;font-size:20px;font-weight:300;line-height:1.7;color:#d0c6b8;text-shadow:0 2px 16px #000}.room-caption strong{font-weight:350;color:#eee5d6}.caption-hint{font-size:9px;letter-spacing:.09em;color:#c1b6a4;padding-left:58px}.preview-footer{position:absolute;left:3.2%;right:3.2%;bottom:17px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.19em;color:#b4b9b0;pointer-events:none;z-index:4}
.glass-terminal{width:100%;height:100%;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:hidden;border:1px solid #b4e1df4d;border-radius:5px 24px 5px 5px;background:linear-gradient(110deg,#0b1b26ed,#0a1e2acc 50%,#0b1a269c);box-shadow:inset 0 1px #ecfffa2b,inset 0 0 90px #a2cfe70a,0 22px 90px #02070c5c;backdrop-filter:blur(7px);opacity:0;transition:opacity .65s .3s;pointer-events:none}.glass-reflection{position:absolute;inset:0;background:linear-gradient(122deg,transparent 10%,#c5eeed06 10.1%,transparent 36%,#e9eee807 36.1%,transparent 54%);pointer-events:none;z-index:-1}.corner{position:absolute;width:48px;height:48px;border-color:#c7f0e5;opacity:.65;pointer-events:none}.corner--tl{top:0;left:0;border-top:1px solid;border-left:1px solid}.corner--br{bottom:0;right:0;border-bottom:1px solid;border-right:1px solid}.terminal-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 35px 20px;border-bottom:1px solid #b9dfde24;flex:none}.eyebrow{font-size:9px;letter-spacing:.2em;color:#a5c5c9;margin:0 0 7px}.eyebrow span{color:#d6e8dd66;margin:0 8px}.terminal-header h1{margin:0;font-size:30px;line-height:1.2;font-weight:300;letter-spacing:.06em}.glass-scroll{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;touch-action:pan-y;min-width:0;min-height:0;scrollbar-width:thin;scrollbar-color:#b0d3d866 #0716223b;scroll-behavior:smooth;scroll-padding:22px}.terminal-content{padding:30px clamp(24px,3.5vw,76px) 44px;max-width:1550px;margin:auto}.product-feature{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(25px,4vw,80px);padding:12px 0 38px}.product-visual{position:relative;min-height:225px;display:grid;place-items:center}.product-visual>img{width:clamp(108px,12vw,200px);height:auto;position:relative;filter:drop-shadow(0 16px 23px #0007);z-index:1}.product-visual svg{position:absolute;width:min(100%,305px);height:100%;color:#aad7de2c;stroke-width:.5}.product-visual::after{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(#bee9ee12,transparent 65%)}.product-copy h2{font-size:clamp(30px,3.2vw,54px);font-weight:250;line-height:1.14;letter-spacing:.03em;margin:12px 0 17px}.product-copy .tagline{font-size:17px;font-weight:350;color:#d7e6df;margin:0 0 15px}.body-copy{font-size:13px;line-height:1.9;color:#b3c8c8;max-width:57ch}.facts{display:flex;flex-wrap:wrap;gap:14px;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:#bad0ce;margin:22px 0}.facts span{padding:3px 10px;border-left:1px solid #abcbd74d}.facts span:first-child{padding-left:0;border:0}.holo-action{display:inline-flex;align-items:center;gap:30px;min-height:45px;border:1px solid #b4d5d05c;background:linear-gradient(100deg,#c4efdf1a,#c4efdf05);padding:10px 19px;font-size:11px;color:#e3f5e8;transition:background .2s}.holo-action:hover{background:#c4efdf25}.holo-action b{font-size:19px;font-weight:300}.holo-action.secondary{background:none;border-color:#abc9d12b;color:#afc4c4}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;margin-top:15px}.feature-item{display:flex;gap:15px;padding:20px 0;border-top:1px solid #b1d6dd20;align-items:flex-start}.feature-item>span{color:#839ea2;font-size:10px;margin-top:3px}.feature-item p{margin:0;font-size:13px;color:#c4d5d1}.content-note{color:#8eadaf;font-size:11px;line-height:1.85;margin:25px 0 0;padding-left:14px;border-left:1px solid #b9c9b543}.reading-title{font-weight:300;font-size:clamp(25px,3vw,43px);line-height:1.2;margin:12px 0 24px;max-width:20ch}.info-block{padding:23px 0;border-top:1px solid #b1d6dd25}.info-block h3{font-size:14px;font-weight:400}.info-block p{color:#b4c8c6;font-size:13px;line-height:1.85;max-width:68ch}.info-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:25px}.scroll-hint{color:#b6cbcd;font-size:9px;letter-spacing:.04em}.scroll-hint span{margin-left:18px;font-size:17px}.no-script{position:fixed;bottom:10%;left:10%;background:#111c25;padding:20px;z-index:20}
.glass-experience:is([data-state=approaching],[data-state=terminal]) .room-world{transform:translate(var(--focus-x),var(--focus-y)) scale(var(--focus-scale))}.glass-experience:is([data-state=approaching],[data-state=terminal]) .projection{left:var(--panel-x);top:var(--panel-y);width:var(--panel-w);height:var(--panel-h)}.glass-experience:is([data-state=approaching],[data-state=terminal]) .glass-launch{opacity:0;pointer-events:none}.glass-experience:is([data-state=approaching],[data-state=terminal]) .glass-terminal{opacity:1}.glass-experience[data-state=terminal] .glass-terminal{pointer-events:auto}.glass-experience:not([data-state=room]) .room-caption{opacity:0;transform:translateY(15px)}.glass-experience[data-state=withdrawing] .glass-terminal{opacity:0;transition:opacity .25s}.glass-experience[data-state=withdrawing] .glass-launch{opacity:0}.glass-experience[data-state=room] .glass-launch{transition:opacity .7s .2s}
@media(min-width:2300px){.terminal-header{padding:32px 44px}.terminal-header h1{font-size:38px}.product-copy .body-copy,.info-block p{font-size:16px}.feature-item p{font-size:15px}.terminal-content{padding-top:48px}.product-feature{min-height:400px}}
@media(max-width:1000px){.room-name{display:none}.terminal-content{padding:23px}.product-feature{gap:22px}.product-visual{min-height:190px}.launch-reticle{display:none}.launch-title{font-size:clamp(35px,5vw,60px)}.room-caption{bottom:10%;left:5%}.room-caption p{font-size:17px}}
@media(max-width:700px){.observer-header{height:62px;padding:0 16px;gap:12px}.brand{gap:8px}.brand img:first-child{width:26px;height:26px}.brand img:last-child{width:114px}.observer-actions{gap:8px}.fullscreen{width:32px}.back-room{font-size:10px;gap:6px}.back-room kbd{display:none}.back-room>span{max-width:64px;white-space:normal;line-height:1.3}.glass-launch{padding:18px 12px;transform:rotateZ(-1.5deg);background:linear-gradient(110deg,#0a213277,transparent)}.glass-launch::before{left:12px}.launch-title{font-size:clamp(32px,9vw,56px)}.launch-eyebrow{font-size:7px;letter-spacing:.15em}.launch-description{font-size:13px}.launch-action{font-size:9px;gap:20px}.room-caption{left:24px;bottom:13%;width:280px;gap:14px}.caption-hint{padding-left:52px;font-size:8px}.room-caption p{font-size:17px}.preview-footer{left:16px;right:16px;bottom:8px;font-size:6px}.terminal-header{padding:15px 18px}.terminal-header h1{font-size:23px}.terminal-content{padding:22px 19px 30px}.product-feature{grid-template-columns:1fr;gap:4px;padding:0 0 28px}.product-visual{min-height:145px}.product-visual>img{width:100px}.product-visual svg{width:180px}.product-copy h2{font-size:35px;margin-top:10px}.product-copy .tagline{font-size:15px}.body-copy{font-size:12px}.feature-list{grid-template-columns:1fr}.feature-item{padding:15px 0}.feature-item p{font-size:12px}.terminal-footer .scroll-hint{font-size:8px}.scroll-hint span{font-size:14px;margin-left:6px}.info-actions{flex-direction:column}.info-actions a{justify-content:space-between}.glass-terminal{backdrop-filter:none;background:linear-gradient(110deg,#091b28ed,#0a1e2acf)}}
@media(max-height:550px){.observer-header{height:52px}.room-caption{display:none}.terminal-header{padding:10px 22px}.terminal-header h1{font-size:20px}.launch-description{display:none}.launch-title{font-size:35px}.launch-action{font-size:9px}.product-visual{min-height:150px}}

/* Glass-edge disclosure: one fixed rail, a drawer above the content, no layout shift. */
.terminal-layout{--rail:58px;display:grid;grid-template-columns:var(--rail) minmax(0,1fr);position:relative;flex:1;min-height:0}
.navigation-rail{grid-column:1;grid-row:1;display:flex;flex-direction:column;align-items:center;border-right:1px solid #b9dfde24;background:linear-gradient(90deg,#c2f1e808,transparent);z-index:3;min-height:0}
.menu-toggle{width:100%;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#b6d8d9;transition:color .2s,background .2s}
.menu-toggle svg{width:22px;height:22px;transition:transform .25s}
.menu-toggle span{font-size:8px;letter-spacing:.1em}
.menu-toggle:hover,.menu-toggle[aria-expanded=true]{color:#f0fff7;background:#c2f1e811}
.menu-toggle[aria-expanded=true] svg{transform:rotate(90deg)}
.menu-toggle:focus-visible{outline-offset:-5px}
.rail-line{width:1px;flex:1;max-height:160px;margin:20px 0;background:linear-gradient(#b7e3dd3b,transparent)}
.terminal-nav{position:absolute;left:var(--rail);top:0;bottom:0;width:min(248px,calc(100% - var(--rail)));z-index:4;padding:18px 12px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;border-right:1px solid #b9dfde45;background:linear-gradient(120deg,#102730f7,#0b1d28f2);box-shadow:22px 0 45px #02080e55,inset 1px 0 #c3e9df14;backdrop-filter:blur(14px);animation:glass-menu-in .24s ease-out both}
.terminal-nav>button{display:flex;align-items:center;gap:15px;flex:none;width:100%;min-height:53px;text-align:left;padding:12px;font-size:12px;color:#a7c5c8;border-left:1px solid transparent;transition:color .2s,background .2s}
.terminal-nav>button svg{width:19px;height:19px;flex:none;opacity:.8}
.terminal-nav>button:hover{color:#effff7;background:#c2f1e809}
.terminal-nav>button[aria-current]{color:#e8faf2;border-left-color:#bceadd;background:linear-gradient(90deg,#c2f1e813,transparent)}
.terminal-nav>button:disabled{opacity:.4;cursor:default}
.glass-scroll{grid-column:2;grid-row:1}
.section-name{font-size:11px;letter-spacing:.06em;color:#a6c7c9}
.terminal-footer{height:33px;padding:0 26px;display:flex;align-items:center;justify-content:flex-end;border-top:1px solid #b9dfde1c;flex:none}
.product-copy h2:focus,.reading-title:focus{outline-offset:8px}
@keyframes glass-menu-in{from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:2300px){.terminal-layout{--rail:68px}.terminal-nav{width:280px}.terminal-nav>button{font-size:15px;min-height:62px}.menu-toggle span{font-size:10px}.section-name{font-size:14px}}
@media(max-width:700px){.terminal-layout{--rail:44px}.menu-toggle{min-height:68px;gap:7px}.menu-toggle svg{width:20px;height:20px}.menu-toggle span{font-size:7px}.terminal-nav{padding:12px 8px;backdrop-filter:none}.terminal-nav>button{min-height:52px;gap:12px}.terminal-content{padding:22px 16px 30px}.terminal-header{gap:12px}.section-name{font-size:9px}.terminal-footer{height:29px;padding:0 15px}.facts{gap:8px;font-size:8px}.holo-action{gap:14px;padding:10px 13px}.product-copy h2{font-size:32px}}
@media(max-height:550px){.terminal-nav{padding-top:8px}.terminal-nav>button{min-height:45px}.menu-toggle{min-height:60px}.terminal-footer{height:26px}}


/* Sister deck: the same glass controls, aligned to the Games observation window. */
.deck-link{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding:18px 12px 8px;border-top:1px solid #b9dfde24;font-size:12px;color:#a7c5c8;flex:none}
.deck-link:hover{color:#effff7}.deck-link span{font-size:19px}
.glass-experience[data-deck=games]{--ice:#d7d9d0}
[data-deck=games] .glass-launch{transform:perspective(1500px) rotateY(-4deg);color:#e4e8df}
[data-deck=games] .glass-terminal{background:linear-gradient(110deg,#131d24ed,#15252dcc 50%,#0e1b259c)}
.games-fallback{background:radial-gradient(ellipse at 72% 36%,#42505e 0,transparent 25%),radial-gradient(ellipse at 40% 50%,#233341,transparent 55%),#070c14}
.games-overview{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1.35fr);gap:clamp(26px,4vw,80px);align-items:center;min-height:clamp(300px,48vh,660px);padding:24px 0}
.games-insignia{display:grid;place-items:center;position:relative;padding:30px 12px}
.games-insignia::before{content:"";position:absolute;inset:5%;background:radial-gradient(ellipse,#c9d4cf0d,transparent 65%);pointer-events:none}
.games-insignia img{width:clamp(120px,15vw,240px);max-width:100%;height:auto;filter:drop-shadow(0 20px 30px #0008)}
.games-overview .reading-title{font-size:clamp(30px,3.2vw,55px);max-width:20ch;margin-top:14px}
.games-status{position:relative;margin-top:38px;padding:22px 0 0;border-top:1px solid #c8d4cb29;max-width:55ch}
.status-line{position:absolute;top:-1px;left:0;width:38px;height:1px;background:#cbbfb1}
.games-status h3{font-size:13px;font-weight:450;letter-spacing:.025em;margin:0 0 9px;color:#d7ded5}
.games-status p{margin:0;font-size:12px;line-height:1.9;color:#a9c0c1}
@media(max-width:700px){.games-overview{grid-template-columns:1fr;gap:10px;min-height:0;padding:0}.games-insignia{padding:15px 0}.games-insignia img{width:105px}.games-overview .reading-title{font-size:30px}.games-status{margin-top:26px}.deck-link{font-size:12px}}
@media(max-height:550px) and (min-width:701px){.games-overview{min-height:0;padding:0}.games-insignia img{width:150px}.games-status{margin-top:22px}}

@media(max-height:760px){[data-deck=games] .launch-description{display:none}[data-deck=games] .glass-launch{padding:10px 16px}[data-deck=games] .launch-title{font-size:clamp(32px,4.1vw,60px);line-height:1.25}[data-deck=games] .launch-action{padding-top:5px}}
@media(max-height:550px){[data-deck=games] .launch-eyebrow{display:none}[data-deck=games] .launch-title{font-size:30px;line-height:1.2}[data-deck=games] .glass-launch{padding:8px 12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}.room-world{will-change:auto}}

.glass-language{position:relative;font-size:11px;flex:none}.glass-language summary{cursor:pointer;list-style:none;padding:10px 6px}.glass-language summary::-webkit-details-marker{display:none}.glass-language nav{position:absolute;right:0;top:100%;width:168px;max-height:65dvh;overflow-y:auto;padding:8px;background:#0c1b25f5;border:1px solid #b9dfde45;box-shadow:0 14px 40px #0006}.glass-language a{display:block;padding:7px 12px}.glass-language a:hover,.glass-language a[aria-current]{background:#c2f1e813;color:#effff7}.glass-skip{position:fixed;top:-80px;left:20px;z-index:100;padding:10px 16px;background:#0c1b25}.glass-skip:focus{top:10px}@media(max-width:500px){.glass-experience:not([data-state=room]) .brand img:last-child{display:none}.observer-actions{gap:6px}.glass-language{font-size:10px}}
