.console.handheld{width:min(100%,390px);box-shadow:none;background:0 0;border:0;border-radius:0;align-self:start;margin-inline:auto;overflow:visible;container-type:inline-size}.handheld-body{aspect-ratio:608/1000;color:#24232b;isolation:isolate;background:radial-gradient(at 15% 8%,#fff8,#0000 55%),repeating-linear-gradient(104deg,#fff1 0 1px,#0000 1px 3px),linear-gradient(115deg,#dad8ce,#c8c6bc 62%,#bcbab1);border:1px solid #b1afa7;border-radius:6% 6% 23%/4% 4% 14%;width:100%;position:relative;box-shadow:inset 3px 3px 3px #fff9,inset -4px -5px 5px #7c7b7766,0 20px 38px #0005,0 3px 2px #0005}.handheld-body:before{content:"";top:4.6%;border-top:1px solid #fff8;border-bottom:2px solid #97968f;height:1.2%;position:absolute;inset-inline:0;box-shadow:0 2px 1px #f8f6e9aa}.power-switch{letter-spacing:.06em;color:#9e9c94;text-shadow:1px 1px #eeeae1;border-radius:12px;padding:.4% 2%;font:700 2.2cqw Arial,sans-serif;position:absolute;top:1.3%;left:12%;box-shadow:inset 1px 1px 2px #93928c,1px 1px 1px #fff8}.handheld-bezel{background:linear-gradient(125deg,#797a84,#646571 75%);border:2px solid #55545b;border-radius:5% 5% 18%/6% 6% 21%;width:86%;height:40%;position:absolute;top:8%;left:7%;box-shadow:inset 2px 2px 2px #999aa4,1px 1px 2px #f9f6e8,0 0 0 2px #99968f}.bezel-caption{white-space:nowrap;color:#cccbd2;letter-spacing:.05em;align-items:center;gap:2%;font:500 1.9cqw Arial,sans-serif;display:flex;position:absolute;top:5%;left:4%;right:4%}.bezel-caption span{border-top:.5cqw solid #793056;border-bottom:.5cqw solid #252b64;flex:1;min-width:8%;height:1.5cqw}.battery-indicator{color:#c6c4cb;letter-spacing:.05em;flex-direction:column;align-items:center;gap:1.8cqw;font:500 1.9cqw Arial,sans-serif;display:flex;position:absolute;top:45%;left:3.7%}.handheld .battery-indicator .status-led{background:#411b29;border:1px solid #51414d;border-radius:50%;width:2.5cqw;height:2.5cqw;margin:0;display:block;box-shadow:inset 1px 2px 3px #000b}.handheld .battery-indicator .status-led.on{background:#e54b4f;box-shadow:0 0 6px #ff4c40aa,inset 1px 1px 2px #ffb1ad}.console.handheld .screen-surround{aspect-ratio:10/9;background:#80914a;border:2px solid #30382b;border-radius:2px;width:66%;height:auto;min-height:0;padding:0;display:block;position:absolute;top:17%;left:21%;box-shadow:inset 0 2px 5px #0009,0 1px #b7b4b7}.console.handheld .screen{aspect-ratio:10/9;background:#879c50;border:0;border-radius:0;width:100%;max-width:none;height:100%;min-height:0;max-height:none;margin:0;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 12px #0003}.handheld .screen canvas{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated;width:100%!important;height:100%!important}.handheld-wordmark{color:#24296b;white-space:nowrap;letter-spacing:-.06em;text-shadow:0 1px #fff5;font:700 4cqw Arial,sans-serif;position:absolute;top:50.5%;left:8%}.handheld-wordmark b{letter-spacing:-.05em;font-size:3.7cqw;font-weight:800}.handheld-wordmark em{letter-spacing:-.07em;font-size:5.6cqw;font-weight:500}.handheld-wordmark sup{vertical-align:super;margin-left:1%;font:700 1.8cqw Arial}.console.handheld .touch-controls{-webkit-user-select:none;user-select:none;touch-action:none;height:auto;margin:0;display:block;position:absolute;inset:61% 8% 10%}.handheld .dpad{aspect-ratio:1;filter:drop-shadow(0 3px 2px #0006);grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:0;width:33%;height:auto;display:grid;position:absolute;top:0;left:0}.handheld .dpad:before{content:"";clip-path:polygon(33% 0,67% 0,67% 33%,100% 33%,100% 67%,67% 67%,67% 100%,33% 100%,33% 67%,0 67%,0 33%,33% 33%);pointer-events:none;z-index:-1;background:#a4a39e;position:absolute;inset:-5%;box-shadow:inset 2px 2px 2px #777}.handheld .dpad button,.handheld .dpad span{color:#56565b;touch-action:none;background:linear-gradient(135deg,#34353c,#202127);border:0;min-width:0;min-height:0;padding:0;font:700 2.1cqw Arial,sans-serif;position:relative;box-shadow:inset 1px 1px 1px #67666c,inset -1px -2px 1px #09090c}.handheld .dpad button:first-child{border-radius:3px 3px 0 0;grid-area:1/2}.handheld .dpad button:nth-child(2){border-radius:3px 0 0 3px;grid-area:2/1}.handheld .dpad span{box-shadow:none;background:radial-gradient(circle,#202027 43%,#3b3c43 47%,#22232b 63%);grid-area:2/2}.handheld .dpad button:nth-child(4){border-radius:0 3px 3px 0;grid-area:2/3}.handheld .dpad button:last-child{border-radius:0 0 3px 3px;grid-area:3/2}.handheld .ab-controls{background:linear-gradient(135deg,#b4b2aa,#d9d6cd);border-radius:999px;justify-content:space-between;gap:0;width:42%;padding:3%;display:flex;position:absolute;top:4%;right:0;transform:rotate(-24deg);box-shadow:inset 1px 1px 3px #8c8982,1px 1px 1px #eee9de}.handheld .ab-controls button,.handheld .ab-controls button:first-child{aspect-ratio:1;color:#282969;touch-action:none;background:radial-gradient(circle at 35% 25%,#b63072,#971355 68%,#780c42);border:1px solid #650e3d;border-radius:50%;flex:none;width:41%;height:auto;padding:0;font:700 4cqw Arial,sans-serif;position:relative;box-shadow:inset 1px 1px 2px #e464a0,0 3px 1px #620a37,0 4px 4px #0006}.handheld .ab-controls button span{pointer-events:none;width:100%;line-height:1;position:absolute;top:120%;left:0}.handheld .touch-middle{flex-direction:row;gap:12%;width:44%;height:12%;display:flex;position:absolute;top:67%;left:27%;transform:rotate(-24deg)}.handheld .touch-middle button{color:#2b2c68;letter-spacing:.06em;touch-action:none;background:linear-gradient(#929196,#737378);border:1px solid #656469;border-radius:999px;flex:1;min-height:0;padding:0;font:700 2.5cqw Arial,sans-serif;position:relative;box-shadow:0 3px 1px #5f5d61,0 0 0 3px #aaa8a3,inset 0 1px 1px #c8c7cb}.handheld .touch-middle button span{pointer-events:none;width:130%;line-height:1;position:absolute;top:165%;left:-15%}.handheld [data-key]:active,.handheld [data-key].is-pressed{filter:brightness(.82);translate:0 2px;box-shadow:inset 1px 2px 3px #0008}.handheld [data-key]:focus-visible{outline-offset:5px;outline:2px solid #273f8b}.speaker-grille{gap:10%;width:27%;height:12%;display:flex;position:absolute;bottom:7%;right:9%;transform:rotate(-30deg)}.speaker-grille i{background:linear-gradient(90deg,#686761,#3c3b38 40%,#98958e 80%);border-radius:99px;flex:1;display:block;box-shadow:1px 1px #eeebe2,-1px -1px #aca99f}.phones-mark{color:#aaa79d;text-shadow:0 1px #f2eee4;letter-spacing:.03em;font:700 2cqw Arial,sans-serif;position:absolute;bottom:2.3%;left:38%}.console.handheld .player-toolbar{background:0 0;border:0;border-radius:0;flex-shrink:0;justify-content:space-between;gap:8px;min-height:0;margin:14px 0 0;padding:10px 4px;display:flex;position:relative}.handheld .toolbar-left,.handheld .toolbar-right{gap:10px}.handheld .player-toolbar button,.handheld .player-toolbar select{font-size:10px}.handheld .palette-label{display:none}.handheld .screen-overlay{color:#283b23;background:radial-gradient(at 40% 25%,#a7b66e,#87994c);padding:8px}.handheld .screen-overlay h2{color:#23371f;letter-spacing:-.04em;margin:3cqw 0 1.8cqw;font:500 4.8cqw/1.2 Space Grotesk Variable,sans-serif}.handheld .screen-overlay p{color:#314526;max-width:100%;margin:0 0 3cqw;font-size:2.3cqw;line-height:1.5}.handheld .screen-overlay small{display:none}.handheld .pixel-ball{margin:-7px 0;transform:scale(.55)}.handheld .screen-overlay .primary,.handheld .pause-overlay .primary{white-space:nowrap;color:#e0e9b8;background:#2f4328;border:0;gap:6px;width:90%;min-width:0;max-width:100%;padding:2.8cqw 3cqw;font-size:2.6cqw}.handheld .screen-overlay .primary span{font-size:3cqw}.handheld .pause-overlay h2{font-size:4.5cqw}.handheld .pause-overlay{gap:8px}.handheld .pause-overlay .eyebrow{font-size:2cqw}.play-layout:has(.handheld){align-items:start}.play-layout:has(.handheld) .journey-panel{min-height:590px}@media (width>=601px) and (height<=950px){html:not(.embed) .console.handheld{width:clamp(300px,60.8svh - 182.4px,390px)}}@media (width<=600px){body:has(.handheld) .topbar{height:44px;min-height:44px;padding-inline:12px}body:has(.handheld) .app-shell{flex-direction:column;min-height:calc(100svh - 44px)}body:has(.handheld) .rail{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;gap:0;width:100%;height:38px;min-height:38px;padding:0 8px}body:has(.handheld) .nav-item{flex-direction:row;gap:5px;height:38px;font-size:9px}.nav-item .nav-icon{font-size:18px}body:has(.handheld) .rail-bottom{display:none}body:has(.handheld) main{margin:0 auto;padding:16px 16px 10px}body:has(.handheld) .page-heading{display:none}body:has(.handheld) footer{display:none}.console.handheld{width:min(100%,380px,60.8svh - 94.24px)}.console.handheld .player-toolbar{margin-top:8px;padding:6px 0}.handheld .toolbar-left,.handheld .toolbar-right{gap:8px}}.embed main:has(.handheld){flex-direction:column;padding:8px;display:flex}.embed body:has(.handheld) .app-shell{min-height:0}.embed .play-layout:has(.handheld){flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.embed .console.handheld{flex:none;align-self:center;width:min(100%,390px,60.8dvh - 88.768px);min-height:0;display:block}.embed .handheld .player-toolbar{min-height:0;margin-top:8px;padding:6px 0}.embed .handheld .toolbar-left,.embed .handheld .toolbar-right{gap:6px}.embed .handheld .toolbar-left button{white-space:nowrap;font-size:9px}.embed .handheld .toolbar-right select{max-width:76px;font-size:9px}.embed .console.handheld .screen-surround{flex:none;display:block}.embed .console.handheld .screen{width:100%;max-width:none;height:100%;max-height:none;margin:0}.embed .handheld .screen-overlay h2{font-size:4.8cqw}.embed .handheld .screen-overlay p{font-size:2.3cqw}.embed .handheld .pixel-ball{margin:-7px 0;transform:scale(.55)}.embed .console.handheld .touch-controls{flex:none;gap:0;height:auto;margin:0;display:block}.embed .test-save-notice~.app-shell .console.handheld{width:min(100%,390px,60.8dvh - 100.928px)}.console.handheld:fullscreen{background:#151d1b;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100dvh;padding:12px;display:flex;overflow:auto;container-type:normal}.handheld:fullscreen .handheld-body{flex-shrink:0;width:min(95vw,60.8dvh - 43.776px);container-type:inline-size}.handheld:fullscreen .player-toolbar{width:min(95vw,60.8dvh - 43.776px);margin-top:10px}.desktop-key-hint{display:none}@media (width>=900px){html:not(.embed) .console.handheld{width:min(100%,560px)}}.card-open-game{display:none}@media (hover:hover) and (pointer:fine){.embed:not(.touch-player) .topbar{display:none!important}.embed:not(.touch-player) body:has(.handheld) .rail{height:28px;min-height:28px;padding:0 4px}.embed:not(.touch-player) body:has(.handheld) .nav-item{gap:4px;height:28px;font-size:9px}.embed:not(.touch-player) .card-open-game{display:flex}.embed:not(.touch-player) main:has(.handheld){padding:2px 4px}.embed:not(.touch-player) .console.handheld,.embed:not(.touch-player) .test-save-notice~.app-shell .console.handheld{width:100%;max-width:600px}.embed:not(.touch-player) .handheld-body{aspect-ratio:auto;border-radius:16px 16px 34px 10px;height:calc(100dvh - 64px);min-height:160px}.embed:not(.touch-player) .test-save-notice~.app-shell .handheld-body{height:calc(100dvh - 84px)}.embed:not(.touch-player) .handheld-bezel{border-radius:12px 12px 28px;width:94%;height:83%;top:4%;left:3%}.embed:not(.touch-player) .console.handheld .screen-surround{aspect-ratio:10/9;width:min(83%,82dvh - 52.48px);height:auto;top:54%;left:50%;translate:-50% -50%}.embed:not(.touch-player) .test-save-notice~.app-shell .console.handheld .screen-surround{width:min(83%,82dvh - 68.88px)}.embed:not(.touch-player) .handheld-wordmark{font-size:3cqw;top:90%;left:8%}.embed:not(.touch-player) .handheld-wordmark b{font-size:2.8cqw}.embed:not(.touch-player) .handheld-wordmark em{font-size:4.1cqw}.embed:not(.touch-player) .desktop-key-hint{text-align:right;color:#303563;margin:0;font:600 1.8cqw/1.6 Arial,sans-serif;display:block;position:absolute;top:89%;right:7%}.embed:not(.touch-player) .console.handheld .touch-controls,.embed:not(.touch-player) .speaker-grille,.embed:not(.touch-player) .phones-mark{display:none}.embed:not(.touch-player) .handheld .player-toolbar{min-height:26px;margin-top:4px;padding:3px 4px}.embed:not(.touch-player) .toolbar-right select{height:22px;padding:2px 4px}.embed:not(.touch-player) .handheld .bezel-caption{font-size:1.8cqw}.embed:not(.touch-player) .battery-indicator{font-size:1.5cqw;left:2%}.embed:not(.touch-player) .handheld:fullscreen .handheld-body{aspect-ratio:608/1000;height:auto}.embed:not(.touch-player) .handheld:fullscreen .handheld-bezel{width:86%;height:40%;top:8%;left:7%}.embed:not(.touch-player) .console.handheld:fullscreen .screen-surround{width:66%;top:17%;left:21%;translate:none}.embed:not(.touch-player) .handheld:fullscreen .handheld-wordmark{top:50.5%}.embed:not(.touch-player) .handheld:fullscreen .desktop-key-hint{display:none}.embed:not(.touch-player) .console.handheld:fullscreen .touch-controls{display:block}.embed:not(.touch-player) .handheld:fullscreen .speaker-grille{display:flex}.embed:not(.touch-player) .handheld:fullscreen .phones-mark{display:block}}