:root{--paper: #f4efe4;--paper-deep: #e7dfd0;--ink: #14110f;--ink-soft: #6b625a;--rule: #cabfad;--red: #e8452c;--cobalt: #2b50d8;--yellow: #f2c50f;--green: #2e7d4f;--edge: 3px solid var(--ink);--lift: 4px 4px 0 var(--ink);--lift-sm: 3px 3px 0 var(--ink);color-scheme:light}@property --beat-flash{syntax: "<number>"; inherits: true; initial-value: 0;}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--paper);color:var(--ink);font-family:Helvetica Neue,Helvetica,Arial,ui-sans-serif,system-ui,sans-serif;font-weight:500;-webkit-tap-highlight-color:transparent}body:not([data-stage=game]){background-image:repeating-linear-gradient(90deg,rgba(20,17,15,.045) 0 1px,transparent 1px 100%),repeating-linear-gradient(0deg,rgba(20,17,15,.045) 0 1px,transparent 1px 100%);background-size:28px 28px}#root{min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;width:100%;max-width:34rem;margin:0 auto;padding:max(1rem,env(safe-area-inset-top)) 1rem max(1rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:1rem}.screen--landing,.screen--lobby,.screen--interstitial{justify-content:safe center;text-align:center}.screen--lobby{gap:.75rem}.screen--game{justify-content:flex-start;gap:.7rem;max-width:56rem}h1{margin:0;font-size:clamp(1.5rem,6vw,2rem);line-height:.95;font-weight:800;text-transform:uppercase;letter-spacing:-.02em}.title{font-size:clamp(2.2rem,11vw,3.6rem);line-height:.86;text-transform:uppercase;font-weight:800;letter-spacing:-.04em;text-shadow:5px 5px 0 var(--red)}.tagline,.hint{margin:0;max-width:30rem;color:var(--ink-soft);font-size:.85rem;font-weight:500;line-height:1.45}.label{margin:0;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.22em;color:var(--ink-soft)}.code{margin:0;padding:.5rem 1.25rem .6rem;background:var(--yellow);border:var(--edge);box-shadow:var(--lift);font-size:clamp(2rem,12vw,3rem);font-weight:800;letter-spacing:.28em;text-indent:.28em;font-variant-numeric:tabular-nums}.countdown{margin:0;padding:.4rem 1rem;background:var(--ink);color:var(--paper);font-size:1.25rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.error{margin:0;padding:.5rem .85rem;background:var(--red);color:var(--paper);border:var(--edge);font-size:.85rem;font-weight:700}input{width:100%;padding:.8rem .9rem;font:inherit;font-size:1rem;font-weight:700;color:var(--ink);background:var(--paper);border:var(--edge);border-radius:0;box-shadow:inset 3px 3px #14110f14}input::placeholder{color:var(--ink-soft);font-weight:500}input:focus-visible,button:focus-visible{outline:3px solid var(--cobalt);outline-offset:3px}button{font:inherit;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ink);background:var(--paper);border:var(--edge);border-radius:0;padding:.8rem 1.1rem;cursor:pointer;touch-action:manipulation;box-shadow:var(--lift);transition:transform 60ms ease,box-shadow 60ms ease}button:active:not(:disabled){transform:translate(4px,4px);box-shadow:none}button:disabled{opacity:.45;cursor:default;box-shadow:var(--lift-sm)}button.primary{background:var(--red);color:var(--paper)}button.ghost{background:none;border-color:transparent;box-shadow:none;color:var(--ink-soft);font-size:.8rem;font-weight:600;text-transform:none;letter-spacing:0}button.ghost:active:not(:disabled){transform:none}.row{display:flex;gap:.6rem;width:100%;max-width:26rem}.row input{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:.6rem;width:100%;max-width:26rem}.keycap{display:inline-flex;align-items:center;justify-content:center;min-width:2.1rem;padding:.2rem .45rem;background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.keycap--wide{min-width:4.5rem}@media not all and (hover:hover)and (pointer:fine){.keycap{display:none}}.player-list,.scoreboard{list-style:none;margin:0;padding:0;width:100%;max-width:26rem;display:flex;flex-direction:column;gap:.4rem}.player-list li,.scoreboard li{background:var(--paper);border:2px solid var(--rule);padding:.55rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-weight:700}.player-list__empty{border-style:dashed;color:var(--ink-soft);justify-content:center;text-transform:uppercase;font-size:.8rem;font-weight:600;letter-spacing:.15em}.scoreboard .is-self{border-color:var(--cobalt);color:var(--cobalt)}.scoreboard__score{font-weight:800;font-variant-numeric:tabular-nums}.scoreboard__of{color:var(--ink-soft);font-weight:500}.tag{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;background:var(--ink);color:var(--paper);padding:.15rem .4rem;margin-left:.4rem}.tag--warn{background:var(--red)}.player-list .is-ready{border-color:var(--green)}.ready-mark{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft)}.ready-mark--on{color:var(--green)}.ready-button{width:100%;max-width:26rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.05rem;letter-spacing:.08em}.ready-button:disabled{border-style:dashed;box-shadow:none}.guide{width:100%;max-width:26rem;display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:.85rem .75rem;background:var(--paper);border:2px solid var(--rule)}.guide__bar{list-style:none;margin:0;padding:0;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.guide__bar li{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem .2rem;background:var(--paper-deep)}.guide__bar .guide__act{background:var(--red);color:var(--paper)}.guide__count{font-size:.75rem;font-weight:800;letter-spacing:.2em}.guide__what{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.guide__keys{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem .8rem;font-size:.75rem;font-weight:700}.guide__keys li{display:flex;align-items:center;gap:.3rem}.hud,.readout,.verdict,.dpad{transition:opacity .42s ease,transform .16s ease}.screen--game[data-phase=act] .hud,.screen--game[data-phase=act] .readout,.screen--game[data-phase=act] .verdict,.screen--game[data-phase=act] .dpad{transition:opacity .12s ease,transform .16s ease}.screen--game[data-phase=act] .hud,.screen--game[data-phase=act] .readout{opacity:.25}.screen--game[data-phase=act] .verdict{opacity:.3}.screen--game[data-phase=count-in] .verdict{opacity:0}.screen--game[data-phase=resolve] .verdict{transform:scale(1.14)}.dpad{opacity:.9}.screen--game[data-phase=act] .dpad{opacity:1}.hud{width:100%;display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.78rem;font-weight:600;color:var(--ink-soft)}.hud__scores{display:flex;gap:.9rem}.chip{display:inline-flex;align-items:baseline;gap:.3rem;font-variant-numeric:tabular-nums}.chip b{color:var(--ink);font-weight:800}.chip--self,.chip--self b{color:var(--cobalt)}.rail{width:100%;display:flex;flex-direction:column;align-items:center;gap:.3rem}.rail__slots,.rail__track{width:100%;display:grid;grid-template-columns:repeat(var(--bar-slots, 4),1fr);gap:.5rem}.rail__slot{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:.15rem;padding:.45rem .3rem .5rem;background:var(--paper-deep);overflow:hidden}.rail__slot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--ink);opacity:0}.rail__slot[data-current="1"]:before{opacity:calc(var(--beat-flash) * .92)}.rail__slot--action:before{background:var(--red)}.rail__slot[data-lit="1"]{color:var(--paper)}.rail__count{font-size:1rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.rail__label{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-soft)}.rail__slot[data-lit="1"] .rail__label{color:inherit}.rail__window{height:8px;background:var(--paper-deep);border-bottom:2px solid var(--rule);transition:background-color 60ms linear}.screen--game[data-phase=act] .rail__window{background:var(--green);border-bottom-color:var(--green)}.rail__mark{position:absolute;top:.15rem;right:.2rem;padding:.05rem .25rem;font-size:.65rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--paper);animation:mark-fade .9s ease-out forwards}.rail__mark--tight{background:var(--green)}.rail__mark--ok{background:var(--cobalt)}.rail__mark--loose{background:var(--ink-soft)}@keyframes mark-fade{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.rail__countin{margin:0;min-height:1.3em;font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:var(--red)}.verdict{margin:0;min-height:2.4rem;display:flex;align-items:center;justify-content:center;font-size:clamp(1.05rem,4.5vw,1.4rem);font-weight:800;line-height:1.05;letter-spacing:-.01em;text-align:center}.verdict--bad{color:var(--red)}.verdict--good{color:var(--green)}.verdict--neutral{color:var(--ink-soft)}.dpad{width:100%;flex:1 1 auto;min-height:15rem;max-height:34rem;display:grid;grid-template-columns:1fr 1.1fr 1fr;grid-template-rows:1fr 1.15fr 1fr;grid-template-areas:".    up    ." "left you   right" ".    down  .";gap:.5rem}.zone--up{grid-area:up}.zone--down{grid-area:down}.zone--left{grid-area:left}.zone--right{grid-area:right}.you{grid-area:you;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.6rem .4rem;background:var(--cobalt);color:var(--paper);border:var(--edge);overflow:hidden}.you--dead{background:var(--paper-deep);color:var(--ink-soft)}.you__pulse{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--paper);opacity:calc(var(--beat-flash) * .18)}.screen--game[data-beat=act] .you__pulse{background:var(--red);opacity:calc(var(--beat-flash) * .95)}.you__label{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.2em}.you__out{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;text-align:center}.zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.6rem .5rem;min-height:5.5rem;background:var(--paper);text-align:center}.zone--reload{background:var(--yellow)}.zone--protect{background:var(--ink);color:var(--paper)}.zone--enemy{background:var(--paper-deep)}.zone__arrow{font-size:1.5rem;font-weight:800;line-height:1}@media(hover:hover)and (pointer:fine){.zone__arrow{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;border:2px solid currentColor;box-shadow:2px 2px 0 currentColor;font-size:1.15rem}}.zone__title{font-size:1.05rem;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1;overflow-wrap:anywhere}.zone__note{min-height:.9rem;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;opacity:.7}.zone__note--warn{color:var(--red);opacity:1}.zone--protect .zone__note--warn,.zone--enemy .zone__note--warn{color:inherit;opacity:1}.zone--unavailable{opacity:.5}.zone--dead{background:var(--paper-deep);color:var(--ink-soft);box-shadow:none;text-decoration:line-through}.zone--armed{box-shadow:var(--lift),inset 0 0 0 5px currentColor}.zone--empty{border:3px dashed var(--rule);box-shadow:none;color:var(--ink-soft);align-items:center;justify-content:center}.pips{display:inline-flex;align-items:center;gap:.25rem}.pip{width:.7rem;height:.7rem;border:2px solid currentColor}.pip--full{background:currentColor}.pips--big .pip{width:1.15rem;height:1.15rem}.pips--threat .pip--full{background:var(--red);border-color:var(--red)}.pips--miss{gap:.18rem}.strike{width:.9rem;height:.34rem;border:2px solid currentColor;opacity:.4}.strike--spent{background:var(--red);border-color:var(--red);opacity:1}.readout{width:100%;padding:.25rem .5rem;font-size:.68rem;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;color:var(--ink-soft);opacity:.65}.readout--alert{opacity:1}.readout--ok{color:var(--green)}.readout--bad{color:var(--red)}@media(max-width:26rem){.screen--game{gap:.5rem}.zone{min-height:4.5rem;gap:.2rem}.zone__title{font-size:.9rem}.zone__arrow{font-size:1.2rem}.pips--big .pip{width:.9rem;height:.9rem}.dpad{min-height:13rem}}@media(prefers-reduced-motion:reduce){button:active:not(:disabled){transform:none}.rail__mark{animation:none}.hud,.readout,.verdict,.dpad{transition:none}.screen--game[data-phase=resolve] .verdict{transform:none}}