.hud{--hud-accent:#38d6ff;--hud-heart:#ff4d5e;--hud-warn:#ff9f43;--hud-panel:#080b0fd1;pointer-events:none;color:#f2f5f8;letter-spacing:.08em;text-shadow:0 1px 3px #0009;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;position:absolute;inset:0}.hud [hidden]{display:none}.hud__bar{justify-content:center;gap:2rem;padding:.9rem 1rem;font-size:.85rem;display:flex}.hud__bar strong{color:var(--hud-accent);margin-left:.35rem;font-size:1.15rem}.hud__banner{text-align:center;width:100%;position:absolute;top:40%}.hud__banner-title{font-size:clamp(1.1rem,3vw,2rem);font-weight:700}.hud__banner-sub{color:var(--hud-accent);margin-top:.4rem;font-size:clamp(.75rem,1.6vw,1rem)}.hud__vitals{flex-direction:column;gap:.5rem;display:flex;position:absolute;top:.85rem;left:1rem}.hud__hearts{gap:.3rem;display:flex}.hud__heart svg{width:1.6rem;height:1.6rem;fill:var(--hud-heart);stroke:#0000008c;stroke-width:1.2px;transition:fill .3s,stroke .3s;display:block}.hud__heart--lost svg{fill:#0000;stroke:#ffffff73}.hud__heart--lost{animation:.45s ease-out hud-heart-lost}@keyframes hud-heart-lost{0%{transform:scale(1.5)}30%{transform:scale(.8)rotate(-12deg)}to{transform:none}}.hud__stamina{background:#ffffff29;border-radius:999px;width:5.6rem;height:.4rem;transition:opacity .4s;overflow:hidden;box-shadow:0 1px 3px #00000080}.hud__stamina-fill{background:var(--hud-accent);transform-origin:0;height:100%}.hud__stamina--full{opacity:.45}.hud__stamina--locked .hud__stamina-fill{background:var(--hud-warn);animation:.3s steps(2,jump-none) infinite hud-blink}@keyframes hud-blink{to{opacity:.25}}.hud__toast{background:var(--hud-panel);border-left:3px solid var(--hud-accent);opacity:0;max-width:calc(100% - 2rem);padding:.55rem 1rem;font-size:.8rem;transition:opacity .25s,transform .25s;position:absolute;bottom:1.4rem;left:50%;transform:translate(-50%,.8rem)}.hud__toast--visible{opacity:1;transform:translate(-50%)}.hud__damage{opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 14vmin #ff283cb3}.reduced-motion .hud *,.reduced-motion .hud :before,.reduced-motion .hud :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.hud *,.hud :before,.hud :after{transition:none!important;animation:none!important}}.screens{--screen-accent:#38d6ff;--screen-warn:#ff9f43;--screen-danger:#ff4d5e;--screen-panel:#080b0fdb;--screen-line:#38d6ff59;pointer-events:none;color:#f2f5f8;letter-spacing:.08em;text-shadow:0 1px 3px #0009;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;position:absolute;inset:0}.screens [hidden]{display:none}.screen{box-sizing:border-box;flex-direction:column;align-items:center;padding:22vh 1rem 1rem;display:flex;position:absolute;inset:0}.screen--dim{background:#04060994}.screen__panel{box-sizing:border-box;background:var(--screen-panel);border:1px solid var(--screen-line);text-align:center;min-width:16rem;padding:1.4rem 2.2rem;position:relative}.screen__panel:before{content:"";background:repeating-linear-gradient(-45deg,#ffc72c 0 8px,#16181b 8px 16px);height:4px;position:absolute;inset:-1px -1px auto}.screen__panel--wide{min-width:min(30rem,100%)}.screen__panel--message{max-width:min(34rem,100%);line-height:1.6}.screen__panel h2{margin:0 0 1rem;font-size:clamp(1.2rem,3vw,1.9rem)}.screen__hint{opacity:.7;margin:1rem 0 0;font-size:.72rem}.screen__menu{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.screen__item{cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:1.5rem;padding:.45rem 1.4rem;font-size:.95rem;transition:background .12s,border-color .12s;display:flex;position:relative}.screen__item:before{content:"▸";opacity:0;color:var(--screen-accent);position:absolute;left:.4rem}.screen__item--selected{border-color:var(--screen-line);color:var(--screen-accent);background:#38d6ff29}.screen__item--selected:before{opacity:1}.screen__menu--settings .screen__item{justify-content:space-between;font-size:.85rem}.screen__control{align-items:center;gap:.6rem;display:flex}.screen__arrow{opacity:.45;padding:0 .3rem;font-size:.75rem}.screen__arrow:hover,.screen__item--selected .screen__arrow{opacity:1}.screen__value{color:#f2f5f8;justify-content:flex-end;align-items:center;gap:.6rem;min-width:9.5rem;display:flex}.screen__value--off{opacity:.55}.screen__volume{gap:2px;display:flex}.screen__volume i{background:#ffffff24;width:.45rem;height:.8rem;display:block}.screen__volume i.screen__volume-on{background:var(--screen-accent)}.screen__percent{text-align:right;min-width:2.6rem;font-size:.75rem}.screen--title{background:radial-gradient(at 50% 55%,#0000 20%,#040609b3 85%),#04060959;padding-top:11vh}.screen__title-block{text-align:center;margin-bottom:2rem}.screen__kicker{color:var(--screen-accent);opacity:.85;margin:0 0 .6rem;font-size:.72rem}.screen__logo{letter-spacing:.22em;text-shadow:0 0 24px #38d6ff8c,0 4px #00000080;margin:0;padding-left:.22em;font-size:clamp(3rem,11vw,7rem);font-weight:800;line-height:1}.screen__tagline{opacity:.75;margin:.9rem 0 0;font-size:.8rem}.screen__best{color:var(--screen-warn);margin:1rem 0 0;font-size:.8rem}.screen__controls{flex-wrap:wrap;justify-content:center;gap:.5rem 1.6rem;margin:0;padding:0 1rem;font-size:.7rem;display:flex;position:absolute;bottom:1.2rem}.screen__controls div{gap:.5rem;display:flex}.screen__controls dt{color:var(--screen-accent)}.screen__controls dd{opacity:.75;margin:0}.screen__game-over{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem;display:flex}.screen__terminated{color:var(--screen-danger)}.screen__result{justify-content:center;gap:1.8rem;margin:0 0 1rem;font-size:.85rem;display:flex}.screen__result strong{color:var(--screen-accent);margin-left:.35rem;font-size:1.15rem}.screen__rank{min-height:1em;color:var(--screen-accent);margin:0 0 .9rem;font-size:.85rem}.screen__rank--best{color:var(--screen-warn);font-weight:700}.screen__menu--locked{opacity:.35;transition:opacity .3s}.screen--ready .screen__menu--locked{opacity:1}.screen__retry{visibility:hidden}.screen__retry--ready{visibility:visible;animation:1.2s ease-in-out infinite screen-pulse}@keyframes screen-pulse{50%{opacity:.35}}.screen__scores{text-align:left;min-width:15rem;padding:1rem 1.4rem}.screen__scores h3{opacity:.75;margin:0 0 .6rem;font-size:.8rem}.screen__score-list{margin:0;padding:0;font-size:.78rem;list-style:none}.screen__score{grid-template-columns:1.6rem 1fr 2.4rem 3.6rem;gap:.5rem;padding:.12rem .3rem;display:grid}.screen__score span:nth-child(2),.screen__score span:nth-child(3){text-align:right}.screen__score span:last-child{opacity:.6;text-align:right}.screen__score--new{color:var(--screen-accent);background:#38d6ff2e}.screen__score--empty{opacity:.6;display:block}.screen__global{opacity:.85;min-height:1em;margin:-.4rem 0 .9rem;font-size:.78rem}.screen__global:empty{display:none}.screen__global--best{color:var(--screen-warn);opacity:1;font-weight:700}.screen--board{padding-top:12vh}.screen__board{pointer-events:auto;scrollbar-width:thin;text-align:left;max-height:min(46vh,26rem);margin:0 0 .8rem;overflow-y:auto}.screen__board .screen__score{grid-template-columns:2.4rem 1fr 5.5rem 2.6rem}.screen__board .screen__score span:nth-child(2){text-align:left;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;overflow:hidden}.screen__board .screen__score span:nth-child(3){text-align:right}.screen__board .screen__score span:last-child{opacity:.75}.screen__board-you{color:var(--screen-accent);margin:0 0 .9rem;font-size:.78rem}.screen__hint--above{margin:-.5rem 0 1rem}.screen__name-input{box-sizing:border-box;border:1px solid var(--screen-line);width:100%;color:var(--screen-accent);font:inherit;letter-spacing:.12em;text-align:center;text-transform:uppercase;pointer-events:auto;background:#ffffff0f;outline:none;padding:.55rem .8rem;font-size:1.1rem;display:block}.screen__name-input:focus{border-color:var(--screen-accent);box-shadow:0 0 0 1px var(--screen-accent)}.screen__name-error{min-height:1.1em;color:var(--screen-danger);margin:.4rem 0 .6rem;font-size:.72rem}.reduced-motion .screens *,.reduced-motion .screens :before{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.screens *,.screens :before{transition:none!important;animation:none!important}}