#console-menu{background:#0b1020 url('/assets/menu/lounge.png') center center/cover no-repeat;color:#fff;font-family:var(--body)}
#console-menu{touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none}
.touch-hint{display:none}
#console-menu::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#080d1daf 0%,#090e1855 19%,#080a1317 51%,#0308138c 100%);pointer-events:none;z-index:1}
#menu-backdrop{z-index:1;opacity:.9}.console-vignette{z-index:1;background:radial-gradient(ellipse at 50% 48%,transparent 16%,#02051057 100%)}
.console-stage{inset:0;width:100%;height:100%;transform:none;left:0;top:0;z-index:2}
.console-header{z-index:7;height:112px;padding:26px clamp(24px,4vw,76px);align-items:flex-start;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;background:linear-gradient(180deg,#07101cc9,transparent)}
.console-brand{gap:16px;width:max-content;align-self:center}.station-mark{width:57px;height:57px;border:9px solid #f8fbff;border-right-color:transparent;border-bottom-color:#16c9ed;border-radius:50%;transform:rotate(-32deg);position:relative;filter:drop-shadow(0 0 12px #36d4f966)}.station-mark::after{content:"";position:absolute;left:13px;top:13px;width:15px;height:15px;border-radius:50%;background:#fff}.console-brand>b{border:0;padding:0;font-family:var(--body);font-size:clamp(23px,2.2vw,37px);font-weight:900;line-height:.83;letter-spacing:.07em;text-shadow:0 3px 24px #0009}.console-brand:hover{filter:brightness(1.15)}
.console-tabs{display:flex;align-items:center;justify-content:center;gap:12px}.console-tab{width:76px;height:49px;border-radius:28px;border:1px solid #ffffff1e;background:#ffffff0d;color:#d3dbea;font-size:25px;backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff0e;transition:background .18s,transform .18s,box-shadow .18s}.console-tab:hover,.console-tab:focus-visible{background:#ffffff29;transform:translateY(-2px)}.console-tab.active{background:#f8fcff;color:#0d1423;box-shadow:0 0 24px #7db8ff76,0 8px 22px #0006}
.console-profile{justify-self:end;display:flex;align-items:center;gap:13px;height:49px;color:#f4f8ff;font-size:14px;font-weight:700;white-space:nowrap}.profile-avatar{display:grid;place-items:center;width:38px;height:38px;border:2px solid white;background:linear-gradient(145deg,#223b59,#543a42);border-radius:50%;font-size:18px;box-shadow:0 0 0 3px #092b3a}.console-profile i{height:32px;width:1px;background:#ffffff6b;margin:0 10px}.console-profile time{font-size:23px;font-weight:400}.console-profile button{width:32px;height:32px;border:0;background:transparent;color:#fff8;font-size:18px}
.console-profile .clock-ranking-link{width:auto;height:49px;padding:0 8px;color:#f4f8ff;cursor:pointer;border-radius:8px;transition:color .18s,background .18s,text-shadow .18s}
.console-profile .clock-ranking-link:hover,.console-profile .clock-ranking-link:focus-visible{color:#8feaff;background:#8feaff1c;text-shadow:0 0 16px #5ce4ff;outline:2px solid #8feaff80;outline-offset:2px}
.carousel{left:0;right:0;top:18%;height:64%;perspective:1300px;--center:50%;pointer-events:none;transition:opacity .25s,transform .25s}
.game-medallion.cover-card{pointer-events:auto;left:var(--center);top:0;width:clamp(215px,25.5vw,410px);height:clamp(350px,56vh,595px);aspect-ratio:auto;border-radius:16px;overflow:hidden;padding:0;background:#1b2440;border:1px solid #ffffff6b;box-shadow:0 30px 55px #02030bd9,0 4px 15px #0009;transition:transform .32s cubic-bezier(.2,.72,.2,1),opacity .25s,filter .25s,box-shadow .25s;transform-origin:center center;backface-visibility:hidden;will-change:transform}
.cover-art,.cover-shade{position:absolute;inset:0;display:block}.cover-art{background-image:url('/assets/menu/game-covers-atlas.png');background-size:300% 300%;background-position:var(--tile-x,50%) var(--tile-y,50%);background-repeat:no-repeat;filter:saturate(1.12)}.cover-shade{background:linear-gradient(180deg,#07122239 0%,transparent 30%,#090f2266 64%,#081021dc 100%)}.cover-card[data-game="wash"] .cover-art{background-image:url('/assets/menu/washi-cover.png');background-size:cover;background-position:center 41%}.cover-card[data-game="rocket"] .cover-art{background-image:url('/assets/menu/rocket-cover.png');background-size:cover;background-position:center 33%}.cover-card[data-game="kung"] .cover-art{background-image:url('/assets/kung/arena-frame.png');background-size:cover;background-position:center}.kung-cover-canvas{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.cover-title{position:absolute;left:8%;right:8%;bottom:9%;text-align:center;color:#fff;font:900 clamp(31px,3.2vw,56px)/.88 var(--display);text-transform:uppercase;letter-spacing:.02em;text-shadow:0 4px 0 #060b1e,0 8px 25px #000,0 0 20px var(--disc-color)}.cover-wash-logo{position:absolute;width:82%;left:9%;bottom:3%;filter:drop-shadow(0 8px 20px #03132cb3)}.cover-camera{position:absolute;top:15px;left:15px;display:grid;place-items:center;width:39px;height:32px;border-radius:8px;background:#050b1fc9;border:1px solid #ffffff79;color:#fff;font-size:21px;line-height:1}.cover-corner{position:absolute;right:13px;top:17px;font-size:9px;letter-spacing:1.3px;font-weight:800;color:#fff;text-shadow:0 1px 5px #000a}
.cover-card[data-offset="0"]{z-index:5;transform:translateX(-50%) scale(1.05);opacity:1;border:3px solid #adf1ff;box-shadow:0 0 0 1px #e4faff,0 0 25px #24c4fba8,0 0 75px #0c78ed5b,0 31px 60px #000c}.cover-card[data-offset="-1"]{z-index:4;transform:translateX(-50%) translateX(-105%) translateY(6%) rotateY(14deg) scale(.83);opacity:.91;filter:brightness(.85)}.cover-card[data-offset="1"]{z-index:4;transform:translateX(-50%) translateX(105%) translateY(6%) rotateY(-14deg) scale(.83);opacity:.91;filter:brightness(.85)}.cover-card[data-offset="-2"]{z-index:3;transform:translateX(-50%) translateX(-205%) translateY(12%) rotateY(24deg) scale(.68);opacity:.72;filter:brightness(.7)}.cover-card[data-offset="2"]{z-index:3;transform:translateX(-50%) translateX(205%) translateY(12%) rotateY(-24deg) scale(.68);opacity:.72;filter:brightness(.7)}.cover-card:hover{filter:brightness(1.08)}.cover-card:focus-visible{outline:4px solid white;outline-offset:8px}.disc-rim,.disc-caption{display:none}
.selection-title{z-index:5;left:27%;right:27%;top:auto;bottom:12%;text-align:center}.selection-title .console-eyebrow{font-size:9px;letter-spacing:2.4px;color:#97dff3;text-shadow:0 2px 10px #000}.selection-title h2{font:800 clamp(24px,2.1vw,37px) var(--display);margin:4px 0 0;color:#fff;text-shadow:0 4px 18px #000}.selection-title p{font-size:11px;color:#e0e9f4;margin:5px auto 0;max-width:550px;text-shadow:0 2px 8px #000}.carousel-dots{margin-top:13px;gap:9px}.carousel-dots button{width:7px;height:7px;min-height:7px;background:#ffffff66;transition:width .2s,background .2s}.carousel-dots button.active{width:21px;border-radius:8px;background:#63d9ff;box-shadow:0 0 10px #58ddff}
.welcome-copy{z-index:4;left:5%;top:38%;width:min(25vw,350px);padding:22px 20px;border:1px solid #b5dafa2e;border-radius:18px;background:linear-gradient(145deg,#0b1428b5,#080d19a3);backdrop-filter:blur(15px);box-shadow:0 20px 35px #0005}.welcome-copy h1{font:900 clamp(43px,4.4vw,73px)/.85 var(--display);margin:15px 0 16px;letter-spacing:0}.welcome-copy h1 em{color:#6bdfff}.welcome-copy>p{font-size:12px;color:#dce9f5;line-height:1.55}.welcome-copy .console-eyebrow{font-size:9px;color:#67dbfd}.welcome-copy .console-eyebrow i{background:#52e1ff}.console-cta{background:#f6fbff;color:#0c1930;border:0;box-shadow:0 7px 23px #46caff56;padding:13px 18px;font-size:12px}.console-cta:hover{background:#d4f6ff}.console-link{color:#f3faff;font-size:11px}.camera-local{color:#b7cad7;font-size:9px}
#console-menu[data-state="welcome"] .carousel{top:18%;height:64%;left:0;right:0;--center:61%}#console-menu[data-state="welcome"] .game-medallion{width:clamp(215px,25.5vw,410px);left:var(--center)}#console-menu[data-state="welcome"] .selection-title{left:39%;right:17%;top:auto;bottom:11%;text-align:center;width:auto}#console-menu[data-state="welcome"] .selection-title h2{font-size:30px}#console-menu[data-state="welcome"] .selection-title p{display:block}#console-menu[data-state="welcome"] .carousel-dots{display:flex;justify-content:center}
.menu-nav{z-index:6;pointer-events:none}.motion-orb{pointer-events:auto;width:66px;height:66px;background:#061527b3!important;border:1px solid #a5e7ff7c;box-shadow:0 5px 20px #0008,inset 0 1px 12px #83dfff27!important;backdrop-filter:blur(10px);opacity:.66}.motion-orb:hover,.motion-orb:focus-visible,.motion-orb.charging{opacity:1;filter:brightness(1.35)}.motion-orb .orb-symbol{font-size:31px;color:#edfbff;text-shadow:0 0 15px #35ccff}.motion-orb svg circle{stroke:#63dcff}.motion-orb b{top:calc(100% + 5px);font:800 9px var(--body);text-transform:uppercase;letter-spacing:1px;color:#e7faff}.motion-orb small{font-size:26px}.nav-prev{left:3%;top:44%}.nav-next{right:3%;top:44%}.nav-back{left:4%;top:auto;bottom:8%}.nav-select{right:4%;top:auto;bottom:8%}.nav-select .orb-symbol{color:#aaf3ff}.player-guide{display:none!important}
.console-footer{z-index:7;height:63px;padding:0 clamp(24px,4vw,76px);background:linear-gradient(0deg,#050817d9,transparent);border:0;backdrop-filter:none;color:#e7f3ff;font-size:10px;letter-spacing:1px}.console-footer>div{gap:10px}.console-footer #console-camera-state{white-space:nowrap}.console-footer #menu-instruction{color:#9ebed4}.footer-pulse{background:#5de576;box-shadow:0 0 13px #5ff79a}.key-hints{font-size:9px;letter-spacing:.7px;color:#dceaf4}kbd{border:1px solid #ffffff6b;border-radius:50px;padding:5px 8px;color:#fff;background:#ffffff14}
.ready-panel{z-index:8;top:27%;left:50%;right:auto;transform:translateX(-50%);width:min(560px,72vw);background:#071323e8;border:1px solid #8ee7ff8c;box-shadow:0 0 45px #36caff43,0 30px 65px #000b;padding:30px 36px}.ready-panel h2{font-size:49px}.ready-panel p{font-size:14px}.ready-tip{color:#b7f0ff}.ready-meta{font-size:9px;color:#d5f5ff}#console-menu[data-state="ready"] .carousel{display:block;opacity:.36;filter:blur(8px)}#console-menu[data-state="ready"] .selection-title{display:none}#console-menu[data-state="ready"] .nav-prev,#console-menu[data-state="ready"] .nav-next{display:none}
.console-menu-settings{background:#0e1b2d;color:#f0faff;border:1px solid #4aa8d877}.console-menu-settings .button.primary{background:#c8f5ff;color:#102331}.framing-options button.active{border-color:#8be8ff;color:#b8f3ff;background:#41cfff1c}.console-menu-settings .setting-value{color:#9eefff}.gesture-button{outline-color:#5be2ff!important;background-image:linear-gradient(90deg,#44cfff66 var(--gesture-fill),transparent var(--gesture-fill))!important}
@media(max-width:900px){.console-header{height:80px;padding:18px 22px}.station-mark{width:40px;height:40px;border-width:6px}.station-mark::after{width:10px;height:10px;left:10px;top:10px}.console-brand>b{font-size:23px}.console-tabs{gap:5px}.console-tab{width:47px;height:37px;font-size:19px}.console-profile{font-size:11px;gap:6px}.console-profile time{font-size:15px}.console-profile i{margin:0 4px}.profile-avatar{width:30px;height:30px}.game-medallion.cover-card{width:30vw;height:53vh}.selection-title{bottom:13%}.welcome-copy{width:250px;left:3%;top:43%;padding:15px}.welcome-copy h1{font-size:45px}.welcome-copy>p{font-size:10px}.console-footer{padding:0 22px}.console-footer #menu-instruction{display:none}.key-hints{font-size:8px}.motion-orb{width:52px;height:52px}.motion-orb .orb-symbol{font-size:24px}}
@media(max-width:700px){.console-header{padding:14px 16px;grid-template-columns:1fr auto}.console-brand{gap:7px}.console-brand>b{font-size:17px}.station-mark{width:31px;height:31px;border-width:5px}.station-mark::after{width:8px;height:8px;left:7px;top:7px}.console-tabs{grid-column:2;gap:3px}.console-tab{width:35px;height:32px;font-size:17px}.console-profile{display:none}.carousel,#console-menu[data-state="welcome"] .carousel{top:25%;height:51%;--center:50%}.game-medallion.cover-card,#console-menu[data-state="welcome"] .game-medallion{width:53vw;height:47vh}.cover-card[data-offset="-1"]{transform:translateX(-50%) translateX(-97%) translateY(7%) rotateY(14deg) scale(.74)}.cover-card[data-offset="1"]{transform:translateX(-50%) translateX(97%) translateY(7%) rotateY(-14deg) scale(.74)}.cover-card[data-offset="-2"],.cover-card[data-offset="2"]{opacity:0;pointer-events:none}.welcome-copy{left:4%;right:4%;top:9%;width:auto;padding:10px 14px;background:#071424ad}.welcome-copy h1{font-size:31px;margin:5px 0}.welcome-copy h1 br{display:none}.welcome-copy>p,.camera-local{display:none}.welcome-actions{flex-direction:row;gap:12px;margin:8px 0 0}.console-cta{font-size:10px;padding:9px 11px}.console-link{font-size:9px}.selection-title,#console-menu[data-state="welcome"] .selection-title{left:8%;right:8%;top:auto;bottom:11%;width:auto;text-align:center}.selection-title h2{font-size:26px}.selection-title p{display:none!important}.console-footer{height:52px;padding:0 15px;font-size:8px}.key-hints{display:none}.motion-orb{width:43px;height:43px}.motion-orb .orb-symbol{font-size:20px}.motion-orb b{font-size:7px}.nav-prev{left:2%;top:51%}.nav-next{right:2%;top:51%}.nav-back{left:4%;bottom:9%}.nav-select{right:4%;bottom:9%}.ready-panel{top:30%;width:86vw;padding:20px}.ready-panel h2{font-size:34px}.ready-panel p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cover-card,.console-tab,.motion-orb{transition:none!important}}

/* Large-screen game preview and hand-control feedback. */
.cover-card[data-game="kung"] .cover-art{background-image:url('/assets/menu/kung-foo-cover-card.png');background-size:cover;background-position:center}
.cover-card[data-game="ghost"] .cover-art{background-image:url('/assets/ghost/cover.jpg');background-size:cover;background-position:center}.cover-card[data-game="ghost"] .cover-shade{background:linear-gradient(180deg,transparent 45%,#071329a0 100%)}.cover-ghost-logo{position:absolute;width:86%;left:7%;bottom:3%;filter:drop-shadow(0 7px 18px #000d)}
.cover-card[data-game="plate"] .cover-art{background-image:url('/assets/plate/spinners-cover-v2.png');background-size:cover;background-position:center}.cover-card[data-game="plate"] .cover-shade{background:linear-gradient(180deg,#061e1a10 20%,#041a1bb0 100%)}.cover-plate-logo{position:absolute;width:87%;left:6.5%;bottom:3%;filter:drop-shadow(0 7px 14px #072820b8)}
.cover-card[data-game="mirror"] .cover-art{background-image:url('/assets/mirror/cover.png');background-size:cover;background-position:center 43%}.cover-card[data-game="mirror"] .cover-shade{background:linear-gradient(180deg,#020b1105 0%,#020b1140 65%,#020b11bd 100%)}.cover-mirror-logo{position:absolute;width:88%;left:6%;top:3%;filter:drop-shadow(0 9px 16px #000c)}.ready-mirror-logo{display:none;position:absolute;left:3%;top:4%;width:min(27vw,360px);max-width:32%;z-index:2;filter:drop-shadow(0 10px 24px #000c)}#console-menu[data-game="mirror"] .ready-mirror-logo{display:block}#console-menu.has-camera[data-game="mirror"] .ready-mirror-logo{opacity:.9}
.cover-card[data-game="keep"] .cover-art{background-image:url('/assets/keep/cover.png');background-size:cover;background-position:center 40%}
.cover-card[data-game="giant"] .cover-art{background-image:url('/assets/little-giant/cover.png');background-size:cover;background-position:center 40%}
.mirror-mark{display:grid;place-items:center;isolation:isolate;aspect-ratio:2.15/1;line-height:.8;text-align:center;pointer-events:none}
.mirror-mark img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:.28;filter:blur(2px)}
.mirror-mark strong{position:relative;z-index:1;display:block;font:1000 clamp(28px,3.7vw,65px)/.78 "Barlow Condensed",Impact,sans-serif;letter-spacing:.035em;color:#efffff;-webkit-text-stroke:2px #0d242e;text-shadow:0 3px 0 #0b2e38,0 7px 0 #006d7c,0 12px 0 #03151a,0 0 20px #4bdaff,2px 2px 22px #000}
.cover-mirror-logo.mirror-mark{filter:none}.cover-mirror-logo.mirror-mark strong{font-size:clamp(23px,2.5vw,48px)}
.ready-mirror-logo.mirror-mark{display:none;filter:none}#console-menu[data-game="mirror"] .ready-mirror-logo.mirror-mark{display:grid}
#console-menu[data-game="mirror"] .ready-mirror-logo.mirror-mark{top:11%;left:5%}
.cover-card[data-game="kung"] .cover-shade{background:linear-gradient(180deg,#07122220,transparent 38%,#08102127)}
#launch-kung-logo{display:block;width:min(610px,70vw);max-height:31vh;object-fit:contain;filter:drop-shadow(0 9px 24px #000b)}#launch-kung-logo[hidden],#launch-game[hidden]{display:none}
.ready-keyart{display:none;position:absolute;inset:0;z-index:4;overflow:hidden}.ready-art{position:absolute;inset:0;background-repeat:no-repeat;filter:saturate(1.2);transform:scale(1.08)}.ready-keyart::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03091722 0%,#05102112 35%,#04101dbd 64%,#030817e8 100%),linear-gradient(0deg,#020a16a8,transparent 27%,#020a1666)}#console-menu[data-state="ready"] .ready-keyart{display:block;animation:keyart-enter .85s cubic-bezier(.16,1,.3,1) both}#console-menu[data-state="ready"] .ready-art{animation:keyart-pan 8s ease-out both}#console-menu[data-state="ready"] .carousel,#console-menu[data-state="ready"] .selection-title{display:none}#console-menu[data-state="ready"] .nav-prev,#console-menu[data-state="ready"] .nav-next{display:none}
.ready-panel{z-index:8;top:19%;left:auto;right:5%;transform:none;width:min(510px,39vw);max-height:68%;overflow:auto;background:linear-gradient(140deg,#071629e8,#03101aeb);border:1px solid #a5e8ff8c;border-radius:22px;box-shadow:0 0 55px #36caff32,0 30px 65px #000a;padding:clamp(26px,3vw,48px);animation:ready-panel-enter .75s cubic-bezier(.16,1,.3,1) both}.ready-panel .console-eyebrow{display:block;font-size:clamp(16px,1.35vw,22px);font-weight:900;color:#6cddff;letter-spacing:.13em;text-shadow:0 0 18px #29c6ff88}.ready-panel h2{font:900 clamp(42px,4.2vw,72px)/.93 var(--display);margin:23px 0;color:#fff;text-transform:uppercase;text-shadow:0 4px 22px #000,0 0 18px #54dfff55}.ready-panel p{font-size:clamp(18px,1.55vw,26px);line-height:1.35;font-weight:650;color:#f0f8ff;text-shadow:0 2px 12px #000c}.ready-meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px;font-size:clamp(13px,1vw,17px);font-weight:800;color:#d5f5ff}.ready-meta span{border:1px solid #80e5ff7a;border-radius:50px;padding:9px 15px;background:#0b2a3bae}.ready-tip{margin-top:27px;padding:16px 18px;border-radius:14px;background:#39c7ff1c;border:1px solid #8de8ff65;color:#cbf6ff;font-size:clamp(15px,1.2vw,20px);font-weight:900;line-height:1.25;box-shadow:inset 0 0 20px #3ac7ff14}.ready-tip small{display:block;margin-top:8px;font-size:.7em;color:#a8d8eb;font-weight:700}#console-menu[data-state="ready"] .nav-select{opacity:1;filter:brightness(1.25);width:86px;height:86px;right:2.5%;bottom:4%}
.gesture-cursor{display:none;position:absolute;z-index:10;pointer-events:none;width:50px;height:50px;margin:-25px 0 0 -25px;border:3px solid #e9feff;border-radius:50%;background:#2dceff2b;box-shadow:0 0 0 6px #2bd2ff3b,0 0 24px #21d8ff,inset 0 0 15px #33d9ff8c;place-items:center;color:#fff;font-size:20px;text-shadow:0 0 10px #21d8ff;transition:left .06s linear,top .06s linear}.gesture-cursor.visible{display:grid}.cover-card.hand-target{box-shadow:0 0 0 3px #ecfeff,0 0 45px #4be2ff,0 30px 55px #02030bd9;filter:brightness(1.2)}.cover-card.hand-target::after{content:"";position:absolute;inset:0;border:8px solid transparent;border-bottom-color:#68e9ff;border-radius:16px;opacity:var(--cover-hold);pointer-events:none}.motion-orb{--hold:0;transform:scale(calc(1 + var(--hold)*.1))}.motion-orb.charging{box-shadow:0 0 0 calc(var(--hold)*9px) #2ddcff55,0 0 30px #27d8ff!important}
@keyframes keyart-enter{from{opacity:0;clip-path:inset(0 50% 0 50%)}to{opacity:1;clip-path:inset(0)}}@keyframes keyart-pan{from{transform:scale(1.09)}to{transform:scale(1.01)}}@keyframes ready-panel-enter{from{opacity:0;transform:translateX(80px) scale(.94)}to{opacity:1;transform:translateX(0) scale(1)}}
@media(max-width:900px){.ready-panel{right:3%;width:47vw;top:19%;padding:24px}.ready-panel h2{font-size:42px}.ready-panel p{font-size:17px}}
@media(max-width:700px){.ready-keyart::after{background:linear-gradient(0deg,#030919ec 0%,#030919d8 50%,#03091933 100%)}.ready-panel{top:39%;left:5%;right:5%;width:90%;max-height:48%;padding:18px}.ready-panel h2{font-size:34px;margin:9px 0}.ready-panel p{font-size:14px}.ready-meta{margin-top:10px;font-size:10px}.ready-meta span{padding:5px 8px}.ready-tip{margin-top:11px;padding:9px 12px;font-size:11px}.ready-tip small{margin-top:2px}.ready-panel .console-eyebrow{font-size:12px}#console-menu[data-state="ready"] .nav-select{width:54px;height:54px;right:4%;bottom:7%}}
@media(prefers-reduced-motion:reduce){.ready-art,.ready-keyart,.ready-panel{animation:none!important}}
.launch-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;color:#fff;background:linear-gradient(130deg,#020714f4,#07192ce5),var(--launch-art) center/cover no-repeat;pointer-events:none;overflow:hidden}.launch-screen[hidden]{display:none}.launch-screen::before,.launch-screen::after{content:"";position:absolute;border:2px solid var(--launch-color);width:52vmin;height:52vmin;border-radius:50%;box-shadow:0 0 70px var(--launch-color);opacity:.55}.launch-screen::after{width:70vmin;height:70vmin;opacity:.18}.launch-core{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;text-shadow:0 3px 20px #000}.launch-eyebrow{font-size:clamp(13px,1.6vw,23px);font-weight:900;letter-spacing:.22em;color:#bcecff}.launch-core strong{font:900 clamp(56px,8vw,130px)/.9 var(--display);max-width:92vw;text-transform:uppercase;letter-spacing:.02em}.launch-core small{font-size:clamp(13px,1.3vw,19px);font-weight:900;letter-spacing:.25em}.launch-spinner{position:relative;width:70px;height:70px;display:grid;place-items:center}.launch-spinner i{position:absolute;width:20px;height:20px;border-radius:50%;background:var(--launch-color);box-shadow:0 0 26px var(--launch-color)}.launch-spinner i:nth-child(1){transform:translateY(-25px)}.launch-spinner i:nth-child(2){transform:translate(22px,16px)}.launch-spinner i:nth-child(3){transform:translate(-22px,16px)}.launch-progress{width:min(410px,70vw);height:8px;background:#ffffff32;border:1px solid #ffffff78;border-radius:12px;overflow:hidden}.launch-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3fd9ff,#fff);box-shadow:0 0 18px #fff}.launch-screen.playing{animation:launch-veil 1.15s ease-in-out both}.launch-screen.playing::before{animation:launch-ring 1.15s ease-out both}.launch-screen.playing::after{animation:launch-ring 1.15s .08s ease-out both}.launch-screen.playing .launch-spinner{animation:launch-spin 1s linear infinite}.launch-screen.playing .launch-progress i{animation:launch-fill 1s ease-out both}
@keyframes launch-veil{0%{opacity:0;transform:scale(1.05)}16%,74%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(.98)}}@keyframes launch-ring{0%{transform:scale(.6);opacity:0}35%{opacity:.65}100%{transform:scale(1.5);opacity:0}}@keyframes launch-spin{to{transform:rotate(360deg)}}@keyframes launch-fill{to{width:100%}}
@media(prefers-reduced-motion:reduce){.launch-screen.playing,.launch-screen.playing::before,.launch-screen.playing::after,.launch-screen.playing .launch-spinner,.launch-screen.playing .launch-progress i{animation:none!important}}
.camera-hint{display:none;position:absolute;z-index:5;top:116px;left:50%;transform:translateX(-50%);width:max-content;max-width:80vw;padding:10px 18px;border:1px solid #a3ebff8a;border-radius:100px;background:#03172abf;box-shadow:0 0 30px #27cfff3a;color:#d7f9ff;font-size:clamp(13px,1.25vw,20px);font-weight:800;letter-spacing:.06em;text-shadow:0 2px 10px #000}.camera-hint b{color:#fff}.camera-hint span{margin:0 10px;color:#49ddff}#console-menu.has-camera[data-state="browse"] .camera-hint{display:block;animation:ready-panel-enter .5s ease-out both}.motion-orb{width:82px;height:82px}.motion-orb .orb-symbol{font-size:38px}.motion-orb b{font-size:12px}.nav-prev,.nav-next{top:42%}.nav-back,.nav-select{bottom:8%}.console-footer{font-size:13px}.key-hints{font-size:12px}.selection-title .console-eyebrow{font-size:13px}.selection-title h2{font-size:clamp(30px,2.8vw,44px)}.selection-title p{font-size:15px}.console-cta{font-size:16px}.console-link{font-size:15px}
@media(max-width:900px){.motion-orb{width:64px;height:64px}.motion-orb .orb-symbol{font-size:28px}.motion-orb b{font-size:9px}.camera-hint{top:83px;font-size:12px}.console-footer{font-size:10px}.key-hints{font-size:9px}}
@media(max-width:700px){.motion-orb{width:49px;height:49px}.motion-orb .orb-symbol{font-size:22px}.motion-orb b{font-size:7px}.camera-hint{top:95px;font-size:8px;padding:6px 9px;max-width:96vw}.camera-hint span{margin:0 3px}.console-footer{font-size:8px}.selection-title h2{font-size:26px}.selection-title p{display:none}}
#console-menu[data-state="ready"] .ready-panel{top:12%;max-height:66%}#console-menu[data-state="ready"] .nav-back,#console-menu[data-state="ready"] .nav-select{z-index:9;width:124px;height:124px;top:auto;bottom:3%;opacity:1;border:3px solid #c2f5ff;box-shadow:0 0 0 6px #082033ae,0 0 35px #55dfff9c,inset 0 0 25px #3ad6ff4c!important;background:#041b34e8!important}#console-menu[data-state="ready"] .nav-back{left:3%;right:auto}#console-menu[data-state="ready"] .nav-select{right:3%;left:auto}#console-menu[data-state="ready"] .nav-back .orb-symbol,#console-menu[data-state="ready"] .nav-select .orb-symbol{font-size:49px;transform:translateY(-11px)}#console-menu[data-state="ready"] .nav-back b,#console-menu[data-state="ready"] .nav-select b{top:auto;bottom:14px;font-size:18px;font-weight:900;letter-spacing:.06em;color:#fff;text-shadow:0 0 10px #3fdbff}
@media(max-width:900px){#console-menu[data-state="ready"] .nav-back,#console-menu[data-state="ready"] .nav-select{width:94px;height:94px}#console-menu[data-state="ready"] .nav-back .orb-symbol,#console-menu[data-state="ready"] .nav-select .orb-symbol{font-size:38px}#console-menu[data-state="ready"] .nav-back b,#console-menu[data-state="ready"] .nav-select b{font-size:14px;bottom:10px}}
@media(max-width:700px){#console-menu[data-state="ready"] .ready-panel{top:39%;max-height:45%}#console-menu[data-state="ready"] .nav-back,#console-menu[data-state="ready"] .nav-select{width:64px;height:64px;bottom:5%;border-width:2px}#console-menu[data-state="ready"] .nav-back .orb-symbol,#console-menu[data-state="ready"] .nav-select .orb-symbol{font-size:25px;transform:translateY(-8px)}#console-menu[data-state="ready"] .nav-back b,#console-menu[data-state="ready"] .nav-select b{font-size:9px;bottom:6px}}
.focus-countdown{display:none;position:absolute;z-index:12;transform:translate(-50%,-50%);width:300px;pointer-events:none;text-align:center;filter:drop-shadow(0 8px 25px #000)}.focus-countdown.visible{display:flex;flex-direction:column;align-items:center;gap:7px;animation:focus-pop .25s cubic-bezier(.2,1.7,.35,1) both}.focus-ring{width:190px;height:190px;display:grid;place-items:center;border-radius:50%;border:7px solid #ecfdff;background:radial-gradient(circle,#05375de9,#04101fea 70%);box-shadow:0 0 0 8px #12caff55,0 0 60px #4edfff,0 16px 40px #0009;position:relative}.focus-ring::before{content:"";position:absolute;inset:-13px;border-radius:50%;background:conic-gradient(#65eeff var(--focus-progress),#ffffff30 var(--focus-progress));mask:radial-gradient(circle,transparent 69%,#000 71%)}.focus-ring strong{font:900 112px/.9 var(--display);color:white;text-shadow:0 0 25px #47dbff,0 5px 12px #000}.focus-countdown>b{font-size:19px;font-weight:900;letter-spacing:.07em;color:#fff;text-shadow:0 3px 12px #000,0 0 15px #0ff}.focus-countdown>span{font:900 27px var(--display);color:#baf4ff;text-transform:uppercase;text-shadow:0 3px 10px #000}.focus-countdown.complete{position:absolute;left:50%!important;top:50%!important;transform:translate(-50%,-50%);animation:focus-confirm .65s ease-out both}.focus-countdown.complete .focus-ring{background:#0b6586}.focus-countdown.complete .focus-ring::before{background:#6effc5}.focus-countdown.complete>b{color:#baffde}
@keyframes focus-pop{from{opacity:0;scale:.7}to{opacity:1;scale:1}}@keyframes focus-confirm{0%{opacity:1;scale:1}70%{opacity:1;scale:1.25}100%{opacity:0;scale:1.65}}
@media(max-width:700px){.focus-countdown{width:170px}.focus-ring{width:108px;height:108px;border-width:4px}.focus-ring strong{font-size:65px}.focus-countdown>b{font-size:10px}.focus-countdown>span{font-size:15px}}
@media(prefers-reduced-motion:reduce){.focus-countdown.visible,.focus-countdown.complete{animation:none!important}}
#console-menu[data-state="ready"] .console-footer{display:none}
#console-menu.has-camera[data-state="ready"] .ready-art{opacity:.52}#console-menu.has-camera[data-state="ready"] #menu-backdrop{opacity:1}#console-menu.has-camera[data-state="ready"] .ready-keyart::after{background:linear-gradient(90deg,#02081711 0%,#06131a18 45%,#04101a99 72%,#020816c9 100%)}
#console-menu[data-state="ready"] .nav-back{width:108px;height:108px;left:3%;right:auto;bottom:3%}#console-menu[data-state="ready"] .nav-select{width:164px;height:164px;left:calc(50% - 82px);right:auto;bottom:2%;background:radial-gradient(circle at 35% 20%,#fff9b7,#e9ab21 58%,#8d4a0e)!important;border:5px solid #fff4bb;box-shadow:0 0 0 8px #4c2b0dae,0 0 60px #ffc447b8,inset 0 6px 16px #fff8bb80!important;animation:start-pulse 2s ease-in-out infinite}#console-menu[data-state="ready"] .nav-select .orb-symbol{color:#08273d;text-shadow:0 2px 9px #fff;transform:translateY(-19px);font-size:69px}#console-menu[data-state="ready"] .nav-select b{color:#10283a;text-shadow:0 1px 3px #fff9;font-size:26px;bottom:18px}#console-menu[data-state="ready"] .nav-select svg circle{stroke:#fff6c4}#console-menu[data-state="ready"] .nav-select.charging{box-shadow:0 0 0 calc(var(--hold)*16px) #ffe55f88,0 0 80px #ffde68!important}
@keyframes start-pulse{0%,100%{filter:brightness(1);box-shadow:0 0 0 8px #4c2b0dae,0 0 45px #ffc44795,inset 0 6px 16px #fff8bb80}50%{filter:brightness(1.2);box-shadow:0 0 0 12px #ffc44744,0 0 80px #ffd668d6,inset 0 6px 16px #fff8bb80}}
@media(max-width:900px){#console-menu[data-state="ready"] .nav-select{width:124px;height:124px;left:calc(50% - 62px)}#console-menu[data-state="ready"] .nav-select .orb-symbol{font-size:50px;transform:translateY(-14px)}#console-menu[data-state="ready"] .nav-select b{font-size:19px;bottom:12px}}
@media(max-width:700px){#console-menu[data-state="ready"] .nav-select{width:76px;height:76px;left:auto;right:4%;bottom:4%;border-width:3px}#console-menu[data-state="ready"] .nav-select .orb-symbol{font-size:29px;transform:translateY(-9px)}#console-menu[data-state="ready"] .nav-select b{font-size:11px;bottom:7px}#console-menu[data-state="ready"] .nav-back{width:64px;height:64px;bottom:5%}}
@media(prefers-reduced-motion:reduce){#console-menu[data-state="ready"] .nav-select{animation:none!important}}
.cover-coming{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-7deg);z-index:3;width:max-content;max-width:90%;padding:10px 17px;border:2px solid #fff2b4;border-radius:9px;background:#07172de8;color:#ffe39b;font:1000 clamp(21px,2.5vw,38px)/1 var(--display);letter-spacing:.045em;text-shadow:0 2px 8px #000;box-shadow:0 0 30px #f7b63c88,0 8px 25px #000a;pointer-events:none}
.cover-card[data-availability="soon"] .cover-art{filter:saturate(.67) brightness(.73)}
#console-menu[data-availability="soon"] .selection-title .console-eyebrow{color:#ffe39b;text-shadow:0 0 14px #ffc04788}
#console-menu[data-state="ready"][data-availability="soon"] .nav-select{display:none}
#console-menu[data-state="ready"][data-availability="soon"] .ready-tip{color:#ffe39b;border-color:#f7c46788;background:#5039189c;text-align:center;font-size:clamp(21px,2.2vw,33px)}
@media(max-width:700px){.cover-coming{font-size:17px;padding:7px 10px}}
/* Detail artwork stays visible; copy sits directly on a cinematic scrim. */
#console-menu[data-state="ready"] .ready-keyart::after{background:linear-gradient(90deg,#03091708 0%,#06101b0d 38%,#06101bab 62%,#030817f2 100%),linear-gradient(0deg,#020816ad,transparent 30%,#02081625)}
#console-menu[data-state="ready"] .ready-panel{top:17%;right:5%;left:auto;width:min(580px,39vw);max-height:61%;padding:0 0 0 clamp(20px,2vw,34px);border:0;border-left:2px solid #8ce5f0a8;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;text-align:left;overflow:auto;scrollbar-width:thin;animation:ready-copy-enter .65s ease-out both}
#console-menu[data-state="ready"] .ready-panel .console-eyebrow{font-size:clamp(15px,1.25vw,21px);letter-spacing:.16em;color:#86e5f7;text-shadow:0 2px 12px #000}
#console-menu[data-state="ready"] .ready-panel h2{margin:18px 0 20px;font-size:clamp(48px,4.2vw,74px);text-shadow:0 4px 18px #000b}
#console-menu[data-state="ready"] .ready-panel p{max-width:570px;margin:0;color:#f5fbff;font-size:clamp(19px,1.58vw,27px);line-height:1.33;text-shadow:0 2px 13px #000e}
#console-menu[data-state="ready"] .ready-meta{margin-top:24px;gap:0;color:#c9e7f3}
#console-menu[data-state="ready"] .ready-meta span{border:0;border-radius:0;background:none;padding:0 14px 0 0;font-size:clamp(14px,1vw,17px);letter-spacing:.08em}
#console-menu[data-state="ready"] .ready-meta span+span{border-left:1px solid #c3e8f8a3;padding-left:14px}
#console-menu[data-state="ready"] .ready-tip{margin-top:22px;padding:14px 0 0;border:0;border-top:1px solid #d7f6ff78;border-radius:0;background:none;box-shadow:none;color:#d1f6ff;font-size:clamp(16px,1.18vw,20px);text-shadow:0 2px 12px #000}
#console-menu[data-state="ready"] .ready-tip small{font-size:.75em;color:#b8d9e9}
#console-menu[data-state="ready"][data-availability="soon"] .ready-tip{border-color:#f7c46788;background:none;text-align:left;color:#ffe39b}
@keyframes ready-copy-enter{from{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:900px){#console-menu[data-state="ready"] .ready-panel{top:17%;right:4%;width:44vw;max-height:60%;padding-left:16px}#console-menu[data-state="ready"] .ready-panel h2{font-size:clamp(35px,4.5vw,50px)}#console-menu[data-state="ready"] .ready-panel p{font-size:clamp(16px,1.9vw,21px)}}
@media(max-width:700px){#console-menu[data-state="ready"] .ready-keyart::after{background:linear-gradient(0deg,#030817eb 0%,#030817d5 48%,#03081718 100%)}#console-menu[data-state="ready"] .ready-panel{top:39%;left:6%;right:6%;width:auto;max-height:43%;padding-left:13px}#console-menu[data-state="ready"] .ready-panel .console-eyebrow{font-size:12px}#console-menu[data-state="ready"] .ready-panel h2{font-size:clamp(32px,8vw,45px);margin:8px 0 10px}#console-menu[data-state="ready"] .ready-panel p{font-size:clamp(14px,3.4vw,17px);line-height:1.25}#console-menu[data-state="ready"] .ready-meta{margin-top:10px}#console-menu[data-state="ready"] .ready-meta span{font-size:11px}#console-menu[data-state="ready"] .ready-tip{margin-top:10px;padding-top:8px;font-size:12px}#console-menu[data-state="ready"] .ready-tip small{margin-top:2px}}
@media(max-width:700px){#console-menu[data-state="ready"][data-game="wash"] .ready-art{background-position:28% center!important}}
@media(prefers-reduced-motion:reduce){#console-menu[data-state="ready"] .ready-panel{animation:none}}

/* The welcome message floats over the arcade scene instead of sitting in a card. */
#console-menu[data-state="welcome"] .welcome-copy{left:4.5%;top:34%;width:min(28vw,420px);padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;box-shadow:none;isolation:isolate}
#console-menu[data-state="welcome"] .welcome-copy::before{content:"";position:absolute;z-index:-1;inset:-65px -70px -75px -90px;pointer-events:none;background:radial-gradient(ellipse at 35% 48%,#030a18d9 0%,#061224a3 43%,#07101a00 76%);filter:blur(20px)}
#console-menu[data-state="welcome"] .welcome-copy h1{font-size:clamp(44px,4.2vw,72px);text-shadow:0 4px 18px #020717,0 2px 4px #020717}
#console-menu[data-state="welcome"] .welcome-copy .console-eyebrow,#console-menu[data-state="welcome"] .welcome-copy>p,#console-menu[data-state="welcome"] .welcome-copy .console-link,#console-menu[data-state="welcome"] .welcome-copy .camera-local{text-shadow:0 2px 8px #020717,0 1px 3px #020717}
@media(max-width:900px){#console-menu[data-state="welcome"] .welcome-copy{left:3%;top:38%;width:270px}#console-menu[data-state="welcome"] .welcome-copy h1{font-size:46px}}
@media(max-width:700px){#console-menu[data-state="welcome"] .welcome-copy{left:5%;right:5%;top:10%;width:auto;padding:0}#console-menu[data-state="welcome"] .welcome-copy::before{inset:-30px -35px -40px -35px;background:radial-gradient(ellipse at 30% 30%,#030a18d9,#06122480 48%,transparent 78%);filter:blur(14px)}#console-menu[data-state="welcome"] .welcome-copy h1{font-size:clamp(39px,10vw,54px)}}
@media(max-width:700px){
  .console-header{padding-top:max(14px,env(safe-area-inset-top))}
  .console-footer{height:calc(52px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
  #console-menu[data-state="welcome"] .carousel{top:32%;height:43%}
  #console-menu[data-state="welcome"] .game-medallion.cover-card{height:41dvh}
  #console-menu:not(.has-camera):is([data-state="welcome"],[data-state="browse"]) .touch-hint{display:block;position:absolute;z-index:6;top:77%;left:50%;transform:translateX(-50%);width:max-content;max-width:94vw;padding:7px 12px;border:1px solid #90eaff70;border-radius:999px;background:#06182bc9;color:#e8faff;font:800 clamp(10px,2.8vw,13px) var(--body);letter-spacing:.04em;text-align:center;text-shadow:0 2px 8px #000;pointer-events:none}
}
#menu-camera-tab {
  position: relative;
  display: grid;
  place-items: center;
  overflow: visible;
}

.console-tabs .console-tab:not(.mobile-profile-tab){position:relative;display:grid;place-items:center}
.console-tabs .console-tab:not(.mobile-profile-tab)>img{display:block;width:36px;height:36px;object-fit:contain;pointer-events:none}
.console-tabs .console-tab.active{background:#172332;color:#fff;border-color:#7cceff99;box-shadow:0 0 0 1px #ffffff2b,0 0 18px #57cfff52}
#menu-sound[aria-pressed="true"]::after{content:"";position:absolute;right:8px;top:6px;width:7px;height:7px;border-radius:50%;background:#5cef98;box-shadow:0 0 9px #5cef98}

#menu-camera-tab img {
  display: block;
  width: 36px;
  height: 36px;
  object-fit: contain;
  pointer-events: none;
}

#menu-camera-tab.active {
  background: #172332;
  color: #fff;
  box-shadow: 0 0 0 1px #ffffff38, 0 0 18px #51e88b55;
}

#menu-camera-tab.active::after {
  content: "";
  position: absolute;
  top: 5px;
  right: 7px;
  width: 10px;
  height: 10px;
  border: 2px solid #172332;
  border-radius: 50%;
  background: #50eb79;
  box-shadow: 0 0 0 2px #55eb8a42, 0 0 13px #57f58f;
}

@media (max-width: 900px) {
  #menu-camera-tab img { width: 30px; height: 30px; }
  #menu-camera-tab.active::after { top: 2px; right: 3px; width: 8px; height: 8px; }
  .console-tabs .console-tab:not(.mobile-profile-tab)>img{width:28px;height:28px}
  #menu-sound[aria-pressed="true"]::after{right:3px;top:2px;width:6px;height:6px}
}

/* Game detail: the two hand targets flank centered instructions. */
#console-menu[data-state="ready"] .ready-keyart::after{background:radial-gradient(ellipse at 50% 51%,#031020df 0%,#031020a8 30%,#0310203d 61%,#0208168a 100%)}
#console-menu[data-state="ready"] .ready-panel{left:50%;right:auto;top:50%;bottom:auto;translate:-50% -50%;width:min(590px,48%);max-height:min(62vh,520px);padding:clamp(12px,2vw,28px);border:0;background:radial-gradient(ellipse at center,#031225ad,transparent 74%);text-align:center;overflow:auto;scrollbar-width:thin}
#console-menu[data-state="ready"] .ready-panel .console-eyebrow,#console-menu[data-state="ready"] .ready-panel h2,#console-menu[data-state="ready"] .ready-panel p{text-align:center}
#console-menu[data-state="ready"] .ready-panel h2{margin:12px 0 18px;font-size:clamp(43px,4vw,70px)}
#console-menu[data-state="ready"] .ready-panel p{max-width:none;font-size:clamp(18px,1.5vw,25px)}
#console-menu[data-state="ready"] .ready-meta{justify-content:center;flex-wrap:wrap;margin-top:18px}
#console-menu[data-state="ready"] .ready-tip{margin-top:15px}
#console-menu[data-state="ready"] .nav-back,#console-menu[data-state="ready"] .nav-select{top:50%;bottom:auto;transform:translateY(-50%);width:clamp(105px,10vw,142px);height:clamp(105px,10vw,142px)}
#console-menu[data-state="ready"] .nav-back{left:2.5%;right:auto}
#console-menu[data-state="ready"] .nav-select{right:2.5%;left:auto}
#console-menu[data-state="ready"] .nav-select{width:clamp(160px,16vw,224px);height:clamp(160px,16vw,224px)}
#console-menu[data-state="ready"] .nav-select .orb-symbol{font-size:clamp(68px,6vw,92px)}
#console-menu[data-state="ready"] .nav-select b{font-size:clamp(25px,2.4vw,34px)}
@media(max-width:900px){
  #console-menu[data-state="ready"] .ready-panel{width:50%;max-height:56vh;padding:10px}
  #console-menu[data-state="ready"] .ready-panel h2{font-size:clamp(31px,4.5vw,48px)}
  #console-menu[data-state="ready"] .ready-panel p{font-size:clamp(15px,1.9vw,20px)}
  #console-menu[data-state="ready"] .nav-back{width:94px;height:94px}
  #console-menu[data-state="ready"] .nav-select{width:clamp(130px,16vw,180px);height:clamp(130px,16vw,180px)}
}
@media(max-width:700px){
  #console-menu[data-state="ready"] .ready-panel{left:50%;right:auto;top:30%;translate:-50% -50%;width:min(88%,470px);max-height:35%;padding:6px 10px}
  #console-menu[data-state="ready"] .ready-panel h2{font-size:clamp(29px,8vw,44px);margin:6px 0 8px}
  #console-menu[data-state="ready"] .ready-panel p{font-size:clamp(13px,3.4vw,17px);line-height:1.2}
  #console-menu[data-state="ready"] .ready-meta{margin-top:8px}
  #console-menu[data-state="ready"] .ready-tip{margin-top:7px;padding-top:6px;font-size:12px}
  #console-menu[data-state="ready"] .nav-back,#console-menu[data-state="ready"] .nav-select{top:63%;bottom:auto;width:clamp(70px,19vw,90px);height:clamp(70px,19vw,90px)}
  #console-menu[data-state="ready"] .nav-back{left:4%}
  #console-menu[data-state="ready"] .nav-select{right:4%;left:auto}
  #console-menu[data-state="ready"] .nav-select{width:clamp(88px,20vw,118px);height:clamp(88px,20vw,118px)}
  #console-menu[data-state="ready"] .nav-select .orb-symbol{font-size:clamp(34px,7vw,49px);transform:translateY(-10px)}
  #console-menu[data-state="ready"] .nav-select b{font-size:clamp(13px,3vw,18px);bottom:8px}
}
/* LITTLE & GIANT title art stays legible on the portrait carousel and detail view. */
.cover-card[data-game="giant"] .cover-art{background-image:url('/assets/little-giant/cover.png');background-size:cover;background-position:center 38%}
.cover-card[data-game="giant"] .cover-shade{background:linear-gradient(180deg,#061b3010 22%,#03112138 51%,#020c1be8 100%)}
.cover-card[data-game="giant"] .cover-title{display:none}
.cover-card[data-game="giant"]::after{content:"";position:absolute;z-index:2;left:2%;right:2%;bottom:3%;height:34%;background:url('/assets/little-giant/logo.png') center bottom/contain no-repeat;filter:drop-shadow(0 9px 17px #001122d9);pointer-events:none}
.ready-giant-logo{display:none;position:absolute;z-index:3;left:4%;top:7%;width:min(37vw,540px);height:auto;filter:drop-shadow(0 15px 25px #001325b9)}
#console-menu[data-state="ready"][data-game="giant"] .ready-giant-logo{display:block}
@media(max-width:700px){.cover-card[data-game="giant"]::after{height:30%}.ready-giant-logo{left:5%;top:10%;width:min(77vw,410px)}}
/* KEEP UPS: title art on its card, detail art and a safe gap between play targets. */
.cover-card[data-game="keep"] .cover-shade{background:linear-gradient(180deg,#06172b08 20%,#06102038 61%,#03091de3 100%)}
.cover-card[data-game="keep"] .cover-title{left:3%;right:3%;bottom:3%;height:30%;font-size:0;color:transparent;text-shadow:none;background:url('/assets/keep/logo.png') center bottom/contain no-repeat;filter:drop-shadow(0 8px 15px #02091bdb)}
.ready-keep-logo{display:none;position:absolute;z-index:3;left:3%;top:8%;width:min(40vw,560px);height:auto;filter:drop-shadow(0 12px 25px #000b)}
#console-menu[data-state="ready"][data-game="keep"] .ready-keep-logo{display:block}
.keep-game-logo{display:none;position:absolute;z-index:4;left:2%;top:43%;width:min(20vw,240px);height:auto;pointer-events:none;filter:drop-shadow(0 8px 16px #021325ba);animation:keep-logo-in .55s ease-out both}
.play-screen.keep-mode .keep-game-logo{display:block}
@keyframes keep-logo-in{from{opacity:0;transform:translateX(-15px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}
@media(max-width:700px){.cover-card[data-game="keep"] .cover-title{height:27%}.ready-keep-logo{left:5%;top:8%;width:min(75vw,420px)}.keep-game-logo{left:2%;top:42%;width:min(19vw,145px)}}
/* Existing game logos on the centered, camera-friendly detail pages. */
.ready-title-art{display:none;position:absolute;z-index:3;left:3%;top:8%;width:min(40vw,560px);height:auto;max-height:33vh;object-fit:contain;object-position:left top;filter:drop-shadow(0 12px 25px #000c);pointer-events:none}
#console-menu[data-state="ready"][data-game="wash"] .ready-wash-logo,#console-menu[data-state="ready"][data-game="kung"] .ready-kung-logo,#console-menu[data-state="ready"][data-game="plate"] .ready-plate-logo,#console-menu[data-state="ready"][data-game="ghost"] .ready-ghost-logo{display:block}
@media(max-width:700px){.ready-title-art{left:5%;top:8%;width:min(75vw,420px);max-height:22vh}}
.console-brand .brand-domain{display:block;font-size:.42em;line-height:1.05;letter-spacing:.13em;text-transform:none}
/* Detail actions mirror Little & Giant's completion orbs; menu dwell and click handling stay intact. */
#console-menu[data-state="ready"] :is(.nav-back,.nav-select){
  width:clamp(118px,15vw,220px);height:auto;aspect-ratio:1;border:0;outline:0;border-radius:50%;padding:15px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;overflow:hidden;isolation:isolate;
  opacity:1;filter:none;backdrop-filter:none;background:radial-gradient(circle at 38% 25%,#24627bbd,#08263edc 66%,#041627f2)!important;
  box-shadow:0 14px 48px #00101ed1,0 0 38px #4ce0ff80,inset 0 6px 17px #c1f6ff32!important;
  transform:translateY(-50%);animation:none;transition:transform .18s,box-shadow .18s;
}
#console-menu[data-state="ready"] .nav-back{left:2.5%;right:auto}
#console-menu[data-state="ready"] .nav-select{right:2.5%;left:auto;background:radial-gradient(circle at 38% 25%,#fff,#f5fbff 60%,#d2eafa)!important;color:#08263f;box-shadow:0 14px 48px #00101ed1,0 0 45px #eefbffb8,inset 0 7px 20px #fff!important}
#console-menu[data-state="ready"] :is(.nav-back,.nav-select)::before{content:"";position:absolute;inset:auto 0 0;height:calc(var(--hold) * 100%);z-index:-1;background:linear-gradient(180deg,#76e7ff9c,#1caceee6);pointer-events:none;transition:height .09s linear}
#console-menu[data-state="ready"] .nav-select::before{background:linear-gradient(180deg,#fff,#d9f3ff)}
#console-menu[data-state="ready"] :is(.nav-back,.nav-select):is(:hover,:focus-visible,.charging){transform:translateY(-50%) scale(1.07);filter:none;box-shadow:0 15px 54px #00101ee5,0 0 54px #89eaffd9,inset 0 6px 18px #fff7!important}
#console-menu[data-state="ready"] .nav-select:is(:hover,:focus-visible,.charging){box-shadow:0 15px 54px #00101ee5,0 0 54px #fff9,inset 0 6px 18px #fff!important}
#console-menu[data-state="ready"] :is(.nav-back,.nav-select) svg{opacity:0;pointer-events:none}
#console-menu[data-state="ready"] :is(.nav-back,.nav-select) .orb-symbol{font-size:clamp(32px,4vw,64px);line-height:1;color:inherit;text-shadow:none;filter:drop-shadow(0 0 12px #8cecff);transform:none}
#console-menu[data-state="ready"] .nav-back .orb-symbol{font-size:0}
#console-menu[data-state="ready"] .nav-back .orb-symbol::after{content:"⌂";font-size:clamp(32px,4vw,64px)}
#console-menu[data-state="ready"] :is(.nav-back,.nav-select) b{position:relative;inset:auto;width:auto;max-width:95%;font:1000 clamp(11px,1.16vw,18px)/1.05 var(--display);letter-spacing:.02em;text-transform:uppercase;color:inherit;text-shadow:none}
#console-menu[data-state="ready"] .nav-back{color:#fff}
#console-menu[data-state="ready"] .nav-select .orb-symbol{filter:drop-shadow(0 0 12px #fff)}
@media(max-width:750px){#console-menu[data-state="ready"] :is(.nav-back,.nav-select){width:clamp(116px,31vw,150px);top:63%;padding:10px}#console-menu[data-state="ready"] .nav-back{left:4vw}#console-menu[data-state="ready"] .nav-select{right:4vw}#console-menu[data-state="ready"] :is(.nav-back,.nav-select) .orb-symbol,#console-menu[data-state="ready"] .nav-back .orb-symbol::after{font-size:36px}#console-menu[data-state="ready"] .nav-back .orb-symbol{font-size:0}#console-menu[data-state="ready"] :is(.nav-back,.nav-select) b{font-size:11px}}
@media(max-height:600px) and (orientation:landscape){#console-menu[data-state="ready"] :is(.nav-back,.nav-select){width:min(25vh,130px)}}
@media(prefers-reduced-motion:reduce){#console-menu[data-state="ready"] :is(.nav-back,.nav-select){transition:none!important}}