@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#f7f7f4;background:#080916;font-family:Manrope,system-ui,sans-serif;font-synthesis:none;--yellow: #fedc19;--ink: #080916;--muted: rgba(247, 247, 244, .62)}*{box-sizing:border-box}html,body,#game{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:#080916}button,a{-webkit-tap-highlight-color:transparent}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}.hud{position:fixed;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:max(22px,env(safe-area-inset-top)) 34px 20px;pointer-events:none;opacity:1;transition:opacity .45s ease}.hud.hud-hidden{opacity:0;visibility:hidden}.brand{display:flex;gap:10px;align-items:center;color:#fff;font-size:13px;font-weight:800;letter-spacing:.12em;text-decoration:none;pointer-events:auto}.brand-mark{display:grid;place-items:center;width:31px;height:31px;color:var(--ink);background:var(--yellow);border-radius:50%;font-size:16px;letter-spacing:0}.hud-stats{display:flex;gap:clamp(22px,5vw,72px)}.stat{display:grid;gap:3px;min-width:70px;font-family:DM Mono,monospace}.stat-label{color:var(--muted);font-size:9px;letter-spacing:.2em}.stat strong{font-size:14px;font-weight:500;letter-spacing:.1em}#lives{color:var(--yellow);letter-spacing:.25em}.stat-progress{min-width:125px}.progress-track{width:100%;height:2px;overflow:hidden;background:#ffffff29}#progress-bar{display:block;width:0;height:100%;background:var(--yellow);box-shadow:0 0 12px var(--yellow);transition:width .2s linear}.icon-button{width:38px;height:38px;border:1px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;background:#05061159;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;pointer-events:auto}.icon-button[aria-pressed=false]{color:var(--muted)}.screen{position:fixed;z-index:10;top:50%;left:clamp(24px,8vw,130px);width:min(560px,calc(100vw - 48px));opacity:0;visibility:hidden;transform:translateY(-44%) translate(-18px);transition:opacity .55s ease,transform .55s ease,visibility .55s;pointer-events:none}.screen-visible{opacity:1;visibility:visible;transform:translateY(-50%) translate(0);pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-family:DM Mono,monospace;color:var(--yellow);font-size:10px;letter-spacing:.22em}.eyebrow span{width:32px;height:1px;background:var(--yellow)}h1,h2{margin:0 0 22px;font-size:clamp(48px,7vw,96px);font-weight:700;line-height:.91;letter-spacing:-.065em}h1 em,h2 em{color:var(--yellow);font-style:normal}.screen p{max-width:470px;color:var(--muted);font-size:clamp(15px,1.6vw,18px);line-height:1.65}.controls-hint{display:flex;gap:22px;margin:28px 0;color:#ffffffb3;font-family:DM Mono,monospace;font-size:11px}kbd{padding:5px 7px;color:#fff;border:1px solid rgba(255,255,255,.25);border-bottom-color:#ffffff80;border-radius:5px;background:#ffffff12;font-family:inherit}.primary-button{display:inline-flex;align-items:center;gap:28px;min-height:58px;padding:5px 5px 5px 26px;border:0;border-radius:999px;color:var(--ink);background:var(--yellow);font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.1em;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.primary-button:hover{transform:translateY(-2px);box-shadow:0 12px 45px #fedc193d}.primary-button:focus-visible,.icon-button:focus-visible,.text-link:focus-visible{outline:2px solid white;outline-offset:4px}.button-arrow{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:var(--ink);font-size:20px}.screen small{display:block;margin-top:15px;color:#ffffff61;font-size:10px}.text-link{display:block;width:fit-content;margin-top:25px;color:#fff;font-size:12px;text-underline-offset:5px}.result-score{display:grid;width:fit-content;margin:24px 0;font-family:DM Mono,monospace}.result-score span{color:var(--muted);font-size:9px;letter-spacing:.2em}.result-score strong{color:var(--yellow);font-size:38px;font-weight:500}.message{position:fixed;z-index:6;top:26%;left:50%;padding:9px 14px;border:1px solid rgba(254,220,25,.35);border-radius:999px;color:var(--yellow);background:#080916a6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-family:DM Mono,monospace;font-size:10px;letter-spacing:.14em;opacity:0;transform:translate(-50%,10px);transition:opacity .25s,transform .25s;pointer-events:none}.message-visible{opacity:1;transform:translate(-50%)}.damage-flash{position:fixed;z-index:4;inset:0;opacity:0;background:radial-gradient(circle,transparent 30%,rgba(255,54,75,.45));pointer-events:none}.damage-flash.active{animation:damage .45s ease-out}.scene-fade{position:fixed;z-index:8;inset:0;opacity:0;background:#070815;transition:opacity 1s cubic-bezier(.65,0,.35,1);pointer-events:none}.scene-fade.active{opacity:1}.scene-fade.result-mode{background:linear-gradient(90deg,#070815 0% 44%,#070815c7 59%,#07081547 75%,#07081514)}.vignette,.grain{position:fixed;z-index:3;inset:0;pointer-events:none}.vignette{background:radial-gradient(circle at center,transparent 35%,rgba(1,2,10,.72) 120%)}.grain{opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.mobile-only{display:none}@keyframes damage{0%{opacity:0}18%{opacity:1}to{opacity:0}}@media(max-width:720px){.hud{padding:max(15px,env(safe-area-inset-top)) 16px 15px}.brand>span:last-child,.stat-label{display:none}.hud-stats{gap:14px}.stat{min-width:auto}.stat-progress{min-width:82px}.screen{left:24px;top:53%}.controls-hint{display:grid;gap:14px}.desktop-only{display:none}.mobile-only{display:inline}.screen p{max-width:350px}h1,h2{font-size:clamp(48px,17vw,74px)}.scene-fade.result-mode{background:linear-gradient(180deg,#070815fa,#070815e0 58%,#07081524)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
