:root{--color-void: #070609;--color-surface: #17131f;--color-ivory: #ede1cf;--color-muted: #aaa2a7;--color-ember: #d97745;--color-blood: #922f2f;--color-blood-bright: #c85245;color:var(--color-ivory);background:var(--color-void);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 50% 76%,rgb(74 36 28 / 28%),transparent 34%),var(--color-void)}#app{display:grid;min-height:100dvh;place-items:center;padding:clamp(8px,2vw,24px)}#game{position:relative;width:min(100%,1280px,calc((100dvh - 24px) * 16 / 9));aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgb(237 225 207 / 14%);background:#17131f;box-shadow:0 0 0 1px #d9774514,0 28px 90px #00000094;outline:none}#game:focus-visible{outline:2px solid var(--color-ember);outline-offset:4px}#game canvas{display:block;width:100%;height:100%}.battle-ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;container-type:inline-size;text-shadow:0 2px 14px rgb(0 0 0 / 86%)}.player-vitals{position:absolute;top:clamp(12px,2.5cqw,30px);left:clamp(12px,3cqw,38px);width:clamp(150px,25cqw,320px)}.vital-label,.boss-title,.phase-mark,.attack-callout,.event-callout,.perfect-dodge-callout,.controls,.intro-kicker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.18em;text-transform:uppercase}.vital-label{margin:0;color:#c2bec0;font-size:clamp(7px,.78cqw,10px)}.health-track{position:relative;overflow:hidden;border:1px solid rgb(237 225 207 / 24%);background:#000000b3;box-shadow:inset 0 0 8px #000c}.health-fill{width:100%;height:100%;transform:scaleX(1);transform-origin:left center;transition:transform .14s ease-out}.player-health-track{height:clamp(5px,.65cqw,8px);margin-top:clamp(4px,.6cqw,8px)}.player-health-fill{background:linear-gradient(90deg,#6f1f25,#b94742);box-shadow:0 0 9px #b947424d}.phase-mark{position:absolute;top:clamp(12px,2.2cqw,28px);right:clamp(12px,2.8cqw,36px);margin:0;color:#ede1cf8a;font-family:Georgia,Times New Roman,serif;font-size:clamp(15px,2cqw,26px)}.attack-callout,.event-callout,.perfect-dodge-callout{position:absolute;left:50%;margin:0;text-align:center;opacity:0;transform:translate(-50%,8px);transition:opacity .18s ease-out,transform .18s ease-out}.attack-callout{top:clamp(54px,8cqw,102px);color:#ddb086;font-size:clamp(7px,.85cqw,11px)}.event-callout{top:39%;width:min(86%,760px);color:var(--color-ivory);font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,2.8cqw,36px);font-style:italic;letter-spacing:.08em}.perfect-dodge-callout{top:58%;color:#f5ead8;font-size:clamp(8px,1cqw,13px);letter-spacing:.28em;text-shadow:0 2px 14px #000,0 0 24px rgb(237 225 207 / 72%)}.attack-callout.is-visible,.event-callout.is-visible,.perfect-dodge-callout.is-visible{opacity:1;transform:translate(-50%)}.battle-ui[data-attack-feedback-stage=imminent] .attack-callout{color:#f5e8d3;letter-spacing:.25em;text-shadow:0 2px 16px #000,0 0 20px rgb(217 119 69 / 82%)}.hit-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,transparent 38%,rgb(118 12 18 / 32%) 72%,rgb(52 0 6 / 74%));opacity:0;transition:opacity 90ms ease-out}.battle-ui.is-player-hit .hit-vignette{opacity:1}.event-callout.is-phase{text-shadow:0 2px 16px #000,0 0 28px rgb(217 119 69 / 60%)}.boss-hud{position:absolute;bottom:clamp(28px,5cqw,64px);left:50%;width:min(74%,850px);transform:translate(-50%)}.boss-identity{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:clamp(5px,.75cqw,10px)}.boss-name,.boss-title{margin:0;text-transform:uppercase}.boss-name{color:var(--color-ivory);font-family:Georgia,Times New Roman,serif;font-size:clamp(16px,2.1cqw,28px);font-weight:400;letter-spacing:.18em;order:-1}.boss-title{color:#b2aaad;font-size:clamp(6px,.72cqw,9px);text-align:right}.boss-health-track{height:clamp(8px,.9cqw,12px);border-color:#ede1cf52}.boss-health-fill{background:linear-gradient(90deg,#662124,var(--color-blood-bright));box-shadow:0 0 14px #c8524547}.controls{position:absolute;bottom:clamp(7px,1.2cqw,15px);left:50%;width:94%;margin:0;color:#aaa4a8;font-size:clamp(6px,.72cqw,9px);text-align:center;transform:translate(-50%)}.battle-intro,.battle-result{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;padding:8cqw;text-align:center}.battle-intro{background:radial-gradient(circle,#0706097a,#070609eb 72%);opacity:1;transition:opacity .7s ease-in}.battle-intro.is-hidden{visibility:hidden;opacity:0}.intro-kicker{margin:0 0 1.8em;color:var(--color-ember);font-size:clamp(7px,.8cqw,10px)}.intro-name,.result-title{margin:0;color:var(--color-ivory);font-family:Georgia,Times New Roman,serif;font-size:clamp(32px,7.2cqw,92px);font-weight:400;letter-spacing:.16em;line-height:.9;text-transform:uppercase}.intro-title{margin:1.5em 0 0;color:#c17b55;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(7px,1cqw,13px);letter-spacing:.25em;text-transform:uppercase}.intro-line{margin:2.4em 0 0;color:#cfc7ca;font-family:Georgia,Times New Roman,serif;font-size:clamp(11px,1.6cqw,20px);font-style:italic}.battle-result{z-index:2;background:#040305c7;pointer-events:auto;opacity:1;transition:opacity .26s ease-out}.battle-result.is-hidden{visibility:hidden;pointer-events:none;opacity:0}.result-title{max-width:90%;font-size:clamp(22px,4.2cqw,54px);line-height:1.1}.result-line{margin:2em 0 0;color:#cfc7ca;font-family:Georgia,Times New Roman,serif;font-size:clamp(11px,1.4cqw,18px);font-style:italic}.restart-button{min-width:190px;min-height:44px;margin-top:clamp(24px,3.5cqw,44px);border:1px solid rgb(237 225 207 / 48%);background:#140f14d1;color:var(--color-ivory);font:600 clamp(10px,1cqw,13px) ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;cursor:pointer;transition:border-color .18s ease-out,background-color .18s ease-out}.restart-button:hover{border-color:var(--color-ember);background:#47251ddb}.restart-button:focus-visible{outline:2px solid var(--color-ivory);outline-offset:4px}.battle-ui.is-intro .player-vitals,.battle-ui.is-intro .phase-mark,.battle-ui.is-intro .boss-hud,.battle-ui.is-intro .controls{opacity:0}noscript{max-width:36rem;color:#ede1cf;font-size:1rem;line-height:1.5;text-align:center}@media(max-width:600px){#app{padding:4px}#game{width:min(100%,calc((100dvh - 8px) * 16 / 9))}.boss-title{display:none}.boss-hud{width:86%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}