:root{--ink:#f8f4de;--muted:#a8b6c8;--night:#0d1729;--panel:#17253c;--line:#344961;--gold:#ffca3a;--cyan:#66d9e8;--red:#ff6b69;--glass:#071323eb}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--night);color:var(--ink)}
body{display:grid;place-items:center;min-height:100dvh;font-family:Verdana,Geneva,sans-serif;background:radial-gradient(circle at 50% -10%,#28445b 0,#14243b 42%,#0b1527 90%)}
button{font:inherit;cursor:pointer}
button:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}
.game-shell{width:min(1220px,calc(100vw - 12px),calc(165dvh - 20px));margin:auto;padding:6px}
.game-shell.preplay .game-hud,.game-shell.preplay .context-prompt,.game-shell.preplay .touch-controls{display:none}
.game-shell.preplay .overlay{inset:0}
.brand-kicker,.eyebrow{font:700 12px/1.4 'Courier New',monospace;letter-spacing:.18em;color:var(--cyan)}
h1,h2,.primary-button,.touch-controls{font-family:'Courier New',monospace}
.sound-toggle{padding:5px 8px;border:2px solid #8299ae;background:#0b1a2d;color:var(--cyan);font:900 11px 'Courier New',monospace;letter-spacing:.05em}
.sound-toggle[aria-pressed="false"]{color:var(--muted);border-color:#596a7a}
.sound-toggle:disabled{opacity:.5;cursor:default}
.game-frame{position:relative;overflow:hidden;border:4px solid #8299aa;border-radius:10px;background:var(--panel);box-shadow:0 0 0 5px #07111f,0 20px 48px #030815b8}
.game-shell.intro-handoff .game-frame:after{content:"";position:absolute;z-index:8;inset:0;background:#050d18;pointer-events:none;animation:intro-reveal .38s ease-out both}
@keyframes intro-reveal{from{opacity:1}to{opacity:0}}
.map-layer{position:relative}
canvas{display:block;width:100%;height:auto;image-rendering:pixelated}
canvas:focus-visible{outline:3px solid var(--cyan);outline-offset:-4px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.game-hud{position:absolute;z-index:3;top:12px;left:12px;right:12px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}
.hud-shoes,.hud-pause{min-height:36px;border:2px solid #9caebe;background:var(--glass);box-shadow:3px 3px 0 #020914;color:var(--ink);font:900 12px 'Courier New',monospace;letter-spacing:.04em}
.hud-shoes{display:flex;align-items:center;gap:10px;padding:5px 10px}
.hud-label{color:#cbd8e4;font-size:10px;letter-spacing:.12em}
.hud-shoes strong{padding-left:9px;border-left:2px solid #607891;color:var(--gold);font-size:17px}
.hud-pause{padding:7px 10px;pointer-events:auto}
.hud-pause span{color:var(--gold);font-size:15px}
.hud-pause:hover{border-color:var(--gold);color:var(--gold)}
.hud-pause:disabled{opacity:.55;cursor:default}
.context-prompt{position:absolute;z-index:2;bottom:12px;left:50%;max-width:calc(100% - 24px);padding:7px 12px;transform:translateX(-50%);border:2px solid var(--gold);background:var(--glass);box-shadow:3px 3px 0 #020914;color:#fff7db;font:900 12px/1.2 'Courier New',monospace;text-align:center;pointer-events:none}
.context-prompt.hidden{display:none}
.event-banner{position:absolute;top:12px;left:50%;z-index:2;display:flex;align-items:center;gap:9px;min-height:36px;transform:translateX(-50%);padding:6px 11px;border:2px solid #f6ca65;background:var(--glass);box-shadow:3px 3px 0 #07111f;color:#fff1c6;font:900 11px 'Courier New',monospace;letter-spacing:.04em;white-space:nowrap}
.event-banner.hidden{display:none}.event-banner strong{color:var(--gold);font-size:16px}
.event-banner.blackout{border-color:#91ebad;color:#d3ffdd}.event-banner.blackout strong{color:#9affb1}
.event-banner.pa{border-color:#8dd8ec;color:#dcf7ff}
.event-banner.audit{border-color:#efc36e;color:#fff0c8}
.event-banner.cleaning{border-color:#a9e4db;color:#e8fffb}
.event-banner.escort{border-color:#f0886d;color:#ffe0d7}
.event-banner.escape{border-color:#fd806f;color:#ffe1c0;background:#4b211ff2}
.event-banner.detained{border-color:#ff6b69;color:#fff0ec;background:#4b1f2bef}
.conversation-panel{position:absolute;z-index:3;width:220px;max-width:calc(100% - 16px);padding:8px 10px;border:3px solid #e8d094;background:#fff8df;box-shadow:4px 4px 0 #07111f;color:#17253c;font-family:'Courier New',monospace;pointer-events:none}
.conversation-panel.hidden{display:none}
.conversation-panel:after{content:"";position:absolute;left:var(--tail-left,50%);bottom:-12px;border:6px solid transparent;border-top-color:#e8d094;transform:translateX(-50%)}
.conversation-panel.below:after{top:-12px;bottom:auto;border-top-color:transparent;border-bottom-color:#e8d094}
.conversation-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#395f79;font-size:10px}
.conversation-heading span{color:#6b4d19}
.conversation-panel p{margin:5px 0 0;font-size:13px;font-weight:900;line-height:1.2}
.touch-controls.input-locked{opacity:.45}
.overlay{position:absolute;z-index:5;inset:0;display:grid;place-items:center;padding:18px;background:#07111fc9;backdrop-filter:blur(3px)}
.overlay.hidden{display:none}
.overlay-card{width:min(500px,100%);padding:24px 28px;text-align:center;background:var(--glass);border:3px solid #bdced9;box-shadow:0 0 0 5px #07111f,8px 9px 0 #050a13}
.overlay-card h2{margin:10px 0;font-size:clamp(25px,3.3vw,36px);line-height:1.06;text-transform:uppercase;color:#fff7d8;text-shadow:3px 3px 0 #000}
.overlay-card p:not(.eyebrow){font-size:14px;line-height:1.55;color:#e1e9ec}
.primary-button{display:inline-flex;justify-content:center;align-items:center;gap:14px;margin-top:10px;padding:12px 19px;border:3px solid #fff0a7;background:var(--gold);box-shadow:4px 4px 0 #755110;color:#14213a;font-weight:900;letter-spacing:.03em;text-transform:uppercase}
.primary-button:hover{background:#ffe075;transform:translateY(-2px)}
.menu-screen{display:flex;align-items:center;justify-content:flex-start;isolation:isolate;overflow:hidden;padding:5%;background:linear-gradient(90deg,#04101fee 0%,#07152bb8 34%,#09182a38 64%,#07111f12 100%),url('assets/title-office.png') center/cover no-repeat;backdrop-filter:none;image-rendering:pixelated;transition:opacity .25s ease}
.menu-screen:before,.menu-screen:after{content:"";position:absolute;inset:0;pointer-events:none}
.menu-screen:before{z-index:4;background:radial-gradient(ellipse 22% 35% at 54% 12%,#ffbf6580 0%,#ffbc4e25 45%,transparent 100%),radial-gradient(ellipse 15% 25% at 88% 10%,#ffe2a65c 0%,transparent 100%);mix-blend-mode:screen;animation:office-flicker 11s infinite}
.menu-screen:after{z-index:4;background:radial-gradient(ellipse at 55% 47%,transparent 28%,#02081455 100%),linear-gradient(0deg,#02081466,transparent 30%)}
.menu-close-art,.menu-nearest-art,.menu-grab-art,.menu-empty-art,.menu-blackout{position:absolute;inset:0;pointer-events:none}
.menu-close-art{z-index:0;opacity:0;background:linear-gradient(90deg,#04101fee 0%,#07152bb8 34%,#09182a38 64%,#07111f12 100%),url('assets/title-office-close.png') center/cover no-repeat;image-rendering:pixelated}
.menu-nearest-art{z-index:1;opacity:0;background:linear-gradient(90deg,#04101fee 0%,#07152bb8 34%,#09182a38 64%,#07111f12 100%),url('assets/title-office-near.png') center/cover no-repeat;image-rendering:pixelated}
.menu-grab-art{z-index:2;opacity:0;background:linear-gradient(90deg,#04101fee 0%,#07152bb8 34%,#09182a38 64%,#07111f12 100%),url('assets/title-office-grab.png') center/cover no-repeat;image-rendering:pixelated}
.menu-empty-art{z-index:3;opacity:0;background:linear-gradient(90deg,#04101fee 0%,#07152bb8 34%,#09182a38 64%,#07111f12 100%),url('assets/title-office-empty.png') center/cover no-repeat;image-rendering:pixelated}
.menu-blackout{z-index:5;opacity:0;background:#020811}
.menu-screen.scene-close .menu-close-art{opacity:1}
.menu-screen.scene-nearest .menu-nearest-art{opacity:1}
.menu-screen.scene-grab .menu-grab-art{opacity:1}
.menu-screen.scene-empty .menu-empty-art{opacity:1}
.menu-screen.menu-reveal .menu-blackout-first{animation:menu-scene-blackout 1.35s 10s ease-in-out both}
.menu-screen.menu-reveal .menu-blackout-second{animation:menu-scene-blackout 1.35s 19s ease-in-out both}
.menu-screen.menu-reveal .menu-blackout-third{animation:menu-scene-blackout 1.35s 27s ease-in-out both}
.menu-screen.menu-reveal .menu-blackout-fourth{animation:menu-scene-blackout 1.35s 33s ease-in-out both}
@keyframes menu-scene-blackout{0%{opacity:0}20%{opacity:.25}48%,54%{opacity:1}100%{opacity:0}}
@keyframes office-flicker{0%,18%,20%,49%,51%,72%,74%,100%{opacity:.55}19%,50%,73%{opacity:.18}19.4%,50.4%,73.4%{opacity:.7}19.7%,50.7%,73.7%{opacity:.28}}
.menu-screen.leaving{opacity:0;pointer-events:none}
.menu-content{position:relative;z-index:6;width:min(510px,55%);padding:28px 30px;background:var(--glass);border-left:4px solid var(--gold);box-shadow:8px 8px 0 #02091577}
.menu-content.hidden{display:none}
.menu-content .eyebrow{margin:0 0 13px}
.menu-content h2{margin:0;color:var(--ink);font:900 clamp(29px,3.5vw,50px)/.98 'Courier New',monospace;letter-spacing:-.06em;text-shadow:4px 4px 0 #020915}
.menu-content h2 em{color:var(--gold);font-style:normal}
.menu-home{width:min(575px,55%);padding:16px 0 18px 18px;background:none;border:0;box-shadow:none;animation:menu-arrive .55s ease-out both}
.menu-home .menu-logo{position:relative;display:grid;justify-items:start;gap:0;isolation:isolate;margin:0;font-family:'Arial Black',Impact,sans-serif;line-height:1;text-transform:uppercase}
.menu-logo:before{content:"";position:absolute;z-index:-1;inset:-10% -7% 0 -5%;background:linear-gradient(90deg,#03101ff2 4%,#03101fd4 68%,transparent),radial-gradient(ellipse,#ffca3a45,transparent 72%);filter:blur(14px);animation:logo-glow 7s ease-in-out infinite}
.menu-logo:after{content:"";display:block;width:56%;height:4px;margin:16px 0 0 5px;transform:skewX(-28deg);background:linear-gradient(90deg,#fff0af,#ffb637 70%,transparent);box-shadow:0 0 17px #ffca3a8a}
.logo-overline{display:block;margin:0 0 11px 3px;color:#f8fdff;font:900 clamp(18px,2.1vw,29px)/1 'Arial Black',Impact,sans-serif;letter-spacing:.025em;-webkit-text-stroke:1px #071525;paint-order:stroke fill;text-shadow:0 4px 7px #000}
.logo-word{display:block;-webkit-text-stroke:3px #081524;paint-order:stroke fill;font:900 clamp(51px,5.3vw,80px)/.98 'Arial Black',Impact,sans-serif;letter-spacing:-.02em;white-space:nowrap}
.logo-missing{color:#f7fcff;text-shadow:0 4px 0 #38516a,0 9px 16px #000e}
.logo-shoes{margin-top:4px;color:#ffe078;text-shadow:0 4px 0 #9c5f19,0 9px 16px #000e,0 0 28px #ffba4377}
@keyframes menu-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes logo-glow{0%,100%{opacity:.7}50%{opacity:1}}
.menu-actions{display:grid;gap:9px;width:min(260px,100%);margin:27px 0 0 4px}
.menu-actions .primary-button{margin:0;min-height:48px;border-color:#fff2b7;background:linear-gradient(180deg,#ffe78d,#f7b92e);box-shadow:4px 4px 0 #6d421a,0 0 22px #ffca3a50;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.menu-actions .primary-button:hover,.menu-actions .primary-button:focus-visible{background:linear-gradient(180deg,#fff2b8,#ffd052);box-shadow:4px 4px 0 #6d421a,0 0 32px #ffca3a9c;transform:translateY(-2px)}
.menu-actions .menu-button{justify-content:space-between;background:#08182bc9;border-color:#748fa7;box-shadow:3px 3px 0 #020914;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.menu-actions .menu-button:hover,.menu-actions .menu-button:focus-visible{background:#142c43ef;border-color:#ffd671;transform:translateX(3px)}
.menu-settings{margin:18px 0 0 4px}
.menu-settings .sound-toggle{min-height:34px;padding:5px 10px;background:#071323dd;border-color:#8fa5b9}
.menu-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border:2px solid #8fa5b9;background:#10243aee;color:var(--ink);font:900 12px 'Courier New',monospace;letter-spacing:.04em}
.menu-button:hover{border-color:var(--gold);color:var(--gold)}
.menu-help{width:min(820px,94%);max-height:92%;overflow:auto}
.menu-help h2{font-size:clamp(24px,3vw,38px)}
.help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:19px 0 15px;text-align:left}
.help-block{min-height:168px;padding:14px;border:2px solid #66849a;background:#0e2337e8}
.help-block h3{margin:0 0 10px;color:var(--gold);font:900 12px 'Courier New',monospace;letter-spacing:.08em}
.help-block p{margin:0;color:#e8eef2;font:700 12px/1.48 Verdana,sans-serif}
.menu-help .primary-button{margin-top:7px}
.ending-card{border-color:#f6d47e}
.ending-card h2{color:var(--gold)}
.result-stamp{display:inline-block;padding:6px 11px;border:2px solid var(--gold);background:#513b1b;color:#fff3c3;font:900 11px 'Courier New',monospace;letter-spacing:.1em}
.end-actions{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:17px}
.end-actions .primary-button{margin:0}
.pause-card{width:min(430px,100%)}
.pause-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px}
.pause-actions #pauseResume,.pause-actions #pauseSoundToggle{grid-column:1/-1}
.pause-actions .primary-button,.pause-actions .menu-button{width:100%;min-height:45px;margin:0}
.pause-actions .sound-toggle{color:var(--cyan)}
.pause-actions .sound-toggle[aria-pressed="false"]{color:var(--muted)}
.finale-overlay{position:absolute;inset:0;z-index:5;display:flex;align-items:flex-end;justify-content:center;padding:25px;background:linear-gradient(180deg,#07111f18 30%,#07111fcc 100%)}
.finale-overlay.hidden{display:none}
.finale-card{width:min(560px,100%);padding:14px 20px;text-align:center;border:3px solid #d1dae3;background:#0b1729ee;box-shadow:6px 6px 0 #040911}
.finale-card .eyebrow{margin:0}
.finale-card h2{margin:5px 0;color:var(--gold);font:900 clamp(21px,2.5vw,30px) 'Courier New',monospace}
.finale-card p:not(.eyebrow){margin:6px 0;color:#fff8dd;font:900 15px/1.3 'Courier New',monospace}
.finale-card p span{color:var(--cyan)}
.finale-card .menu-button{margin-top:7px}
.cutscene{display:block;padding:0;isolation:isolate;background:linear-gradient(180deg,#07111f20 0%,transparent 46%,#07111f8c 100%);backdrop-filter:none}
.cutscene:before{content:"";position:absolute;z-index:1;inset:0;background:#030a17;pointer-events:none;animation:intro-lights 2s ease-out both}
@keyframes intro-lights{0%{opacity:.72}18%{opacity:.55}27%{opacity:.63}48%{opacity:.24}100%{opacity:0}}
.cutscene.intro-ending:after{content:"";position:absolute;z-index:2;inset:0;background:#050d18;pointer-events:none;animation:intro-close .45s ease-in both}
@keyframes intro-close{from{opacity:0}to{opacity:1}}
.skip-button{position:absolute;z-index:3;top:22px;right:25px;padding:7px 10px;border:2px solid #a5baca;background:#07111fdb;color:#e4f5ff;font:900 12px 'Courier New',monospace;letter-spacing:.08em}
.skip-button:hover{border-color:var(--gold);color:var(--gold)}
.intro-bubble{position:absolute;z-index:2;width:max-content;max-width:min(310px,calc(100% - 24px));padding:9px 12px;border:3px solid #f7dfaa;background:#fff7df;box-shadow:4px 4px 0 #07111f9e;color:#142239;font:900 13px/1.25 'Courier New',monospace;pointer-events:none}
.intro-bubble.hidden{display:none}
.intro-bubble:after{content:"";position:absolute;left:var(--tail-left,50%);bottom:-13px;border:7px solid transparent;border-top-color:#f7dfaa;transform:translateX(-50%)}
.intro-bubble.below:after{top:-13px;bottom:auto;border-top-color:transparent;border-bottom-color:#f7dfaa}
.bubble-thought-label{display:none}
.intro-bubble.thought{border-color:#a6dbe7;border-radius:17px;background:#eaf6ff;color:#1e3448}
.intro-bubble.thought .bubble-thought-label{display:block;margin-bottom:4px;color:#426a83;font-size:10px;letter-spacing:.08em}
.intro-bubble.thought:after{bottom:-13px;width:13px;height:13px;border:2px solid #a6dbe7;border-radius:50%;background:#eaf6ff}
.intro-bubble.thought:before{content:"";position:absolute;left:calc(var(--tail-left,50%) + 5px);bottom:-23px;width:6px;height:6px;border:2px solid #a6dbe7;border-radius:50%;background:#eaf6ff}
.touch-controls{display:none;align-items:center;justify-content:space-around;gap:20px;min-height:128px;padding:8px 16px;border-top:3px solid #526d83;background:#101d31;touch-action:none;user-select:none}
.joystick{display:grid;place-items:center;flex:none;touch-action:none}
.joystick-ring{display:grid;place-items:center;width:106px;height:106px;border:3px solid #87a0b3;border-radius:50%;background:radial-gradient(circle,#344f6c 0,#1a2c45 72%);box-shadow:inset 0 0 0 10px #112139,4px 5px 0 #030914}
.joystick-thumb{width:49px;height:49px;border:4px solid #9bd5df;border-radius:50%;background:linear-gradient(135deg,#6db7cc,#27668b);box-shadow:0 4px 8px #07111fa0;transform:translate(0,0)}
.touch-actions{display:grid;gap:8px;min-width:112px}
.action-button{min-height:46px;padding:8px 12px;border:3px solid #8493a2;border-radius:6px;background:#243955;color:#c9d1d8;font:900 14px 'Courier New',monospace;box-shadow:3px 3px 0 #030914;touch-action:manipulation}
.action-button:disabled{opacity:.53;cursor:default}
.search-button:not(:disabled){border-color:#ffe89a;background:var(--gold);color:#17233a;box-shadow:0 0 16px #ffca3a7a,3px 3px 0 #67470d}
.hide-button:not(:disabled){border-color:#94ebde;background:#276d77;color:#f5ffff;box-shadow:0 0 13px #66d9e866,3px 3px 0 #07353c}
.action-button:not(:disabled):active{transform:translateY(2px);box-shadow:none}
@media(max-width:720px){body{align-items:start}.game-shell{width:min(100%,calc(100vw - 8px));padding:4px}.game-frame{border-width:3px}.touch-controls{display:flex}.game-hud{top:7px;left:7px;right:7px}.hud-shoes,.hud-pause{font-size:10px}.hud-shoes{padding:4px 7px}.hud-shoes strong{font-size:13px}.hud-pause{padding:6px 8px}.event-banner{top:43px;max-width:calc(100% - 12px);padding:4px 6px;gap:6px;font-size:9px;white-space:normal;text-align:center}.event-banner strong{font-size:11px}.context-prompt{bottom:7px;padding:5px 8px;font-size:10px}.conversation-panel{width:190px;padding:6px 8px;border-width:2px}.conversation-panel p{font-size:11px}.overlay{padding:8px}.overlay-card{padding:10px 12px 9px;border-width:3px}.overlay-card h2{font-size:22px;margin:6px 0}.overlay-card p:not(.eyebrow){font-size:11px;line-height:1.3;margin:6px 0}.primary-button{padding:8px 11px;font-size:12px;margin-top:5px}}
@media(max-width:720px){.menu-screen{padding:3%;background-position:64% center}.menu-content{width:min(400px,73%);padding:12px 14px;border-left-width:3px}.menu-content .eyebrow{margin-bottom:6px;font-size:9px}.menu-content h2{font-size:clamp(20px,4.4vw,31px)}.menu-actions{gap:6px;width:min(210px,100%)}.menu-actions .primary-button,.menu-button{min-height:32px;padding:5px 8px;font-size:10px}.menu-help{width:min(450px,96%);max-height:95%}.menu-help h2{font-size:21px}.menu-help ul{margin:8px 0;padding-left:17px;font-size:10px;line-height:1.3}.menu-help li+li{margin-top:4px}.cutscene{padding:0}.skip-button{top:7px;right:8px;padding:4px 6px;font-size:9px}.intro-bubble{max-width:min(220px,calc(100% - 16px));padding:6px 8px;font-size:11px}.ending-card .menu-button{margin-left:5px}}
@media(max-width:410px){.menu-content{width:95%;max-height:96%;overflow:auto;background:#071323ed}.menu-content h2{font-size:20px}}
@media(max-width:720px){.finale-overlay{padding:9px}.finale-card{padding:8px 10px}.finale-card h2{font-size:20px}.finale-card p:not(.eyebrow){font-size:11px}.finale-card .menu-button{min-height:30px}.pause-actions{gap:7px}.pause-actions .primary-button,.pause-actions .menu-button{min-height:36px;font-size:10px}}
@media(max-width:720px){.menu-home{width:min(410px,67%);padding:8px 0 8px 8px;background:none;border:0;box-shadow:none}.menu-home .menu-logo{font-size:inherit}.menu-logo:after{height:3px;margin-top:9px}.logo-overline{font-size:clamp(14px,2.7vw,20px)}.logo-word{font-size:clamp(43px,7.3vw,60px)}.logo-shoes{margin-top:3px}.menu-home .menu-actions{gap:6px;width:min(205px,100%);margin-top:20px}.menu-home .menu-actions .primary-button{min-height:36px}.menu-home .menu-actions .menu-button{min-height:31px}}
@media(max-width:410px){.menu-screen{padding:2%}.menu-home{background:linear-gradient(90deg,#061323d9 0%,#07172c8a 70%,transparent 100%)}.menu-home .menu-actions{width:180px}.menu-home .menu-actions button{font-size:10px;padding:4px 8px}}
@media(max-width:720px){.menu-close-art,.menu-nearest-art,.menu-grab-art,.menu-empty-art{background-position:64% center}.menu-settings{margin-top:9px}.menu-settings .sound-toggle{min-height:31px;font-size:9px}.menu-help{width:min(470px,96%)}.help-grid{grid-template-columns:1fr;gap:7px;margin:10px 0}.help-block{min-height:0;padding:8px 10px}.help-block h3{margin-bottom:4px;font-size:10px}.help-block p{font-size:10px;line-height:1.32}.result-stamp{font-size:9px}.end-actions{gap:8px}}
@media(max-width:410px){.game-frame:has(.menu-screen:not(.hidden)){min-height:340px}.menu-screen{align-items:stretch;background-position:73% center}.menu-close-art,.menu-nearest-art,.menu-grab-art,.menu-empty-art{background-position:73% center}.menu-home{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;width:96%;height:100%;padding:5px 7px}.logo-overline{margin-bottom:3px;font-size:11px}.logo-word{font-size:clamp(31px,9vw,37px);line-height:.92}.menu-logo:after{height:2px;margin-top:5px}.menu-home .menu-actions{gap:5px;margin-top:auto}.menu-home .menu-actions .primary-button,.menu-home .menu-actions .menu-button{min-height:44px}.menu-settings{margin-top:5px}.menu-settings .sound-toggle{min-height:40px;padding:5px 8px}.menu-help{width:96%;padding:11px}.end-actions{flex-direction:column}.end-actions .primary-button,.end-actions .menu-button{width:100%;min-height:36px;margin:0}.hud-shoes,.hud-pause{min-height:30px}.hud-shoes{gap:6px}.hud-label{font-size:8px}.hud-shoes strong{padding-left:6px}}
@media(prefers-reduced-motion:reduce){.cutscene:before,.menu-home,.menu-logo:before,.menu-screen:before,.menu-screen.menu-reveal .menu-blackout,.menu-screen.menu-reveal .menu-close-art,.menu-screen.menu-reveal .menu-nearest-art,.menu-screen.menu-reveal .menu-grab-art,.menu-screen.menu-reveal .menu-empty-art{animation:none}.cutscene:before{opacity:0}.cutscene.intro-ending:after,.game-shell.intro-handoff .game-frame:after{animation:none;opacity:0}.menu-screen,.menu-actions button{transition:none}.menu-screen:before{opacity:.55}.menu-close-art,.menu-nearest-art,.menu-grab-art,.menu-empty-art,.menu-blackout{opacity:0}}