@font-face{font-family:Orbitron;font-weight:500;font-display:swap;src:url(/arrow-game/assets/orbitron-latin-500-normal-DQ2gt4P1.woff2)format("woff2")}@font-face{font-family:Orbitron;font-weight:700;font-display:swap;src:url(/arrow-game/assets/orbitron-latin-700-normal-4jsRXGGJ.woff2)format("woff2")}@font-face{font-family:Share Tech Mono;font-weight:400;font-display:swap;src:url(/arrow-game/assets/share-tech-mono-latin-400-normal-CCqdbj5z.woff2)format("woff2")}:root{--a:#ff2e97;--b:#ffb02e;--g:#37f0c8;--x:#ff4d4d;--bg:#12041f;--panel:#1d0833;--card:#26104a;--text:#ffe9f7;--muted:#b58bd6;--display:Orbitron, ui-monospace, Consolas, monospace;--body:"Share Tech Mono", ui-monospace, Consolas, monospace}html,body{touch-action:none;background:#0d0415;height:100%;margin:0;overflow:hidden}[hidden]{display:none!important}#stage{--u:calc(min(100vw, 150vh) / 900);--under-hud:max(calc(var(--u) * 52), calc(var(--u) * 32 + 20px));color:var(--text);font-family:var(--body);font-size:calc(var(--u) * 14);position:absolute;inset:0}#view{--ar:1;width:max(100vw, calc(100vh * var(--ar)));aspect-ratio:var(--ar);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#view.fit{width:min(100vw, calc(100vh * var(--ar)));overflow:hidden}#view.fit canvas{width:calc(100% * var(--sx));height:calc(100% * var(--sy));inset:0 auto auto 0}#view canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#vignette{pointer-events:none;opacity:0;background:radial-gradient(#f8514900 40%,#f85149d9 100%);position:absolute;inset:0}#ui{pointer-events:none;position:absolute;inset:0}#ui button,#ui .overlay{pointer-events:auto}#ui [inert]{pointer-events:none}.glow-a{box-shadow:0 0 calc(var(--u) * 14) #ff2e9777, inset 0 0 calc(var(--u) * 7) #ff2e9722}.panel{background:color-mix(in srgb, var(--panel) 93%, transparent);border:calc(var(--u) * 2) solid var(--a);border-radius:calc(var(--u) * 8);box-shadow:0 0 calc(var(--u) * 10) #ff2e9777, inset 0 0 calc(var(--u) * 5) #ff2e9722}.display{font-family:var(--display);text-transform:uppercase;letter-spacing:calc(var(--u) * 2)}.mu{color:var(--muted)}.glow-text{text-shadow:0 0 calc(var(--u) * 8) currentColor, 0 0 calc(var(--u) * 18) color-mix(in srgb, currentColor 50%, transparent)}svg{vertical-align:-.2em;width:1.25em;height:1.25em}.btn{font:700 calc(var(--u) * 13) var(--display);letter-spacing:calc(var(--u) * 2);text-transform:uppercase;width:100%;padding:calc(var(--u) * 10) 0;color:var(--c,var(--a));border:calc(var(--u) * 2) solid var(--c,var(--a));border-radius:calc(var(--u) * 8);box-shadow:0 0 calc(var(--u) * 8) color-mix(in srgb, var(--c,var(--a)) 50%, transparent);cursor:pointer;background:0 0}.btn.primary{background:var(--c,var(--a));color:var(--bg);box-shadow:0 0 calc(var(--u) * 16) color-mix(in srgb, var(--c,var(--a)) 55%, transparent)}.btn:hover,.btn:focus-visible{box-shadow:0 0 calc(var(--u) * 22) var(--c,var(--a));outline:none}.btn.b{--c:var(--b)}.btn.g{--c:var(--g)}.btn:disabled{opacity:.5;cursor:default;box-shadow:none}.overlay{background:color-mix(in srgb, var(--bg) 80%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay .panel{width:calc(var(--u) * 290);padding:calc(var(--u) * 20) calc(var(--u) * 16);gap:calc(var(--u) * 10);text-align:center;flex-direction:column;align-items:center;display:flex}.overlay h1,.overlay h2{font:700 calc(var(--u) * 24) var(--display);letter-spacing:calc(var(--u) * 3);text-transform:uppercase;margin:0}.stat{justify-content:space-between;width:100%;display:flex}.stat span:first-child{color:var(--muted)}.hud-top{white-space:nowrap;left:calc(var(--u) * 8);right:calc(var(--u) * 8);top:calc(var(--u) * 8);align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 6) calc(var(--u) * 10);font:500 calc(var(--u) * 12) var(--display);letter-spacing:calc(var(--u) * 1);text-transform:uppercase;display:flex;position:absolute}.hud-top .ic{color:var(--x)}.bar{width:calc(var(--u) * 80);height:calc(var(--u) * 9);background:var(--card);border-radius:calc(var(--u) * 4);border:1px solid;overflow:hidden}.bar i{height:100%;box-shadow:0 0 calc(var(--u) * 8) currentColor;background:currentColor;display:block}.bar.hp{color:var(--x)}.bar.xp{color:var(--g)}.hp-w{position:relative}.hp-d{color:var(--x);opacity:0;pointer-events:none;position:absolute;top:100%;left:0}.hp-d.on{animation:.9s ease-out hp-d}@keyframes hp-d{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(var(--u) * 8))}}@media (prefers-reduced-motion:reduce){.hp-d.on{animation-name:hp-d-still}}@keyframes hp-d-still{0%{opacity:1}to{opacity:0}}.spacer{flex:1}.time{color:var(--b)}#ui [data-kind=arena] .rooms-only,#ui [data-kind=rooms] .arena-only{display:none}.pause-btn{pointer-events:auto;border:1px solid var(--muted);border-radius:calc(var(--u) * 6);color:var(--text);padding:calc(var(--u) * 3) calc(var(--u) * 6);cursor:pointer;background:0 0}.pause-btn:hover,.pause-btn:focus-visible{border-color:var(--a);outline:none}.skills{left:calc(var(--u) * 8);right:calc(var(--u) * 120);bottom:calc(var(--u) * 8);gap:calc(var(--u) * 5);flex-wrap:wrap;display:flex;position:absolute}.skill{background:color-mix(in srgb, var(--panel) 93%, transparent);border:1px solid var(--b);border-radius:calc(var(--u) * 6);padding:calc(var(--u) * 3) calc(var(--u) * 6);color:var(--b);text-shadow:0 0 calc(var(--u) * 8) var(--b)}.skill.lit{border-color:var(--a);box-shadow:0 0 calc(var(--u) * 10) var(--a);color:var(--a)}.skill.dim{opacity:.35}.sound-hint{right:calc(var(--u) * 8);bottom:calc(var(--u) * 8);color:var(--muted);position:absolute}.foes{left:50%;top:var(--under-hud);color:var(--g);position:absolute;transform:translate(-50%)}.banner{padding:calc(var(--u) * 12) 0;text-align:center;background:color-mix(in srgb, var(--x) 14%, transparent);border-top:calc(var(--u) * 2) solid var(--x);border-bottom:calc(var(--u) * 2) solid var(--x);box-shadow:0 0 calc(var(--u) * 16) #ff4d4d77;color:var(--x);opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;top:38%;left:0;right:0}.banner.on{opacity:1;animation:.6s ease-in-out infinite alternate pulse}.banner b{font:700 calc(var(--u) * 20) var(--display);letter-spacing:calc(var(--u) * 6);text-transform:uppercase;display:block}.banner span{color:var(--text)}@keyframes pulse{to{box-shadow:0 0 calc(var(--u) * 28) #ff4d4dcc}}@media (prefers-reduced-motion:reduce){.banner.on{animation:none}}.picker{gap:calc(var(--u) * 12);flex-direction:column}.picker h2{color:var(--g)}.cards{grid-template-columns:repeat(3, calc(var(--u) * 150));gap:calc(var(--u) * 12);display:grid}.card{font:inherit;color:var(--text);background:var(--card);border:calc(var(--u) * 2) solid var(--b);border-radius:calc(var(--u) * 8);box-shadow:0 0 calc(var(--u) * 10) #ffb02e66;padding:calc(var(--u) * 14) calc(var(--u) * 8);gap:calc(var(--u) * 6);text-align:center;cursor:pointer;flex-direction:column;align-items:center;display:flex}.card:hover,.card:focus-visible{border-color:var(--a);box-shadow:0 0 calc(var(--u) * 22) #ff2e97bb, inset 0 0 calc(var(--u) * 8) #ff2e9733;outline:none}.card .key{color:var(--muted)}.card svg{width:calc(var(--u) * 30);height:calc(var(--u) * 30);color:var(--b);filter:drop-shadow(0 0 calc(var(--u) * 6) currentColor)}.card:hover svg,.card:focus-visible svg{color:var(--a)}.card .name{font:700 calc(var(--u) * 12) var(--display);letter-spacing:calc(var(--u) * 1);text-transform:uppercase}.card .tag{color:var(--a);font-size:calc(var(--u) * 11);letter-spacing:calc(var(--u) * 1);text-transform:uppercase}.card .desc{color:var(--muted);font-size:calc(var(--u) * 12)}.tip{color:var(--muted)}.over-title{color:var(--x)}.new-best{color:var(--g)}.version{font-size:calc(var(--u) * 9);opacity:.6}.title-name{color:var(--a);font-size:calc(var(--u) * 26)!important}.watchbar{left:50%;bottom:calc(var(--u) * 42);align-items:center;gap:calc(var(--u) * 10);padding:calc(var(--u) * 6) calc(var(--u) * 10);font:500 calc(var(--u) * 12) var(--display);letter-spacing:calc(var(--u) * 1);text-transform:uppercase;pointer-events:auto;white-space:nowrap;display:flex;position:absolute;transform:translate(-50%)}.watchbar .btn{width:auto;padding:calc(var(--u) * 5) calc(var(--u) * 10)}#ui [data-watch=true] .pause-btn,#ui [data-watch=true] .sound-hint{display:none}.ghost-line{right:calc(var(--u) * 8);top:var(--under-hud);font:500 calc(var(--u) * 12) var(--display);letter-spacing:calc(var(--u) * 1);text-transform:uppercase;color:var(--g);text-shadow:0 0 calc(var(--u) * 8) currentColor;position:absolute}.ghost-line[data-ahead=false]{color:var(--b)}.overlay .panel.wide{width:calc(var(--u) * 430)}.row{gap:calc(var(--u) * 8);width:100%;display:flex}.row .btn{flex:1}.field{min-width:0;font:500 calc(var(--u) * 13) var(--body);color:var(--text);background:var(--card);border:calc(var(--u) * 2) solid var(--muted);border-radius:calc(var(--u) * 8);padding:calc(var(--u) * 8) calc(var(--u) * 10);flex:3}.field:focus{border-color:var(--a);box-shadow:0 0 calc(var(--u) * 12) #ff2e9777;outline:none}.list{width:100%;max-height:calc(var(--u) * 170);scrollbar-color:var(--muted) transparent;gap:calc(var(--u) * 6);flex-direction:column;display:flex;overflow-y:auto}.entry{align-items:center;gap:calc(var(--u) * 6);background:var(--card);border-radius:calc(var(--u) * 6);padding:calc(var(--u) * 6) calc(var(--u) * 8);text-align:left;display:flex}.entry .info{flex:1;min-width:0}.entry .info b{font:700 calc(var(--u) * 12) var(--display);text-transform:uppercase;display:block}.entry .info span{color:var(--muted)}.entry.stale{opacity:.55}.entry .btn{width:auto;padding:calc(var(--u) * 4) calc(var(--u) * 8);font-size:calc(var(--u) * 11)}.status{min-height:1.2em;color:var(--b)}@media (orientation:portrait){#stage{--u:min(calc(100vw / 330), calc(100vh / 620))}.bar{width:calc(var(--u) * 30);flex:none}.hud-top{gap:calc(var(--u) * 6)}.cards{grid-template-columns:calc(var(--u) * 290)}.overlay .panel.wide{width:calc(var(--u) * 310)}}.overlay.backdrop{background:color-mix(in srgb, var(--bg) 58%, transparent)}.title-name{animation:4s ease-in-out infinite title-glow;position:relative}.title-name:after{content:attr(data-text);color:#0000;text-shadow:none;background:linear-gradient(100deg,#0000 40%,#fffc 50%,#0000 60%) 120% 0/250% 100% no-repeat;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out 1s infinite title-sweep;position:absolute;inset:0}.title-panel>*{animation:.45s ease-out backwards rise}.title-panel>:nth-child(2){animation-delay:80ms}.title-panel>:nth-child(3){animation-delay:.16s}.title-panel>:nth-child(4){animation-delay:.22s}.title-panel>:nth-child(5){animation-delay:.28s}.title-panel>:nth-child(6){animation-delay:.34s}.title-panel>:nth-child(7){animation-delay:.4s}.title-panel>:nth-child(8){animation-delay:.46s}@keyframes rise{0%{opacity:0;transform:translateY(calc(var(--u) * 8))}}@keyframes title-glow{50%{text-shadow:0 0 calc(var(--u) * 12) currentColor, 0 0 calc(var(--u) * 30) currentColor}}@keyframes title-sweep{0%,55%{background-position:120% 0}85%,to{background-position:-20% 0}}@media (prefers-reduced-motion:reduce){.title-name,.title-name:after,.title-panel>*{animation:none}}.title-panel{position:relative}.title-menu{gap:calc(var(--u) * 10);flex-direction:column;width:100%;display:flex}.scrim{background:color-mix(in srgb, var(--bg) 80%, transparent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.scrim[hidden]{display:none}.overlay .help-box{width:calc(var(--u) * 250);gap:calc(var(--u) * 10);flex-direction:column;animation:.25s ease-out backwards rise;display:flex}.menu-btn{padding:calc(var(--u) * 10) calc(var(--u) * 12);text-align:left;justify-content:space-between;align-items:center;display:flex}.badge{font-size:calc(var(--u) * 10);letter-spacing:calc(var(--u) * 1);padding:calc(var(--u) * 2) calc(var(--u) * 8);background:color-mix(in srgb, currentColor 16%, transparent);white-space:nowrap;border-radius:99px}.badge.none{opacity:.55}.help-btn{top:calc(var(--u) * 8);right:calc(var(--u) * 8);width:auto;min-width:44px;min-height:44px;padding:0;position:absolute}.help-row{align-self:stretch;gap:calc(var(--u) * 10);text-align:left;font-size:calc(var(--u) * 12);color:var(--muted);display:flex}.help-row b{flex:0 0 calc(var(--u) * 58);color:var(--a);font-family:var(--display);letter-spacing:calc(var(--u) * 1);text-transform:uppercase}.title-menu>*{animation:.45s ease-out backwards rise}.title-menu>:nth-child(2){animation-delay:.1s}.title-menu>:nth-child(3){animation-delay:.2s}@media (prefers-reduced-motion:reduce){.title-menu>*{animation:none}}.btn{transition:box-shadow .18s,background-color .18s,color .18s}.pause-btn{transition:border-color .15s}.card{transition:border-color .18s,box-shadow .18s}.card svg{transition:color .18s}.field{transition:border-color .18s,box-shadow .18s}.bar i{transition:width .15s ease-out}@keyframes fade{0%{opacity:0}}.overlay,.scrim{animation:.2s ease-out backwards fade}@media (prefers-reduced-motion:reduce){.btn,.pause-btn,.card,.card svg,.field,.bar i{transition:none}.overlay,.scrim{animation:none}}@keyframes fade-out{to{opacity:0}}.overlay.leaving,.scrim.leaving{pointer-events:none;animation:.15s ease-in forwards fade-out}