@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/baloo-2-latin-500-normal-CmLZ27r7.woff2)format("woff2"),url(/assets/baloo-2-latin-500-normal-BSdEhq8m.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-700-normal-CqTg7A15.woff2)format("woff2"),url(/assets/baloo-2-latin-700-normal-Ld3Zm3l2.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-800-normal-BbF3Etk1.woff2)format("woff2"),url(/assets/baloo-2-latin-800-normal-B8BXfZF7.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:500;src:url(/assets/baloo-2-latin-ext-500-normal-Ba7mhTsk.woff2)format("woff2"),url(/assets/baloo-2-latin-ext-500-normal-D1XZow3C.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:700;src:url(/assets/baloo-2-latin-ext-700-normal-Mlh7kdab.woff2)format("woff2"),url(/assets/baloo-2-latin-ext-700-normal-D6LeXASg.woff)format("woff")}@font-face{font-family:"Baloo 2";font-style:normal;font-display:swap;font-weight:800;src:url(/assets/baloo-2-latin-ext-800-normal-C_Iwmf1s.woff2)format("woff2"),url(/assets/baloo-2-latin-ext-800-normal-D-iCxxqE.woff)format("woff")}:root{--ink:#241a2e;--ink-soft:#241a2edb;--cream:#fff4dc;--muted:#bdaec4;--coral:#ff7a4d;--teal:#35c9b4;--sun:#ffd23f;--rose:#ff4d6d;--sky:#4fb7f2;--leaf:#7dffa8;--u:clamp(11px, 1.45vmin + 4px, 17px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{height:100%;color:var(--cream);font-family:"Baloo 2",system-ui,sans-serif;font-size:var(--u);-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:none;background:#1c1430;margin:0;font-weight:500;line-height:1.2;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline:.2em solid var(--sun);outline-offset:.1em}#game{position:fixed;inset:0}#game canvas{display:block}#hud{pointer-events:none;padding:calc(env(safe-area-inset-top) + .6em) calc(env(safe-area-inset-right) + .8em) calc(env(safe-area-inset-bottom) + .6em) calc(env(safe-area-inset-left) + .8em);position:fixed;inset:0}kbd{font:inherit;background:var(--cream);color:var(--ink);border-radius:.4em;padding:.18em .42em;font-size:.72em;font-weight:700;line-height:1}.panel{background:var(--ink-soft);border:.17em solid var(--ink);border-radius:1.1em;box-shadow:0 .24em #00000047}.top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:.8em;display:grid}.card{background:var(--ink-soft);border:.17em solid var(--ink);border-radius:1.1em;align-items:center;gap:.6em;width:min(100%,19em);padding:.4em .7em .4em .4em;transition:box-shadow .2s,transform .2s;display:flex;box-shadow:0 .24em #00000047}.card.active{box-shadow:0 0 0 .17em var(--sun), 0 .24em 0 .17em #00000047}.cards{justify-items:start;gap:.35em;display:grid}.card-1{font-size:.82em}.corners{pointer-events:auto;gap:.4em;display:flex}.avatar{border:.17em solid var(--ink);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:50%;flex:none;width:3em;height:3em}.card-0 .avatar{background-color:var(--coral)}.card-1 .avatar{background-color:var(--teal)}.card-body{flex:1;min-width:0}.card-name{margin-bottom:.14em;font-size:1.05em;font-weight:800;line-height:1.1}.bar{background:#120c18;border-radius:.5em;position:relative;overflow:hidden}.bar i{height:100%;transition:width .26s ease-out;display:block}.hp{height:1.05em}.card-0 .hp i{background:linear-gradient(#ffa37e, var(--coral) 55%, #e4532f)}.card-1 .hp i{background:linear-gradient(#7ff0dc, var(--teal) 55%, #1fa391)}.hp b{text-shadow:0 .08em 0 var(--ink), 0 -.08em 0 var(--ink), .08em 0 0 var(--ink), -.08em 0 0 var(--ink);place-items:center;font-size:.8em;font-weight:800;display:grid;position:absolute;inset:0}.rage{height:.5em;margin-top:.2em}.rage i{background:var(--rose)}.rage.full i{background:var(--sun);animation:.8s infinite alternate pulse}.center{justify-items:center;gap:.4em;display:grid}.status{grid-template-columns:1fr auto 1fr;align-items:center;gap:.5em;width:22em;display:grid}.wind{background:var(--ink-soft);border:.17em solid var(--ink);white-space:nowrap;border-radius:2em;justify-self:end;align-items:center;gap:.3em;padding:.18em .6em;display:flex}.wind-label{color:var(--muted);font-size:.8em}.arrow{color:var(--sky);font-size:1.1em;transition:transform .3s;display:inline-block}.wind b{text-align:right;min-width:1.5em;font-weight:800}.clock{background:var(--cream);width:2.7em;height:2.7em;color:var(--ink);border:.2em solid var(--ink);border-radius:50%;place-items:center;font-size:1.25em;font-weight:800;display:grid}.clock.urgent{background:var(--rose);color:#fff;animation:.5s infinite alternate pulse}.turn-box{text-shadow:0 .09em 0 var(--ink), 0 0 .3em var(--ink);font-size:.9em;line-height:1.1;display:grid}.turn-box b{font-weight:800}.turn-box span{font-size:.85em}.map-box{pointer-events:auto;justify-self:end;position:relative}.map-box canvas{border:.17em solid var(--ink);cursor:grab;touch-action:none;background:#241a2e9e;border-radius:.8em;width:16.5em;height:auto;display:block}.distance{text-shadow:0 .09em 0 var(--ink);font-size:.8em;position:absolute;top:.3em;left:.6em}.distance b{color:var(--sun);font-weight:800}.dock{left:calc(env(safe-area-inset-left) + .8em);right:calc(env(safe-area-inset-right) + .8em);bottom:calc(env(safe-area-inset-bottom) + .6em);grid-template-columns:auto minmax(10em,1fr) auto;align-items:end;gap:.6em;transition:opacity .2s;display:grid;position:absolute}#hud.idle .dock,#hud.idle .items,#hud.idle .skip{opacity:.6}#hud.idle .items,#hud.idle .skip,#hud.idle .special{pointer-events:none}.dial-box{border-radius:50%;width:7.2em;height:7.2em;padding:.3em;position:relative}.dial{width:100%;height:100%;transition:transform .15s;display:block;overflow:visible}.dial-track{fill:none;stroke:#fff4dc4d;stroke-width:3px}.dial-ticks line{stroke:#fff4dc99;stroke-width:2px}.needle{stroke:var(--sun);stroke-width:5px;stroke-linecap:round}.ghost-needle{stroke:#fff9;stroke-width:3px;stroke-linecap:round}.angle{pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.angle b{text-shadow:0 .06em 0 var(--ink);font-size:1.9em;font-weight:800}.force{grid-template-columns:auto 1fr 2.3em;align-items:start;gap:.6em;padding:.4em .8em .25em;display:grid}.meter-label{color:var(--muted);font-size:.85em}.force .meter-label{line-height:1.9}.meter-value{text-align:right;font-size:1.15em;font-weight:800}.power{border:.14em solid var(--cream);background:#120c18;border-radius:.6em;height:1.7em;position:relative;overflow:hidden}.power i{background:linear-gradient(90deg, #5fe08a, var(--sun) 55%, #ff8a4d 80%, var(--rose));background-size:100vw 100%;position:absolute;inset:0 auto 0 0}.power .ticks{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 2px),#ffffff47 calc(10% - 2px) 10%);position:absolute;inset:0}.power u{width:.26em;box-shadow:0 0 0 .09em var(--ink);background:#fff;margin-left:-.13em;position:absolute;top:-.1em;bottom:-.1em}.scale{text-align:right;color:var(--muted);grid-template-columns:repeat(10,1fr);margin-top:.1em;font-size:.72em;display:grid}.reserve{align-items:center;gap:.6em;padding:.35em .45em .35em .8em;display:flex}.energy-box{width:11em}.energy-head{justify-content:space-between;align-items:baseline;display:flex}.energy{background:#120c18;border-radius:.4em;height:.8em;margin-top:.15em;overflow:hidden}.energy i{background:var(--sky);height:100%;transition:width .12s;display:block}.special{opacity:.45;pointer-events:auto;background:#3b2f49;border-radius:50%;place-items:center;width:4.2em;height:4.2em;font-weight:800;display:grid;position:relative;box-shadow:inset 0 -.2em #0000004d}.special kbd{position:absolute;bottom:-.1em;right:-.1em}.special.ready{opacity:1;background:var(--rose);animation:.7s infinite alternate pulse}.special.armed{opacity:1;background:var(--sun);color:var(--ink);box-shadow:0 0 0 .14em #fff, 0 0 .9em var(--sun);animation:none}.skip{background:var(--ink-soft);border:.17em solid var(--ink);pointer-events:auto;border-radius:2em;align-items:center;gap:.4em;padding:.05em .8em;font-weight:800;display:flex}.items{top:calc(env(safe-area-inset-top) + 10.9em);right:calc(env(safe-area-inset-right) + .8em);pointer-events:auto;gap:.3em;padding:.3em;display:grid;position:absolute}.item{background:#3b2f49;border-radius:.8em;align-content:center;justify-items:center;width:4.1em;height:4.4em;transition:transform 80ms,background .12s;display:grid;position:relative;box-shadow:inset 0 -.2em #0000004d}.item:hover{background:#4c3e5d}.item:active{transform:translateY(.1em)}.item svg{width:1.6em;height:1.6em;fill:var(--sun);stroke:var(--ink);stroke-width:1.4px}.item-name{font-size:.74em;font-weight:700}.item-cost{color:var(--sky);font-size:.68em;font-weight:700}.item kbd{position:absolute;top:.15em;right:.15em}.item.armed{background:var(--sun);color:var(--ink);box-shadow:0 0 0 .14em #fff, 0 0 .9em var(--sun)}.item.armed svg{fill:var(--rose)}.item.armed .item-cost{color:var(--ink)}.item.off{opacity:.42}.tip{z-index:2;text-align:left;background:var(--ink);width:15em;color:var(--cream);border-radius:.7em;padding:.5em .7em;font-size:.85em;display:none;position:absolute;top:0;right:calc(100% + .6em)}.tip b{font-weight:800;display:block}.tip em{color:var(--sky);margin-top:.2em;font-style:normal;display:block}@media (hover:hover){.item:hover .tip{display:block}}.banner{white-space:nowrap;opacity:0;color:var(--cream);-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;pointer-events:none;font-size:3em;font-weight:800;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)scale(.6)}.banner.show{animation:1.1s ease-out both banner}.banner.mine{color:var(--sun)}.banner.theirs{color:var(--teal)}.toast{background:var(--ink);white-space:nowrap;opacity:0;border-radius:2em;padding:.3em .9em;font-weight:700;transition:opacity .18s;position:absolute;bottom:7.8em;left:50%;transform:translate(-50%)}.toast.show{opacity:1}.hint{background:var(--sun);color:var(--ink);white-space:nowrap;opacity:0;border-radius:2em;padding:.25em .9em;font-weight:700;transition:opacity .25s;position:absolute;bottom:5.4em;left:50%;transform:translate(-50%)}.hint.show{opacity:1}.corner{background:var(--ink-soft);border:.15em solid var(--ink);border-radius:50%;width:2.1em;height:2.1em;font-weight:800}.corner.off{opacity:.45;text-decoration:line-through}.pad,.fire-button{display:none}@media (pointer:coarse){.pad{left:calc(env(safe-area-inset-left) + 1em);pointer-events:auto;justify-items:center;gap:.25em;display:grid;position:absolute;bottom:8.4em}.pad div{gap:2.9em;display:flex}.pad button{background:var(--ink-soft);border:.15em solid var(--ink);touch-action:none;border-radius:.9em;width:3.3em;height:3.3em;font-size:1.05em}.fire-button{right:calc(env(safe-area-inset-right) + 6em);background:var(--rose);border:.2em solid var(--ink);pointer-events:auto;touch-action:none;border-radius:50%;width:6.6em;height:6.6em;font-size:1.05em;font-weight:800;display:block;position:absolute;bottom:7.4em;box-shadow:0 .3em #0000004d}kbd{display:none}}#menu,.result{touch-action:pan-y;pointer-events:auto;background:radial-gradient(#1c143073,#1c1430e0);place-items:center;display:grid;position:fixed;inset:0;overflow:auto}.menu-box,.result-box{text-align:center;justify-items:center;gap:.8em;width:min(92vw,34em);padding:1em;display:grid}h1{color:var(--coral);-webkit-text-stroke:.16em var(--ink);paint-order:stroke fill;filter:drop-shadow(0 .06em #0006);margin:0;font-size:6.4em;font-weight:800;line-height:.9;transform:rotate(-3deg)}h1 span{color:var(--sun)}.tagline{text-shadow:0 .08em 0 var(--ink);margin:0;font-size:1.15em}.menu-view{display:contents}.notice{background:var(--ink);border-radius:2em;margin:0;padding:.3em .9em;font-weight:700}.invite-link{width:100%;font:inherit;color:inherit;text-align:center;background:var(--ink-soft);border:.14em solid var(--ink);border-radius:.8em;padding:.5em .7em}.choices{grid-template-columns:repeat(3,1fr);gap:.5em;width:100%;display:grid}.choice{background:var(--ink-soft);border:.17em solid var(--ink);border-radius:1em;gap:.05em;padding:.5em .3em;display:grid}.choice b{font-size:1.2em;font-weight:800}.choice span{color:var(--muted);font-size:.82em}.choice.active{background:var(--sun);color:var(--ink);box-shadow:0 0 0 .14em #fff}.choice.active span{color:var(--ink)}.primary,.secondary{border:.14em solid var(--ink);border-radius:.8em;padding:.25em 1.6em .32em;font-size:1.6em;font-weight:800;transition:transform 80ms}.primary{background:var(--coral);box-shadow:0 .16em #a83a20}.secondary{background:#4c3e5d;font-size:1.2em;box-shadow:0 .16em #2a2134}.primary:hover,.secondary:hover{transform:translateY(-.05em)}.primary:active,.secondary:active{transform:translateY(.1em)}.howto{text-align:left;background:var(--ink-soft);border:.17em solid var(--ink);border-radius:1em;width:100%;padding:.4em .9em}.howto summary{cursor:pointer;font-weight:700}.howto ul{gap:.25em;margin:.4em 0 .2em;padding-left:1.1em;display:grid}.result h2{color:var(--rose);-webkit-text-stroke:.14em var(--ink);paint-order:stroke fill;margin:0;font-size:4.4em;font-weight:800;line-height:1}.result.win h2{color:var(--sun)}.result p{text-shadow:0 .08em 0 var(--ink);margin:0;font-size:1.15em}.result dl{grid-template-columns:repeat(auto-fit,minmax(6.4em,1fr));gap:.4em;width:100%;margin:.3em 0;display:grid}.result dl div{background:var(--ink-soft);border:.15em solid var(--ink);border-radius:.8em;padding:.35em .2em}.result dt{color:var(--muted);font-size:.8em}.result dd{margin:0;font-size:1.3em;font-weight:800}.result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.7em;display:flex}@keyframes pulse{to{filter:brightness(1.35)}}@keyframes banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)}28%{transform:translate(-50%,-50%)scale(1)}78%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}@media (prefers-reduced-motion:reduce){.banner.show,.clock.urgent,.special.ready,.rage.full i{animation-duration:.01ms;animation-iteration-count:1}}@media (max-width:760px),(max-height:460px){.card{width:13em}.avatar,.wind-label,.item-name,.scale,.force .meter-label{display:none}.force{grid-template-columns:1fr 2.3em}.status{width:15em}.map-box canvas{width:11em}.items{top:calc(env(safe-area-inset-top) + 7.2em)}.item{width:3.2em;height:2.9em}.item svg{width:1.3em;height:1.3em}.dial-box{width:5.6em;height:5.6em}.energy-box{width:7em}.special{width:3.4em;height:3.4em}}