:root{--void: #050510;--starlight: #f0e6c8;--gold: #f7c56a;--ice: #7ec8e3;--veil: #c45cff;--danger: #ff4d6d;--ui: "Outfit", system-ui, sans-serif;--display: "Cormorant Garamond", Georgia, serif;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;overflow:hidden;background:var(--void);color:var(--starlight);font-family:var(--ui);user-select:none;-webkit-tap-highlight-color:transparent}.seo-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}canvas#game{position:absolute;inset:0;width:100%;height:100%;display:block}#grain,#vignette,#flash{position:absolute;inset:0;pointer-events:none;z-index:2}#grain{opacity:.055;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}#vignette{background:radial-gradient(ellipse at center,transparent 46%,rgba(5,5,16,.22) 74%,rgba(5,5,16,.62) 100%)}#flash{opacity:0;background:radial-gradient(circle at center,rgba(240,230,200,.42),transparent 55%);transition:opacity 90ms linear}#flash.on{opacity:1}.layer{position:absolute;inset:0;z-index:3;pointer-events:none}.hud-top,.hud-bottom{position:absolute;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:calc(22px + var(--safe-t)) calc(32px + var(--safe-r)) 0 calc(32px + var(--safe-l))}.hud-top{top:0;display:grid;grid-template-columns:1fr minmax(220px,42vw) 1fr;align-items:start;gap:16px}.lives-block{display:flex;flex-direction:column;gap:6px}.lives-block .meter-label{color:#f7c56ad1}.lives{display:flex;gap:10px}.lives i{width:18px;height:16px;border-radius:0;background:transparent;box-shadow:none}.lives i:before{content:"♥";display:block;font-style:normal;font-size:22px;line-height:16px;color:var(--gold);text-shadow:0 0 12px rgba(247,197,106,.85)}.lives i.gone{background:transparent;box-shadow:none}.lives i.gone:before{color:#f0e6c82e;text-shadow:none}.objective{justify-self:center;text-align:center;font-size:15px;font-weight:500;letter-spacing:.06em;color:var(--starlight);text-shadow:0 2px 18px rgba(5,5,16,.9);padding:8px 18px;background:#0505108c;border:1px solid rgba(247,197,106,.28);border-radius:999px}.meters{justify-self:end}.hud-bottom{bottom:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:16px;padding:0 calc(32px + var(--safe-r)) calc(22px + var(--safe-b)) calc(32px + var(--safe-l))}.brand{display:flex;align-items:baseline;gap:8px;letter-spacing:.32em;text-transform:uppercase;font-size:10px;font-weight:300;color:#f0e6c847}.brand-mark{color:#f7c56a8c;letter-spacing:0;font-size:9px}.brand-name{font-family:var(--display);font-size:15px;letter-spacing:.38em;font-weight:500}.meters{display:flex;gap:26px}.meter{display:flex;flex-direction:column;align-items:flex-end;min-width:72px}.meter-label{font-size:10px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:#f0e6c89e}.meter-value{font-family:var(--display);font-size:28px;font-weight:500;line-height:1.05;color:#f0e6c8eb}.bars{display:flex;flex-direction:column;gap:8px;justify-self:start}#dash-fill,#combo-fill{height:100%;width:100%;border-radius:inherit;transform-origin:left center;transform:scaleX(1)}#dash-fill{background:linear-gradient(90deg,var(--ice),var(--gold))}#dash-fill.ready{box-shadow:0 0 10px #7ec8e3d9}#combo-fill{background:linear-gradient(90deg,var(--gold),#ffe9b4)}.veil-bar.hot .veil-label{color:var(--gold)}.legend{display:flex;gap:16px;justify-self:center;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#f0e6c8d1;background:#05051080;padding:8px 14px;border-radius:999px;border:1px solid rgba(240,230,200,.12)}.legend b{font-weight:500;margin-right:4px}.toast{position:absolute;left:50%;top:18%;transform:translate(-50%);font-family:var(--display);font-size:28px;letter-spacing:.12em;color:var(--gold);text-shadow:0 0 24px rgba(247,197,106,.55);pointer-events:none}.toast.hidden{display:none}.toast.pop{animation:toastIn 1.5s ease both}.popups{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);pointer-events:none}.popup{font-family:var(--display);font-size:34px;color:var(--gold);text-align:center;animation:popupUp .85s ease forwards}.popup.heal{color:#7dffb3}.popup.smash{color:var(--danger)}.popup.near{color:var(--ice)}.count{position:absolute;left:50%;top:28%;z-index:8;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(72px,14vw,140px);font-weight:600;letter-spacing:.08em;color:var(--gold);text-shadow:0 0 40px rgba(247,197,106,.55);pointer-events:none}.count.go{color:var(--starlight);font-size:clamp(56px,10vw,96px)}.count.pop{animation:countPop .7s ease both}.count.hidden{display:none}.grade{margin-top:10px;font-family:var(--display);font-size:clamp(42px,7vw,72px);font-weight:600;letter-spacing:.2em;color:var(--gold);text-shadow:0 0 28px rgba(247,197,106,.45)}.rank-title{margin-top:2px;font-family:var(--display);font-style:italic;font-size:18px;letter-spacing:.18em;color:#7ec8e3e6}.death-best{margin-top:10px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:#f0e6c88c}.death-best.new{color:var(--gold)}.stat-grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:8px 22px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#f0e6c89e}.stat-grid b{display:block;font-family:var(--display);font-size:22px;font-weight:500;letter-spacing:.08em;text-transform:none;color:var(--starlight)}@keyframes countPop{0%{opacity:0;transform:translate(-50%,-50%) scale(1.28)}18%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.how{list-style:none;margin-top:18px;display:flex;flex-direction:column;gap:8px;color:#f0e6c8d1;font-size:14px;letter-spacing:.08em}.how kbd{display:inline-block;min-width:64px;margin-right:8px;padding:2px 8px;border:1px solid rgba(247,197,106,.35);border-radius:4px;color:var(--gold);font-family:var(--ui);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.goal-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 18px;margin-top:16px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#f0e6c8d1}.goal-row b{margin-right:4px}.goal-row .gold,.legend .gold{color:var(--gold)}.goal-row .red,.legend .red{color:var(--danger)}.goal-row .green,.legend .green{color:#7dffb3}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}18%{opacity:1;transform:translate(-50%) translateY(0)}75%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-6px)}}@keyframes popupUp{0%{opacity:0;transform:translateY(10px)}20%{opacity:1}to{opacity:0;transform:translateY(-36px)}}.veil-track{width:180px;height:8px;border-radius:99px;background:#f0e6c829;overflow:hidden}#veil-fill{height:100%;width:100%;border-radius:inherit;background:linear-gradient(90deg,#7ec8e3d9,#f7c56ae6,#c45cffbf);transform-origin:left center;transform:scaleX(1);opacity:.7}.veil-label,.hint{font-size:11px;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:#f0e6c8b3}.hint{max-width:48vw;text-align:right;justify-self:end}#hud{opacity:0;transition:opacity .7s ease}#hud.visible,#hud.visible.awake{opacity:1}#hud.visible.awake .meter-value{color:#f0e6c8e0}#hud.veil-waning #veil-fill{background:linear-gradient(90deg,var(--danger),var(--gold));opacity:1;box-shadow:0 0 12px #ff4d6d73}#hud.veil-waning .veil-label{color:#ff4d6db8;letter-spacing:.32em}#combo{display:inline-block;transform-origin:90% 60%;transition:color .28s ease,text-shadow .28s ease}#combo[data-heat=idle]{color:#f0e6c852;text-shadow:none}#combo[data-heat=warm]{color:var(--ice);text-shadow:0 0 14px rgba(126,200,227,.4)}#combo[data-heat=high]{color:var(--gold);text-shadow:0 0 18px rgba(247,197,106,.55)}#combo[data-heat=peak]{color:#ffe9b4;text-shadow:0 0 20px rgba(247,197,106,.85),0 0 42px rgba(196,92,255,.35);animation:comboPeak 1.15s ease-in-out infinite}#combo.struck{animation:comboStruck .28s ease}.meter-combo[data-heat=high] .meter-label,.meter-combo[data-heat=peak] .meter-label{color:#f7c56a8c}#hud.visible .hint{opacity:1}.screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:auto;animation:fadeIn 1.1s ease both}.screen.hidden{display:none}#title{justify-content:flex-end;background:linear-gradient(180deg,rgba(5,5,16,.22) 0%,rgba(5,5,16,.04) 14%,transparent 28%,transparent 54%,rgba(5,5,16,.28) 72%,rgba(5,5,16,.78) 100%),url(/art/keyart.png) center 40% / cover no-repeat}.title-plate{position:relative;z-index:1;width:min(640px,calc(100% - 48px));padding:48px 12px calc(40px + var(--safe-b));display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,transparent 0%,rgba(5,5,16,.55) 22%,rgba(5,5,16,.82) 100%)}#pause{background:#0505107a}#death{background:radial-gradient(ellipse at 50% 36%,rgba(36,22,72,.28),transparent 48%),linear-gradient(180deg,#05051094,#050510db)}.kicker{font-family:var(--display);font-style:italic;font-weight:500;font-size:13px;letter-spacing:.42em;text-transform:lowercase;color:#7ec8e3e6;margin-bottom:6px;text-shadow:0 2px 12px rgba(5,5,16,.9)}.ornament{display:flex;align-items:center;justify-content:center;gap:12px;width:min(168px,52vw);margin:8px 0 4px}.ornament-wide{width:min(220px,64vw);margin-top:2px}.hairline{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(247,197,106,.55),transparent)}.glyph{color:#f7c56ab8;font-size:8px;line-height:1}h1,h2{font-family:var(--display);font-weight:600;font-size:clamp(48px,8.4vw,92px);letter-spacing:.14em;line-height:.92;color:var(--starlight);text-shadow:0 10px 40px rgba(5,5,16,.55)}h2{font-size:clamp(34px,5.6vw,64px);letter-spacing:.1em;font-weight:500}#death h2{font-style:italic;letter-spacing:.08em;font-weight:500}.tag{margin-top:14px;max-width:420px;font-family:var(--display);font-style:italic;font-weight:400;font-size:18px;line-height:1.55;color:#f0e6c8eb;text-shadow:0 2px 18px rgba(5,5,16,.95)}.epitaph{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:6px;color:#f0e6c8b3}.epitaph-score{font-family:var(--display);font-size:clamp(28px,4.2vw,42px);font-weight:500;letter-spacing:.08em;color:var(--gold);text-shadow:0 0 24px rgba(247,197,106,.28)}.epitaph-label{font-size:10px;letter-spacing:.4em;text-transform:uppercase;color:#7ec8e38c}.epitaph-meta{margin-top:4px;font-family:var(--display);font-style:italic;font-size:15px;letter-spacing:.12em;color:#f0e6c87a}button{margin-top:22px;pointer-events:auto;cursor:pointer;border:1px solid rgba(247,197,106,.45);background:linear-gradient(180deg,#f7c56a3d,#f7c56a14);border-radius:2px;color:var(--gold);font-family:var(--ui);font-size:13px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;padding:14px 36px;min-height:44px;position:relative}button:before,button:after{content:"";position:absolute;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgba(247,197,106,.7),transparent)}button:before{top:0}button:after{bottom:0}button:hover,button:focus-visible{color:var(--starlight);text-shadow:0 0 16px rgba(247,197,106,.55);outline:none}.fine{margin-top:16px;font-size:10px;font-weight:300;letter-spacing:.22em;text-transform:uppercase;color:#f0e6c847}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes comboPeak{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.07);filter:brightness(1.12)}}@keyframes comboStruck{0%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes hintFade{to{opacity:0}}@media(max-width:720px){.hint{display:none}.hud-bottom{grid-template-columns:1fr;justify-items:center;gap:10px}.bars,.legend{justify-self:center}.hud-top{padding:calc(12px + var(--safe-t)) calc(14px + var(--safe-r)) 0 calc(14px + var(--safe-l))}.hud-bottom{padding:0 calc(14px + var(--safe-r)) calc(14px + var(--safe-b)) calc(14px + var(--safe-l))}.meters{gap:14px}.meter{min-width:52px}.meter-value{font-size:22px}.brand-name{font-size:12px;letter-spacing:.24em}.veil-track{width:110px}.title-plate{width:min(100%,calc(100% - 28px));padding-bottom:calc(24px + var(--safe-b))}.tag{font-size:15px;max-width:86vw}.kicker{letter-spacing:.28em;font-size:12px}}@media(max-height:540px){.title-plate{padding-bottom:calc(12px + var(--safe-b))}h1{font-size:clamp(36px,9vh,56px)}.tag,.fine{display:none}button{margin-top:12px}.ornament-wide{display:none}}@media(prefers-reduced-motion:reduce){.screen,#hud,#flash,#combo,.count,.popup,.toast{animation:none!important;transition:opacity .2s ease}#combo.struck,#combo[data-heat=peak]{transform:none;filter:none}#hud.visible .hint{opacity:.55}}