:root{--bg: #0b1120;--panel-bg: rgba(12, 18, 32, .92);--panel-border: rgba(160, 180, 220, .15);--fg: #f2f4f8;--muted: #8a94a8;--accent: #f0aed4;--accent-ink: #1a0a15;--danger: #e06c6c;--hunger: #e8c547;--stamina: #7cc0ff;--touch-controls-h: clamp(84px, 18vh, 132px);font-family:ui-monospace,JetBrains Mono,SF Mono,Menlo,monospace}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--fg);overflow:hidden;position:relative}#game{position:absolute;inset:0;display:block;width:100%;height:100%;cursor:crosshair}.screen-only{display:none}body[data-screen=playing] #hud,body[data-screen=paused] #hud,body[data-screen=gameover] #hud,body[data-screen=leaderboard] #hud{display:flex;flex-direction:column;justify-content:space-between}body[data-screen=paused] #pause,body[data-screen=gameover] #gameover,body[data-screen=leaderboard] #leaderboard{display:flex}#click-to-play{display:none}body[data-screen=playing]:not([data-pointer-locked]) #click-to-play{display:flex}body[data-screen=playing][data-click-hint-dismissed=true] #click-to-play{display:none}body[data-screen=playing][data-click-hint-dismissing=true] #click-to-play{display:flex;opacity:0}#hud{position:absolute;inset:0;pointer-events:none;padding:1.5rem}.hud-top{display:flex;justify-content:space-between;gap:1rem}.hud-challenge{position:absolute;top:5.9rem;left:50%;transform:translate(-50%);background:#000000a6;border:1px solid var(--panel-border);border-radius:4px;padding:.5rem .9rem;text-align:center;min-width:300px}.hud-challenge__title{font-size:.92rem;font-weight:700;letter-spacing:.03em}.hud-challenge__progress{margin-top:.2rem;font-size:.82rem;color:var(--accent)}.hud-challenge__checklist{margin:.45rem 0 0;padding:0;list-style:none;text-align:left;font-size:.82rem}.hud-challenge__checklist li{margin:.15rem 0;color:#dbe7f6}.hud-challenge__checklist li:before{content:"☐ ";color:#9bb3d2}.hud-challenge__checklist li.done{color:#8fe59f}.hud-challenge__checklist li.done:before{content:"✅ ";color:#8fe59f}.hud-challenge.hud-challenge--flash{animation:hud-challenge-complete-flash .9s ease-out}.hud-stat .label{display:block;font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.hud-stat .value{font-size:2rem;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.7)}.hud-bars{position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;max-width:320px}.bar{display:flex;flex-direction:column;gap:.2rem}.bar span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}progress{appearance:none;-webkit-appearance:none;width:100%;height:10px;background:#00000080;border:1px solid var(--panel-border);border-radius:2px;overflow:hidden}progress::-webkit-progress-bar{background:#00000080}progress::-webkit-progress-value{background:var(--hunger);transition:width .15s linear}progress::-moz-progress-bar{background:var(--hunger)}progress.stamina::-webkit-progress-value{background:var(--stamina)}progress.stamina::-moz-progress-bar{background:var(--stamina)}.hud-event-anchor{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.hud-event-panel{font-size:1.2rem;padding:.45rem .85rem;background:#000000a6;border-radius:3px}.hud-event__inner{display:flex;align-items:center;gap:.65rem}.hud-event__thumb{display:block;flex-shrink:0;width:40px;height:40px;border-radius:4px;object-fit:contain;image-rendering:pixelated;box-shadow:0 1px 4px #00000073}.hud-event__text{font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.8)}.hud-event-panel.hud-event--playing{animation:hud-event-food-rise 1.25s ease-out forwards}@keyframes hud-event-food-rise{0%{opacity:0;transform:translateY(14px) scale(.94)}12%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-52px) scale(1)}}@keyframes hud-challenge-complete-flash{0%{transform:translate(-50%) scale(1);box-shadow:0 0 #f0aed400;border-color:var(--panel-border)}18%{transform:translate(-50%) scale(1.05);box-shadow:0 0 32px #f0aed4d9;border-color:#f0aed4f2;background:#432338eb}to{transform:translate(-50%) scale(1);box-shadow:0 0 #f0aed400;border-color:var(--panel-border)}}.hud-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff9;font-size:1.2rem;pointer-events:none;user-select:none}.touch-controls{position:absolute;left:50%;bottom:calc(max(.75rem,env(safe-area-inset-bottom)) + 2.35rem);transform:translate(-50%);display:none;width:95vw;height:var(--touch-controls-h);gap:0;padding:0;pointer-events:auto;z-index:8;touch-action:none;user-select:none}.touch-control,.touch-look-pad{border:1px solid rgba(255,255,255,.3);background:#080e1a6b;color:#fff;font:inherit;font-size:clamp(1.35rem,5.2vw,2.25rem);line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.8);-webkit-tap-highlight-color:transparent}.touch-control{display:flex;align-items:center;justify-content:center;appearance:none;border-radius:0;margin:0;padding:0}.touch-control--sprint{width:calc(var(--touch-controls-h) / 3);height:100%;border-radius:14px 0 0 14px}.touch-control--active,.touch-control:active{background:#f0aed4c2;border-color:#fff2faeb;box-shadow:inset 0 0 0 2px #ffffff59,0 0 18px #f0aed494}.touch-control-stack{display:flex;flex-direction:column;height:100%}.touch-control-stack--move{width:calc(var(--touch-controls-h) * 2 / 3)}.touch-control-stack--action{flex:1 1 auto;min-width:0}.touch-control-stack .touch-control{width:100%;height:50%}.touch-look-pad{display:flex;align-items:center;justify-content:center;width:var(--touch-controls-h);height:var(--touch-controls-h);flex:0 0 var(--touch-controls-h);border-radius:0 14px 14px 0;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.16),transparent 28%),#080e1a6b}.touch-look-pad.touch-control--active{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.24),transparent 30%),#7cc0ff85;border-color:#d2ecffeb}@media(hover:none)and (pointer:coarse){body[data-screen=playing] .touch-controls{display:flex}.hud-bars{bottom:calc(max(.75rem,env(safe-area-inset-bottom)) + 2.35rem + var(--touch-controls-h) + .35rem)}}@media(max-width:560px){.hud-event-anchor{width:95vw}.hud-event-panel{width:100%;font-size:1rem}.hud-event__inner{align-items:flex-start}.hud-event__text{flex:1;min-width:0;overflow-wrap:anywhere}.challenge-dialog,.challenge-complete-dialog{padding-inline:2.5vw}.challenge-dialog__panel,.challenge-complete-dialog__panel{max-width:95vw;width:95vw}}.challenge-dialog{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;pointer-events:auto;z-index:12}.challenge-dialog[hidden]{display:none}.challenge-dialog__panel{max-width:360px;pointer-events:auto;padding:1.15rem 1.35rem;font-size:.75rem}.challenge-dialog__header{display:flex;align-items:center;gap:.4rem;margin-bottom:.45rem}.challenge-dialog__thumb{width:40px;height:40px;border-radius:6px;background:#00000040;flex-shrink:0}.challenge-dialog__header h2{margin:0;font-size:1.35rem}.challenge-dialog__actions{display:flex;gap:.35rem}.challenge-dialog__actions button{margin:0;padding:.6rem;flex:1}.challenge-dialog__actions button:focus,.challenge-dialog__actions button:focus-visible{outline:3px solid #52b5ff;outline-offset:2px;background:#6bc4ff;color:#04121d;border:2px solid #c7ebff;box-shadow:0 0 0 3px #52b5ff73,0 0 22px #52b5ffcc;transform:translateY(-1px) scale(1.03)}.challenge-complete-dialog{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:transparent;pointer-events:auto;z-index:13}.challenge-complete-dialog[hidden]{display:none}.challenge-complete-dialog__panel{max-width:420px;pointer-events:auto;border:2px solid #37a3ff;box-shadow:0 0 0 3px #37a3ff4d,0 20px 60px #0009;animation:challenge-complete-pop .28s ease-out}.challenge-complete-dialog__header{display:flex;align-items:center;gap:.6rem}.challenge-complete-dialog__thumb{border-radius:6px;background:#00000040}.challenge-complete-dialog__panel h2{margin:0}.challenge-complete-dialog__panel p{margin:.75rem 0 1rem;color:var(--fg)}@keyframes challenge-complete-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.click-to-play{position:absolute;top:0;left:0;right:0;padding-top:1rem;align-items:flex-start;justify-content:center;background:transparent;backdrop-filter:none;pointer-events:none;z-index:5;opacity:1;transition:opacity .26s ease}.click-to-play .panel.small{max-width:380px;text-align:center;padding:1.5rem 2rem}.click-to-play h1{margin:0 0 .5rem;font-size:2.4rem;color:var(--accent)}.click-to-play p{margin:.3rem 0;color:var(--muted)}.click-to-play p.hint{margin-top:1rem;color:var(--fg);font-size:.85rem}.overlay{position:absolute;inset:0;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(6px);z-index:10;padding:2rem}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:6px;padding:2rem 2.5rem;max-width:440px;width:100%;box-shadow:0 20px 60px #00000080}.panel.wide{max-width:620px}.panel h1{margin:0 0 .5rem;font-size:3rem;letter-spacing:-.02em;color:var(--accent)}.panel h2{margin:0 0 1rem;font-size:1.8rem}.panel .tagline{color:var(--muted);margin:0 0 2rem}.panel .reason{color:var(--danger);margin-bottom:1rem}.panel button{display:block;width:100%;margin:.5rem 0;padding:.8rem;font:inherit;font-weight:600;color:var(--accent-ink);background:var(--accent);border:none;border-radius:3px;cursor:pointer;transition:transform .1s,filter .1s}.panel button:hover:not(:disabled){filter:brightness(1.1)}.panel button:active:not(:disabled){transform:translateY(1px)}.panel button:disabled{opacity:.6;cursor:wait}.panel button+button{background:transparent;color:var(--fg);border:1px solid var(--panel-border)}.panel button+button:hover{background:#ffffff0d}.panel footer{margin-top:1.5rem;color:var(--muted);text-align:center}kbd{display:inline-block;padding:.1em .4em;margin:0 .1em;font:inherit;font-size:.85em;color:var(--fg);background:#ffffff14;border:1px solid var(--panel-border);border-radius:3px}ul.controls{list-style:none;padding:0;margin:0 0 1rem;display:block}ul.controls li{display:list-item;padding:.35rem 0;color:var(--muted)}ul.controls li kbd{color:var(--fg)}.submit-form{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.submit-form label{display:flex;flex-direction:column;gap:.3rem}.submit-form label span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.submit-form input{padding:.6rem;font:inherit;color:var(--fg);background:#0006;border:1px solid var(--panel-border);border-radius:3px}.submit-form .error{color:var(--danger);margin:0}.submitted{color:var(--accent);margin:1rem 0}.actions{display:flex;gap:.5rem;margin-top:1rem}.actions button{margin:0;flex:1}dl.summary{display:grid;grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:1rem 0}dl.summary dt{color:var(--muted)}dl.summary dd{margin:0;font-weight:600}ol.leaderboard{list-style:none;padding:0;margin:1rem 0;max-height:400px;overflow-y:auto}ol.leaderboard li{display:grid;grid-template-columns:2rem 1fr auto auto;gap:1rem;padding:.5rem;border-bottom:1px solid var(--panel-border)}ol.leaderboard li .rank{color:var(--muted);text-align:right}ol.leaderboard li .name{font-weight:600}ol.leaderboard li .score{color:var(--accent)}ol.leaderboard li .items{color:var(--muted);font-size:.85em}.empty{color:var(--muted);text-align:center;padding:2rem 0}