@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-vietnamese-400-normal-B6gKbkHm.woff2)format("woff2"),url(/assets/bungee-vietnamese-400-normal-CmjDSWyd.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-ext-400-normal-DWzJMwsA.woff2)format("woff2"),url(/assets/bungee-latin-ext-400-normal-DXe9_7Rr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bungee;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bungee-latin-400-normal-Dfnurram.woff2)format("woff2"),url(/assets/bungee-latin-400-normal-DA8IEVW_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik Wet Paint;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-wet-paint-cyrillic-ext-400-normal-DU2_wcLw.woff2)format("woff2"),url(/assets/rubik-wet-paint-cyrillic-ext-400-normal-F_ToM9cT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik Wet Paint;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-wet-paint-cyrillic-400-normal-DvyFTPcI.woff2)format("woff2"),url(/assets/rubik-wet-paint-cyrillic-400-normal-BucWPpID.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Rubik Wet Paint;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-wet-paint-hebrew-400-normal-DdqJH0RI.woff2)format("woff2"),url(/assets/rubik-wet-paint-hebrew-400-normal-IZRK7kW9.woff)format("woff");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Rubik Wet Paint;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-wet-paint-latin-ext-400-normal-BSn2eA4k.woff2)format("woff2"),url(/assets/rubik-wet-paint-latin-ext-400-normal-Qjx50ARI.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Rubik Wet Paint;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rubik-wet-paint-latin-400-normal-CDw6iNc4.woff2)format("woff2"),url(/assets/rubik-wet-paint-latin-400-normal-DKUJ_oVb.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#14081c;--panel:#2a0e5a;--panel-hi:#58168a;--gold:#ffd23a;--gold-hi:#fff27a;--hot:#ff4f86;--cyan:#5ff5e0;--text:#fff4e0;--dim:#c9b8ff;--team:#ff8a3a;--px:3px;--display:"Rubik Wet Paint", "Bungee", sans-serif;--small:"Bungee", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;color:var(--text);font-family:var(--display);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;background:#12082e;margin:0;overflow:hidden}#app{-webkit-user-select:none;user-select:none;position:fixed;inset:0}.stage{touch-action:none;cursor:crosshair;width:100%;height:100%;display:block;position:absolute;inset:0}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}.bevel,.team,.mid,.tool,.weapons,.card,.pad{background:var(--panel);border:var(--px) solid var(--ink);box-shadow:inset var(--px) var(--px) 0 var(--panel-hi), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 #170640, 0 var(--px) 0 var(--ink)}.hud{pointer-events:none;position:absolute;inset:0}.hud>*{pointer-events:auto}.hud.attract>*{display:none}.top{top:max(10px, env(safe-area-inset-top));pointer-events:none;grid-template-columns:minmax(0,220px) auto minmax(0,220px);gap:8px;width:min(640px,100vw - 32px);display:grid;position:absolute;left:50%;transform:translate(-50%)}.team{min-width:0;padding:5px 8px 6px}.team.t1{text-align:right}.team .name{font-family:var(--small);letter-spacing:1px;color:var(--team);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.bar{background:var(--ink);border:2px solid var(--ink);height:12px;margin-top:3px;position:relative}.bar .fill{background:linear-gradient(var(--team) 0 50%, var(--team-dark) 50%);height:100%;transition:width .5s steps(12,end)}.t1 .bar .fill{margin-left:auto}.bar .hp{font-family:var(--small);color:var(--text);text-shadow:1px 1px 0 var(--ink);font-size:10px;line-height:14px;position:absolute;inset:-2px 4px 0}.t1 .bar .hp{text-align:left}.t0 .bar .hp{text-align:right}.pips{gap:3px;margin-top:4px;display:flex}.t1 .pips{justify-content:flex-end}.pips i{background:var(--team);width:8px;height:8px;box-shadow:0 0 0 2px var(--ink)}.pips i.dead{background:#3a1458}.mid{align-content:center;justify-items:center;min-width:82px;padding:4px 10px 5px;display:grid}.clock{min-height:28px;color:var(--gold-hi);text-shadow:2px 2px 0 var(--ink), 0 0 0 var(--team);border-bottom:3px solid var(--team);padding:0 6px;font-size:28px;font-weight:700;line-height:28px}.clock.low{color:var(--hot);animation:.5s steps(2,end) infinite throb}.clock.retreat{color:var(--cyan)}.wind{background:var(--ink);width:64px;height:8px;margin-top:5px;position:relative}.wind i{background:var(--text);width:2px;height:12px;position:absolute;top:-2px;left:calc(50% - 1px)}.wind-fill{background:repeating-linear-gradient(90deg, var(--cyan) 0 4px, #2a86c8 4px 6px);height:4px;position:absolute;top:2px}.wind-label{font-family:var(--small);color:var(--cyan);height:11px;margin-top:2px;font-size:9px;line-height:11px}.tools{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));gap:6px;display:flex;position:absolute}.tool{width:38px;height:38px;color:var(--gold-hi);padding:0;font-size:16px;line-height:1}.tool.off{color:#6a4a9a;text-decoration:line-through}.tool:active,.pad.down{transform:translateY(var(--px));box-shadow:inset var(--px) var(--px) 0 #170640}.dock{bottom:max(12px, env(safe-area-inset-bottom));justify-items:center;gap:4px;display:grid;position:absolute;left:50%;transform:translate(-50%)}.weapon-name{font-family:var(--small);letter-spacing:1px;color:var(--gold-hi);text-shadow:2px 2px 0 var(--ink);text-transform:uppercase;font-size:12px}.weapon-hint{font-family:var(--small);letter-spacing:.5px;color:var(--dim);text-shadow:1px 1px 0 var(--ink);margin-top:-3px;font-size:9px}.weapons{gap:4px;padding:5px;display:flex}.weapon{border:2px solid var(--ink);background:#1c0840;place-items:center;width:46px;height:46px;padding:0;display:grid;position:relative}.weapon .icon{width:36px;height:auto}.weapon .key,.weapon .ammo{font-family:var(--small);text-shadow:1px 1px 0 var(--ink);font-size:9px;line-height:1;position:absolute}.weapon .key{color:var(--dim);top:2px;left:3px}.weapon .ammo{color:var(--gold-hi);bottom:2px;right:3px}.weapon.on{background:var(--team);box-shadow:inset 0 0 0 2px var(--gold-hi)}.weapon.on .key{color:var(--ink);text-shadow:none}.weapon:disabled{cursor:default;opacity:.4}.weapon.on:disabled{opacity:.75}.hud.their-turn .dock{opacity:.55}.banner,.announce{pointer-events:none;white-space:nowrap;text-align:center;opacity:0;font-weight:700;position:absolute;left:50%;transform:translate(-50%)scale(.6)}.banner{color:var(--team);text-transform:uppercase;text-shadow:3px 3px 0 var(--ink), -1px -1px 0 var(--ink);font-size:clamp(20px,4vw,34px);top:22%}.announce{color:var(--gold-hi);text-shadow:4px 4px 0 var(--hot), 7px 7px 0 var(--ink);font-size:clamp(28px,7vw,64px);top:34%}.banner.show,.announce.show{animation:1.4s steps(14,end) forwards pop}@keyframes pop{0%{opacity:1;transform:translate(-50%)scale(1.5)}15%,75%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-16px)scale(1)}}@keyframes throb{50%{transform:scale(1.15)}}.touch{display:none}body.touch .touch{display:block}@media (pointer:coarse){.touch{display:block}}.cluster{bottom:max(14px, env(safe-area-inset-bottom));gap:6px;display:grid;position:absolute}.cluster.move{left:max(12px, env(safe-area-inset-left));grid-template-rows:repeat(2,54px);grid-template-columns:repeat(2,54px);grid-template-areas:"up down""left right"}.cluster.act{right:max(12px, env(safe-area-inset-right));grid-template-rows:46px 66px;grid-template-columns:66px}.pad{font-family:var(--display);color:var(--gold-hi);touch-action:none;padding:0;font-size:18px;font-weight:700}.pad.up{grid-area:up}.pad.down{grid-area:down}.pad.left{grid-area:left}.pad.right{grid-area:right}.pad.jump{font-size:14px}.pad.fire{background:var(--hot);color:var(--text);box-shadow:inset var(--px) var(--px) 0 #ff9ab8, inset calc(var(--px) * -1) calc(var(--px) * -1) 0 #a01c5a, 0 var(--px) 0 var(--ink)}.hud.their-turn .touch{opacity:.35;pointer-events:none}.overlay{grid-template-columns:minmax(0,1fr);place-items:center;padding:16px;display:grid;position:absolute;inset:0;overflow-y:auto}.pause,.result{background:#12082e99}.menu{background:linear-gradient(90deg,#12082ebf,#12082e1a 70%);place-items:center start;padding-left:max(16px,7vw)}.card{grid-template-columns:minmax(0,1fr);gap:12px;width:min(420px,100%);padding:20px 22px 18px;display:grid}.card h2{text-transform:uppercase;text-align:center;color:var(--gold-hi);text-shadow:3px 3px 0 var(--ink);margin:0;font-size:34px}.logo{letter-spacing:1px;justify-content:center;margin:0;font-size:clamp(22px,6.5vw,48px);font-weight:700;line-height:1;display:flex}.logo span{color:var(--gold-hi);text-shadow:0 3px 0 #ff8a1f, 0 6px 0 var(--hot), 4px 9px 0 var(--ink);animation:1.6s steps(4,end) infinite bob;animation-delay:calc(var(--i) * -.18s);display:inline-block}.logo span:nth-child(n+6){color:var(--cyan);text-shadow:0 3px 0 #3cc4e6, 0 6px 0 #2a52c8, 4px 9px 0 var(--ink)}@keyframes bob{50%{transform:translateY(-4px)}}.tag,.sub{font-family:var(--small);text-align:center;color:var(--dim);margin:0 0 4px;font-size:11px}.choice{grid-template-columns:52px 1fr;align-items:center;gap:8px;display:grid}.choice .label{font-family:var(--small);color:var(--dim);text-transform:uppercase;font-size:10px}.opts{gap:4px;display:flex}.opts button{min-width:0}@media (width<=420px){.choice .opts button{padding:6px 2px;font-size:12px}}.opts button,.actions button,.go{border:2px solid var(--ink);min-height:38px;color:var(--dim);background:#1c0840;flex:1;padding:6px 8px;font-size:16px}.opts button.on{background:var(--cyan);color:var(--ink);font-weight:700;box-shadow:inset 0 -3px #2a86c8}.go,.actions .go{text-transform:uppercase;min-height:52px;color:var(--ink);background:var(--gold);border:var(--px) solid var(--ink);box-shadow:inset var(--px) var(--px) 0 var(--gold-hi), inset calc(var(--px) * -1) calc(var(--px) * -1) 0 #c07a10, 0 var(--px) 0 var(--ink);font-size:24px;font-weight:700}.go:hover{background:var(--gold-hi)}.go:active{transform:translateY(var(--px))}button:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.actions{gap:8px;display:flex}.keys{font-family:var(--small);grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;font-size:10px;display:grid}.keys kbd{color:var(--gold-hi);text-align:right;font-family:inherit}.keys span{color:var(--dim)}.stats{gap:4px;display:grid}.stat{border-left:4px solid var(--team);font-family:var(--small);background:#1c0840;grid-template-columns:1fr auto auto auto;gap:12px;padding:6px 8px;font-size:11px;display:grid}.stat b{color:var(--team);text-transform:uppercase;font-weight:400}@media (width<=960px){.top{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:5px;width:calc(100vw - 160px);left:10px;transform:none}}@media (width<=700px){.top{width:calc(100vw - 64px)}.tools{flex-direction:column}.tool{width:36px;height:36px}.clock{min-height:22px;font-size:22px;line-height:22px}.mid{min-width:64px;padding:3px 6px}.wind{width:48px}.weapon{width:38px;height:38px}.weapon .icon{width:30px}.weapons{gap:3px;padding:4px}.menu{background:#12082e8c;place-items:center;padding-left:16px}}@media (pointer:coarse) and (width<=900px),(height<=520px) and (pointer:coarse){.dock{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 130px)}}@media (pointer:coarse) and (width>=600px){.dock{bottom:max(12px, env(safe-area-inset-bottom))}}body.touch .dock{bottom:calc(max(14px, env(safe-area-inset-bottom)) + 130px)}@media (width>=600px){body.touch .dock{bottom:max(12px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.logo span,.clock.low{animation:none}}
