@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--gold:#d4af37;--bone:#f0e6d2;--teal:#1a3d4a}*{box-sizing:border-box}body{margin:0;background:#081317;color:var(--bone);font-family:Inter,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;font:inherit;color:inherit;background:transparent;border:1px solid #526063;padding:10px 14px;font-size:12px;letter-spacing:1px}button:hover{border-color:var(--gold);color:var(--gold)}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--gold);outline-offset:3px}header{height:78px;border-bottom:1px solid #28363a;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;gap:15px}.brand{text-decoration:none;color:var(--bone);font-family:'Barlow Condensed',Arial,sans-serif;letter-spacing:3px;font-weight:700;font-size:22px}.brand span{font-weight:500;color:#94a3a6}.edition{font-size:11px;letter-spacing:2px;color:#91a7ad}.edition span{color:var(--gold);padding:0 18px}main{max-width:1536px;margin:auto;padding:0 4vw}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 0 22px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--gold);margin:0 0 8px}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(27px,3.5vw,52px);font-weight:600;letter-spacing:1px;line-height:1;margin:0}h1 em{font-family:Georgia,serif;font-weight:400;font-size:.65em;margin:0 4px}.level-label{display:flex;align-items:center;gap:12px;color:var(--gold);font-family:'Barlow Condensed',Arial,sans-serif;font-size:40px}.level-label span{font-family:Inter,Arial,sans-serif;font-size:10px;letter-spacing:2px;color:#9cb1b5;max-width:90px;line-height:1.7}.game{position:relative;border:1px solid #475353;background:#07171d;overflow:hidden;aspect-ratio:16/9;width:100%;isolation:isolate}.game:fullscreen{height:100%;max-height:100%;width:100%;border:0;aspect-ratio:auto;display:flex;align-items:center;justify-content:center}canvas{display:block;width:100%;height:100%;object-fit:contain;outline:none;touch-action:none}.hud{position:absolute;left:3%;right:3%;top:5%;display:flex;justify-content:space-between;pointer-events:none}.vitals{width:24%;max-width:300px;min-width:130px}.hud-label{font-size:12px;font-weight:600;letter-spacing:1px;display:flex;justify-content:space-between;text-shadow:0 2px 3px #000}.hud-label span{font-size:10px;color:#b9c8c9;letter-spacing:0}.bar{height:7px;background:#15262b;margin:10px 0 6px}.bar i{height:100%;width:100%;display:block;background:var(--gold);transition:width .12s}.charge{height:3px;background:#15262b;margin-top:7px}.charge i{height:100%;width:0;display:block;background:#73d5cc}.small{font-size:9px;color:#93b3b9;margin-top:8px}.objective{display:flex;flex-direction:column;text-align:right;gap:7px}.objective span{font-size:10px;letter-spacing:2px;color:#a7bbbe}.objective strong{font-family:'Barlow Condensed',Arial,sans-serif;font-size:30px;letter-spacing:3px}.objective small{font-size:9px;letter-spacing:1px;color:#a7bbbe}.overlay{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,13,17,.94),rgba(3,13,17,.6) 50%,rgba(3,13,17,.1))}.overlay-inner{margin-left:7%;max-width:65%}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(36px,6.5vw,100px);font-weight:700;line-height:.94;margin:20px 0;letter-spacing:2px}.overlay p:not(.eyebrow){color:#b4c6c9;font-size:16px;line-height:1.8}.primary{background:var(--gold);color:#111a1d;border-color:var(--gold);font-weight:700;font-size:12px;padding:18px 25px;margin-top:14px;min-width:220px;text-align:left}.primary span{float:right;margin-left:28px}.primary:hover{background:#f0d575;color:#111a1d}.overlay .hint{font-size:11px!important;color:#819b9f!important}.pause-row{position:absolute;right:3%;bottom:4%;display:flex;gap:7px}.pause-row button{padding:6px 10px;background:#081317a0;font-size:16px}.under{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid #293a3e;padding:20px 0}.controls{display:flex;gap:16px;flex-wrap:wrap}.controls span{display:flex;align-items:center;gap:5px;font-size:10px;color:#afc0c3;letter-spacing:1px}kbd{padding:4px 6px;background:#1b2b30;border:1px solid #3d5056;border-radius:2px;font:11px Inter,Arial,sans-serif;color:var(--bone)}.tip{font-size:11px;color:#8b9ea3}footer{display:flex;justify-content:space-between;gap:20px;padding:20px 0 25px;font-size:10px;letter-spacing:1px;color:#789197}.touch{display:none;justify-content:space-between;gap:8px;padding:12px 0}.touch>div{display:flex;gap:7px}.touch button{touch-action:none;user-select:none;min-height:50px;min-width:47px;padding:8px;font-size:10px;background:#142a32}.touch button:active{background:var(--gold);color:#111}#toast{position:absolute;bottom:16%;left:50%;transform:translateX(-50%);font-size:14px;letter-spacing:2px;text-align:center;color:var(--gold);text-shadow:0 2px 4px #000;pointer-events:none}#combo{position:absolute;right:4%;top:32%;font-family:'Barlow Condensed',Arial,sans-serif;color:var(--gold);font-size:32px;font-style:italic;pointer-events:none}#bossHud{position:absolute;bottom:5%;left:25%;width:50%;text-align:center;font-size:10px;letter-spacing:3px}#bossHud .bar{background:#211b1e}#bossHud i{background:#c66542}[hidden]{display:none!important}@media(pointer:coarse){.touch{display:flex}.tip{display:none}}@media(max-width:760px){header{height:60px}.edition,.level-label,.tip{display:none}.brand{font-size:18px}header button{font-size:10px}.title-row{padding:22px 0 18px}.eyebrow{font-size:9px;letter-spacing:2px}main{padding:0 3vw}.game{min-height:270px}.overlay-inner{max-width:85%}.overlay h2{font-size:42px;margin:12px 0}.overlay p:not(.eyebrow){font-size:12px;line-height:1.4}.overlay .hint{font-size:9px!important}.primary{padding:12px 16px;margin-top:4px;min-width:195px;font-size:11px}.hud-label{font-size:9px}.hud-label span,.small,.objective span{font-size:8px}.objective strong{font-size:22px}.controls{gap:10px}.under{padding:15px 0}.controls span{font-size:9px}footer{font-size:9px;line-height:1.6;flex-direction:column;gap:4px}.touch{display:flex}.game:fullscreen .overlay h2{font-size:60px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.game:fullscreen .touch{position:absolute;left:0;right:0;bottom:max(10px,env(safe-area-inset-bottom));margin:0;padding:0 16px;z-index:6}.game:fullscreen .pause-row{bottom:84px}