:root{--bg:#14101e;--ink:#e8eef2;--dim:#8c86a6;--panel:#14101ec7;--edge:#4a2f58;--accent:#ffd25e;--hot:#ff7a2e;--team:#4d9be6;--team-light:#9fd8f5;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--fs:clamp(8px, 1.5vmin + 2px, 12px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:#050308!important}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:"Press Start 2P",ui-monospace,monospace;font-size:var(--fs);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;overscroll-behavior:none;margin:0;line-height:1.5;overflow:hidden}*{touch-action:manipulation}#app{touch-action:none;position:fixed;top:0;bottom:0;left:0;right:0}#game{image-rendering:pixelated;image-rendering:crisp-edges;display:block;position:absolute}#hud{padding:calc(var(--safe-t) + 6px) calc(var(--safe-r) + 8px) calc(var(--safe-b) + 6px) calc(var(--safe-l) + 8px);pointer-events:none;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}#hud>*{pointer-events:auto}#hud.hug{justify-content:center}#hud.hug .topbar{margin-bottom:var(--field-h)}.panel{background:var(--panel);border:2px solid var(--edge);box-shadow:0 2px #000}small{color:var(--dim);letter-spacing:.05em;font-size:.7em;display:block}.topbar{align-items:stretch;gap:8px;display:flex}.cards{flex:1 1 0;gap:6px;min-width:0;display:flex}.duel .cards{max-width:34%}.card{flex:1 1 0;grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:4px 8px;min-width:0;padding:5px 8px;transition:border-color .2s,opacity .2s;display:grid}.card .name{color:var(--cl);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;overflow:hidden}.crown{width:16px;height:16px;image-rendering:pixelated;vertical-align:-3px;margin-right:4px}.card.right .crown{margin-right:4px}.roster .crown{margin:0}.card .hp{background:#000;border:1px solid #000;align-self:center;height:8px}.card .hp i{background:var(--c);height:100%;box-shadow:inset 0 2px 0 var(--cl);transition:width .4s steps(8,end);display:block}.card .hpnum{font-size:.8em}.card.active{border-color:var(--c);animation:1s steps(2,end) infinite pulse}.card.dead{opacity:.45}.card.offline{border-color:var(--edge)}.card.offline>:not(.away){filter:grayscale();opacity:.55}.card{position:relative}.card .away{width:16px;height:16px;image-rendering:pixelated;position:absolute;top:3px;right:3px}.card.right .away{left:3px;right:auto}.card.right{text-align:right;flex:1 1 0;max-width:34%}.topbar:not(:has(.card.right)) .card{padding:4px 6px;font-size:.8em}@keyframes pulse{50%{border-color:var(--edge)}}.wind{text-align:center;white-space:nowrap;flex:0 auto;margin-left:auto;padding:5px 10px}.wind span{color:#a9bcd0;white-space:pre}.wind small.prev{white-space:pre;margin-top:2px;font-size:.6em}.timer{text-align:center;flex:none;min-width:4.5em;margin-right:auto;padding:5px 10px}.timer span{color:var(--accent)}.duel .topbar{grid-template-columns:minmax(0,1fr) auto auto minmax(0,1fr) auto;display:grid}.duel .cards,.duel .card.right{max-width:none}.duel .wind,.duel .timer{margin:0}.timer.warn span{animation:.5s ease-in-out infinite alternate clock-pulse;display:inline-block}.timer.urgent{animation:.5s ease-in-out infinite alternate clock-box}.timer.urgent span{animation-duration:.25s}body.crt .timer.warn{filter:brightness(1.35)saturate(1.2)}@keyframes clock-pulse{0%{color:var(--hot);text-shadow:0 0 2px #ff7a2e99;transform:scale(1)}to{color:#fff3b0;text-shadow:0 0 6px #ffd25e,0 0 14px #ff7a2e;transform:scale(1.18)}}@keyframes clock-box{0%{border-color:var(--hot);background-color:#2e2245d9}to{background-color:#b8302a;border-color:#ffd25e;box-shadow:0 0 12px #ff5a4acc}}.bottombar{justify-content:center;align-items:flex-end;gap:16px;display:flex}.aimbox,.firebox{flex-direction:column;gap:4px;padding:4px;display:flex}.panel.see-through{opacity:.4;transition:opacity .2s}.wpnpick{align-items:stretch;gap:4px;display:flex}.wpncur{box-sizing:border-box;border:2px solid var(--team);background:#1f1830;flex:none;grid-template-columns:24px 1fr auto;grid-template-areas:"icon name count""icon power group";align-items:center;gap:3px 8px;width:27.5em;padding:4px 8px 8px;font-size:.85em;display:grid;position:relative}.wpncur .wbody{display:contents}.wpncur .wpos{gap:2px;height:2px;display:flex;position:absolute;bottom:2px;left:8px;right:8px}.wpncur .wpos b{background:#8c86a64d;flex:1 1 0}.wpncur .wpos b.gap{margin-left:6px}.wpncur .wpos b.on{background:var(--gc)}.wpncur .wgroup{text-align:right;white-space:nowrap;grid-area:group;font-size:.7em}.wpncur.empty .wbody>*{opacity:.4;filter:grayscale()}.wpncur img{image-rendering:pixelated;grid-area:icon;width:24px;height:24px}.wpncur .wname{color:var(--team-light);white-space:nowrap;text-overflow:ellipsis;grid-area:name;min-width:0;overflow:hidden}.wpncur .wcount{color:var(--accent);text-align:right;grid-area:count}.wpncur .wcount.inf{font-family:ui-monospace,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:1.6em;line-height:1}.wpncur .wpower{grid-area:power}.wpncur .power-meter{gap:2px;margin-top:0}.wpncur .power-meter small:first-child{display:none}.wpncur .power-meter i{width:8px;height:6px}.busy .wpncur{border-color:var(--edge)}.aimbox .row{align-items:center;gap:4px;display:flex}.aimbox .val{text-align:center;min-width:5.5em}.aimbox .val span{color:var(--accent)}.hint{left:0;right:0;top:var(--ground-y,auto);text-align:center;color:var(--ink);text-shadow:2px 2px #000;padding:0 16px;font-size:.85em;line-height:1.6;animation:1.2s steps(2,end) infinite blink;position:absolute;bottom:auto;pointer-events:none!important}.hint.hidden{visibility:hidden}@keyframes blink{50%{opacity:.4}}.fuel{background:#000;border:1px solid #000;min-width:4em;height:8px;margin-top:4px}.fuel i{--c:var(--accent);background:linear-gradient(to right, var(--c) var(--turn,100%), color-mix(in srgb, var(--c) 35%, #000) var(--turn,100%));height:100%;transition:width .15s steps(4,end);display:block;box-shadow:inset 0 2px #fff3b099}.fuel.low i{--c:var(--hot)}.btn{font:inherit;color:var(--ink);cursor:pointer;touch-action:manipulation;background:#2e2245;border:2px solid #000;min-width:44px;min-height:44px;padding:0 10px;box-shadow:inset 0 -3px #00000073,inset 0 2px #ffffff1f}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -1px #00000073}.btn:disabled{opacity:.4;cursor:default}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.icon{letter-spacing:-.2em;flex:none}.btn.step{width:44px;padding:0}.btn.fire{background:var(--team);color:#14101e;min-height:52px;text-shadow:0 1px 0 var(--team-light);padding-bottom:3px;font-size:1.15em}.busy .btn.fire{color:var(--ink);background:#2e2245}.timebar{background:#000;border:1px solid #000;height:4px;margin:2px 0 -1px}.timebar i{background:var(--ink);transform-origin:0;height:100%;display:block;box-shadow:inset 0 -1px #a9bcd0}.timebar.warn i{background:#ff3b3b;box-shadow:inset 0 -1px #b3122a}.timebar.urgent i{animation:.5s step-end infinite timebar-blink}@keyframes timebar-blink{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.timebar.urgent i{animation:none}}.banner{text-align:center;text-shadow:3px 3px #000;opacity:0;font-size:1.6em;position:absolute;top:38%;left:0;right:0;pointer-events:none!important}.banner.show{animation:1.3s steps(12,end) forwards banner}@keyframes banner{0%{opacity:0;transform:scale(1.4)}15%,80%{opacity:1;transform:scale(1)}to{opacity:0}}svg.drag{opacity:0;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:none!important}svg.drag.on{opacity:1}svg.drag line{stroke:var(--team-light);stroke-width:3px;stroke-dasharray:6 6;opacity:.7}.overlay{touch-action:pan-y;padding:calc(var(--safe-t) + 12px) calc(var(--safe-r) + 12px) calc(var(--safe-b) + 12px) calc(var(--safe-l) + 12px);z-index:10;background:#0a0810d9;flex-direction:column;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow-y:auto}.overlay.hidden{display:none}.menu{text-align:center;max-width:max(40em,620px);margin:auto 0}.menu:not(:has(h1.logo)){padding:32px 0 48px}.menu h1{color:var(--accent);text-shadow:4px 4px #000;margin:0 0 .9em;font-size:2em;font-weight:400}.menu h1.logo{letter-spacing:.08em;color:#e8eef2;text-shadow:0 .06em 0 #a9bcd0, .08em .14em 0 var(--hot), .12em .2em 0 #000;margin-bottom:.2em;padding-left:.08em;font-size:clamp(32px,9vmin,72px)}.menu .sub{color:var(--dim);margin:0 0 1.6em}.menu .body{text-align:left;margin-bottom:1.4em;font-size:.85em;line-height:1.9}.menu .body b{color:var(--accent);font-weight:400}.menu .body .keys{color:var(--dim)}.menu .body .tabs{flex-wrap:wrap;gap:6px;margin-bottom:2.4em;display:flex}.menu .body .tab.back{background:var(--hot);border-color:var(--hot);flex:none;width:36px;padding:0}.menu .body .tab.back i{clip-path:polygon(100% 0,0 50%,100% 100%);background:#14101e;width:10px;height:12px;margin:0 auto;display:block}.menu .body .tab{min-height:36px;font:inherit;color:var(--dim);border:2px solid var(--dim);cursor:pointer;background:0 0;flex:auto;padding:0 8px;font-size:.85em}@media (max-width:360px){.menu .body .tabs{gap:4px}.menu .body .tab{padding:0 4px;font-size:.75em}}.menu .body .tab-pane{min-height:300px}@media (pointer:coarse){.menu .body .keys{display:none}}.menu .body .tab[aria-selected=true]{color:#14101e;background:var(--accent);border-color:var(--accent)}.menu .footer{color:var(--dim);margin-top:1.6em;font-size:.7em}.setup{flex-direction:column;align-items:center;gap:12px;display:flex}.setup .count{align-items:center;gap:12px;display:flex}.setup .count span{text-align:center;min-width:9em;color:var(--accent)}.setup .names{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:8px 12px;width:min(640px,92vw);display:grid}.namefield{align-items:center;gap:8px;display:flex}.namefield span{color:var(--dim);width:1.2em}.namefield input{text-transform:uppercase;min-width:0;color:var(--ink);border:2px solid var(--edge);-webkit-user-select:text;user-select:text;background:#0e0b16;border-radius:0;flex:1;padding:10px 8px;font:12px "Press Start 2P",ui-monospace,monospace}.bugform .namefield{flex-direction:column;align-items:stretch;gap:4px}.bugform .namefield span,.bugtext span{width:auto;color:var(--dim)}.bugform .namefield input[type=email]{text-transform:none}.bugtext{gap:4px;display:grid}.bugtext textarea{color:var(--ink);border:2px solid var(--edge);resize:vertical;-webkit-user-select:text;user-select:text;background:#0e0b16;border-radius:0;padding:8px;font:12px/1.6 "Press Start 2P",ui-monospace,monospace}.bugtext textarea:focus{border-color:var(--accent);outline:none}.bugtext textarea::placeholder{color:#4a4460}.menu .body .change h3{color:var(--accent);margin:0 0 .6em;font-size:1em;font-weight:400}.menu .body .change h3 small{color:var(--dim);margin-left:.6em}.menu .body .change ul{margin:0 0 1.6em;padding-left:1.2em}.menu .body .change li{margin-bottom:.5em}.menu .footer .textlink.version{color:inherit;margin:0;padding:0;position:relative}.menu .footer .textlink.version:before{content:"";position:absolute;top:-14px;bottom:-14px;left:-10px;right:-10px}.menu .footer .textlink.version.fresh{color:var(--accent)}.menu .body .contact-lead{text-align:center}.menu .body [data-contactform]{margin-top:2em}.menu .body [data-contactform] .thanks{color:var(--accent);text-align:center}.menu .footer .textlink{font:inherit;color:var(--dim);cursor:pointer;background:0 0;border:none;margin:0 0 8px;padding:4px;text-decoration:underline}.namefield input::placeholder{color:#4a4460}.namefield input:focus::placeholder{color:#0000}.namefield input:focus{border-color:var(--accent);outline:none}.standings{max-width:22em;margin:0 auto;padding:0;list-style:none}.standings li{justify-content:space-between;gap:2em;padding:2px 0;display:flex}.menu .body .standings b{color:inherit}.standings.final li{grid-template-columns:minmax(0,1fr) auto 2em;align-items:baseline;gap:1em;display:grid}.standings.final span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.standings.final small{color:var(--dim);white-space:nowrap;font-size:.7em}.standings.final b{text-align:right}.setup .level.rounds .btn{font-size:1em}.setup .level.shopopt .levels{grid-template-columns:none;grid-auto-columns:1fr;grid-auto-flow:column;width:max-content;margin:0 auto}.setup .level.shopopt .btn{overflow-wrap:normal;padding-left:10px;padding-right:10px}.awards{gap:10px;max-width:22em;margin:1.6em auto 2.4em;padding:0;list-style:none;display:grid}.awards li{border:2px solid var(--edge);opacity:0;background:#2e224599;grid-template-columns:1fr auto;column-gap:1em;padding:6px 8px;animation:.3s steps(3,end) forwards award-in;display:grid}.awards b{font-size:.85em}.awards small{color:var(--dim);text-align:right;white-space:nowrap}.awards .who{grid-area:2/1/auto/-1;margin-top:4px}.points{border-collapse:collapse;margin:4px auto 0;font-size:max(7px,.8em)}.points th{color:var(--dim);text-align:right;padding:0 5px 4px;font-size:max(6px,.75em);font-weight:400}.points td{text-align:right;white-space:nowrap;color:var(--accent);padding:3px 5px}.points td.place{color:var(--dim)}.points td.pname{text-align:left;color:var(--c)}.points td.pname span{text-overflow:ellipsis;vertical-align:bottom;max-width:9em;display:inline-block;overflow:hidden}.points td.wins{color:var(--c)}.points tbody td:not(.place):not(.pname):not(.wins){animation:.3s steps(3,end) both points-in}.points td [data-roll]{min-width:calc(var(--w) * 1ch);display:inline-block}.points td.zero{color:var(--dim)}.points td.total{color:#fff3b0}.points td.saldo{color:var(--ink,#e8eef2);border-left:2px solid var(--edge)}.points td.pname .star{vertical-align:-1px;background:var(--accent);clip-path:polygon(50% 0,62% 36%,100% 38%,70% 61%,80% 100%,50% 77%,20% 100%,30% 61%,0 38%,38% 36%);width:10px;height:10px;margin-left:5px;animation:.4s steps(4,end) both star-pop;display:inline-block}@keyframes points-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes star-pop{0%{opacity:0;transform:scale(2.2)}to{opacity:1;transform:none}}@media (max-width:420px){.points td,.points th{padding-left:3px;padding-right:3px}}.shop-tabs{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:6px;display:flex}.shop-tabs .btn{min-width:0;min-height:28px;color:var(--c);opacity:.6;padding:0 8px;font-size:.75em}.shop-tabs .btn.on{opacity:1;border-color:var(--c)}.shop{width:min(34em,100%);margin:24px auto 16px}sup.beta{vertical-align:.7em;color:var(--hot);margin-left:.4em;font-size:max(6px,.55em)}.shop h3{text-align:center;color:var(--accent);margin:0 0 6px}.shop section{border:2px solid var(--c);background:#14101e99;margin-bottom:8px;padding:6px 8px}.shop header{color:var(--c);justify-content:space-between;margin-bottom:4px;display:flex}.shop header b{color:var(--accent)}.shop ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.shop li{grid-template-columns:20px minmax(0,1fr) auto 30px 2.6em 30px;align-items:center;gap:6px;font-size:.8em;display:grid}.shop li img{image-rendering:pixelated}.shop li .n .sale{color:#14101e;background:var(--hot);margin-left:.6em;padding:1px 4px;font-size:.8em;font-style:normal}.shop li .pr s{color:var(--dim);opacity:.7}.shop li .n{overflow-wrap:anywhere;min-width:0}.shop li .n .sale{display:inline-block}.shop li .n small{color:var(--accent);margin-left:.6em}.shop li .pr{white-space:nowrap;color:var(--dim)}.shop li.cant .pr{color:var(--hot)}.shop li .cnt{text-align:center;color:var(--accent)}.shop li .cnt.zero{color:var(--dim)}.shop li .btn{min-width:0;min-height:26px;padding:0}.shop .robot-shop{text-align:center;color:var(--dim);margin:0 0 6px}.shop .robot-orders{text-align:center;margin:0;padding:0;font-size:.8em;line-height:1.8;list-style:none}.shop .robot-orders li{font-size:1em;display:block}.shop-foot{flex-direction:column;align-items:center;gap:4px;display:flex}.shop-foot small{color:var(--dim)}@keyframes award-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.waiting{color:var(--accent);text-align:center;margin:1em 0 .4em}.waiting span{opacity:0;animation:1.6s step-end infinite wait-dot1}.waiting span:nth-child(2){animation-name:wait-dot2}.waiting span:nth-child(3){animation-name:wait-dot3}@keyframes wait-dot1{25%,to{opacity:1}}@keyframes wait-dot2{50%,to{opacity:1}}@keyframes wait-dot3{75%,to{opacity:1}}.menu .items{gap:8px;display:flex}.menu-btn{min-width:0}.menu-btn.half{flex:1 1 0;min-width:0}.menu .items{flex-flow:wrap;justify-content:center;width:28em;max-width:100%;margin:0 auto}.menu-btn{white-space:nowrap}.menu .items .menu-btn:not(.half){flex:1 0 100%}.menu-btn.has-info{position:relative}.menu-btn .info{text-align:center;color:#14101e;opacity:.75;cursor:help;background:#c9c4d6;border-radius:50%;width:14px;height:14px;margin-top:-8px;font-size:8px;line-height:14px;position:absolute;top:50%;right:8px}.menu-btn .info:before{content:"";position:absolute;top:-13px;bottom:-13px;left:-13px;right:-8px}.menu-btn.primary .info{color:var(--hot);background:#14101e}.menu-btn .infotip{z-index:10;white-space:normal;text-align:left;color:#14101e;pointer-events:none;background:#e8eef2;border:2px solid #14101e;width:max-content;max-width:min(260px,80vw);padding:6px 8px;font-size:8px;line-height:1.5;display:none;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:3px 3px #000}.menu-btn .infotip:after{content:"";clip-path:polygon(0 0,100% 0,50% 100%);background:#e8eef2;border:2px solid #14101e;border-top:none;width:8px;height:6px;position:absolute;bottom:-8px;right:10px}.menu-btn.tip-open .infotip{display:block}.menu-btn.tip-open .info{opacity:1}@media (hover:hover){.menu-btn .info:hover{opacity:1}.menu-btn .info:hover+.infotip{display:block}}.roomcode{letter-spacing:.25em;color:var(--accent);text-shadow:3px 3px #000;text-align:center;margin:.2em 0 .4em;padding-left:.25em;font-size:2.6em}.roster{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4px 8px;width:min(600px,92vw);margin:0 auto .8em;padding:0;list-style:none;display:grid}.roster li{border:2px solid var(--edge);color:var(--cl);text-align:left;background:#2e224599;grid-template-columns:2.2em 1fr auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.roster li .slot{background:var(--c);color:#14101e;place-items:center;height:1.8em;display:grid}.roster li .pname{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.roster li .tags{align-items:center;gap:6px;display:flex}.roster li small{display:inline}.roster li.open{color:#4a4460;background:0 0;border-style:dashed}.roster li.open .slot{color:#4a4460;background:0 0}.lobbyinfo{text-align:center;color:var(--dim)}.lobbyinfo b{color:var(--accent)}.onlineform{flex-direction:column;gap:10px;width:min(340px,86vw);margin:0 auto;display:flex}.onlineform .namefield span{width:auto;min-width:5.5em}.updatebar{z-index:1000;padding:calc(env(safe-area-inset-top,0px) + 5px) 16px 5px;color:#14101e;background:var(--accent);border-bottom:2px solid #000;justify-content:center;align-items:center;gap:12px;font-size:10px;display:flex;position:fixed;top:0;left:0;right:0}.updatebar.hidden{display:none}.updatebar button{font:inherit;color:var(--accent);cursor:pointer;background:#14101e;border:2px solid #000;padding:3px 8px}.lobbyinfo.live{color:var(--accent)}.error{color:var(--hot);text-align:center}.menu-btn.primary{background:var(--hot);color:#14101e}@media (orientation:portrait) and (max-width:700px){.bottombar{grid-template:"wpn wpn""aim bar""aim fire"1fr/auto 1fr;align-items:stretch;gap:6px;display:grid}.timebar{grid-area:bar;margin:0 0 -3px}.aimbox{grid-area:aim}.firebox{display:contents}.wpnpick{grid-area:wpn}.wpncur{flex:auto;width:auto}.btn.fire{grid-area:fire;min-height:0;font-size:1.5em}.topbar{flex-wrap:wrap}.topbar:not(:has(.card.right)) .cards{flex:1 0 100%;grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.topbar:not(:has(.card.right)) .card{grid-column:span 2;max-width:none}.topbar:not(:has(.card.right)) .cards[data-n="4"] .card{grid-column:span 3}.topbar:not(:has(.card.right)) .cards[data-n="5"] .card:nth-child(4){grid-column:2/span 2}}#rotate{display:none}@media (orientation:landscape) and (pointer:coarse) and (max-height:520px){#rotate{z-index:100;background:var(--bg);color:var(--accent);text-align:center;place-items:center;font-size:14px;line-height:2;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}}.bubble{white-space:nowrap;color:#14101e;box-shadow:0 0 0 2px var(--c), 3px 3px 0 2px #000;text-align:center;z-index:5;background:#e8eef2;border:2px solid #14101e;padding:6px 8px;font-size:.8em;line-height:1.4;animation:.25s steps(3,end) pop;position:absolute;transform:translate(-50%,-100%);pointer-events:none!important}.bubble:after{content:"";left:calc(50% + var(--tail,0px) - 4px);clip-path:polygon(0 0,100% 0,50% 100%);background:#e8eef2;border:2px solid #14101e;border-top:none;width:8px;height:6px;position:absolute;bottom:-8px}.bubble.gone{opacity:0;transition:opacity .4s steps(3,end)}@keyframes pop{0%{transform:translate(-50%,-100%)scale(.4)}to{transform:translate(-50%,-100%)scale(1)}}.bubble.pickup{color:#14101e;background:#ffd25e;animation:.25s steps(3,end) pop,2.6s steps(16,end) forwards rise;box-shadow:0 0 0 2px #14101e,3px 3px 0 2px #000}.bubble.pickup:after{display:none}@keyframes rise{to{margin-top:-28px}}.menu .body .wg-group{margin:1.4em 0 .6em;font-size:1em;font-weight:400}.weapon-guide{gap:6px;margin:0 0 1.2em;padding:0;list-style:none;display:grid}.weapon-guide li{border:2px solid var(--edge);background:#2e224580;grid-template-columns:24px 12.5em 1fr;align-items:center;gap:10px;padding:4px 6px;display:grid}.weapon-guide img{image-rendering:pixelated}.weapon-guide .wg-name{color:var(--accent)}.weapon-guide .wg-name small{font-size:.75em;display:block}.weapon-guide .wg-desc{line-height:1.6}@media (max-width:520px){.weapon-guide li{grid-template-columns:24px 1fr}.weapon-guide .wg-desc{grid-column:1/-1}}.power-meter{white-space:nowrap;align-items:center;gap:3px;margin-top:4px;display:flex}.power-meter>*{flex-shrink:0}.power-meter small{color:var(--dim);margin-right:4px;font-size:.75em;display:inline}.power-meter small:last-child{color:var(--accent);margin:0 0 0 6px}.power-meter i{background:#2e2245;border:1px solid #000;width:10px;height:8px}.power-meter i.on{background:var(--hot);box-shadow:inset 0 2px #ffd25e}#crt{display:none}body.crt #crt{z-index:50;pointer-events:none;background:repeating-linear-gradient(#0000 0 2px,#00000047 3px),radial-gradient(#0000 60%,#0000008c 100%);border-radius:28px/22px;min-height:100lvh;animation:3s steps(6,end) infinite crt-flicker;display:block;position:fixed;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 60px #0009,0 0 0 40px #050308}body.crt #game{filter:saturate(1.25)contrast(1.08)brightness(1.06)}body.crt #hud,body.crt .overlay{text-shadow:0 0 3px #ffd25e59}.overlay:has(h1.logo){background:#0a081099}body.demo .overlay:has(h1.logo){padding-top:max(calc(var(--safe-t) + 12px), var(--demo-top,0px));background:linear-gradient(to bottom, #0a081033 var(--demo-top,0px), #0a081099 var(--demo-top,0px))}body.demo .topbar,body.demo .bottombar,body.demo .banner{visibility:hidden}@keyframes crt-flicker{0%,to{opacity:1}50%{opacity:.94}52%{opacity:1}}#flash{z-index:60;pointer-events:none;opacity:0;background:#fffbe8;min-height:100lvh;position:fixed;top:0;bottom:0;left:0;right:0}#flash.on{animation:1.6s ease-out forwards nuke-flash}@keyframes nuke-flash{0%{opacity:0}4%{opacity:1;background:#fff}25%{opacity:.9;background:#fff3b0}60%{opacity:.45;background:#ffb070}to{opacity:0;background:#ff7a2e}}#hud.shaken .wind{transform:rotate(-7deg)translateY(2px)}#hud.shaken .timer{transform:rotate(5deg)}#hud.shaken .wpncur{transform:rotate(-1.5deg)translate(-3px)}#boot{z-index:45;min-height:100lvh;padding:calc(var(--safe-t) + 16px) calc(var(--safe-r) + 16px) calc(var(--safe-b) + 16px) calc(var(--safe-l) + 16px);background:#000;transition:opacity .2s steps(3,end);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#boot pre{color:#aaa;white-space:pre-wrap;word-break:break-all;margin:0;font:clamp(10px,2.4vw,16px)/1.35 "Perfect DOS VGA 437",Courier New,ui-monospace,Menlo,Consolas,monospace}#boot .cursor{animation:.5s steps(2,end) infinite blink}#boot.off{opacity:0}.menu h1.logo.intro{animation:.9s steps(12,end) both logo-drop}@keyframes logo-drop{0%{opacity:0;transform:translateY(-160%)}60%{opacity:1;transform:translateY(8%)}80%{transform:translateY(-3%)}to{transform:translateY(0)}}.menu h1.logo.rainbow{animation:1.2s steps(12,end) infinite rainbow}@keyframes rainbow{to{filter:hue-rotate(360deg)}}#boot.power{place-items:center;display:grid}.power-btn{color:#aaa;cursor:pointer;background:#111;border:2px solid #555;border-radius:0;padding:16px 20px;font:14px/1 "Press Start 2P",ui-monospace,monospace;box-shadow:inset 0 -3px #000}.power-btn:hover{border-color:#777;outline:none}.power-btn:focus-visible{border-color:#777;outline:none}.power-btn{white-space:pre;min-width:18ch;min-height:calc(1em + 36px)}.power-btn .cmd.blink{animation:1.06s step-end infinite dos-blink}.power-btn:hover .cmd{color:#111;background:#aaa;animation:none}.power-btn:focus-visible .cmd{color:#111;background:#aaa;animation:none}@keyframes dos-blink{50%{visibility:hidden}}.menu .items .menu-btn.gap{margin-top:10px}.namefield.seat{gap:6px}.btn.who{align-items:center;gap:4px;min-width:0;min-height:40px;padding:4px;display:flex}.btn.who span{place-items:center;width:30px;height:30px;display:grid}.btn.who img{width:24px;height:24px;image-rendering:pixelated;opacity:.35}.btn.who span.on{background:var(--accent)}.btn.who span.on img{opacity:1;filter:brightness(.15)}.setup .level>span{color:var(--dim);text-align:center;margin-bottom:6px;display:block}.setup .levels{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.setup .levels .btn{overflow-wrap:anywhere;padding:6px 4px;font-size:.75em;line-height:1.5}.setup .levels .btn.on{background:var(--accent);color:#14101e}.menu .footer .poll{box-sizing:border-box;border:2px solid var(--edge);background:#2e224599;gap:14px;width:100%;max-width:340px;margin:2.4em auto 0;padding:10px;font-size:1.15em;display:grid}.poll .q{color:var(--ink);flex-direction:column;align-items:center;gap:8px;display:flex}.poll .a{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.poll .btn.vote{white-space:nowrap;min-width:36px;min-height:34px;padding:0 8px;font-size:.75em}.poll .btn.vote img{width:16px;height:16px;image-rendering:pixelated;display:block}.poll .btn.vote.down img{transform:scaleY(-1)}.wg-foot{justify-content:space-between;align-items:center;gap:8px;display:flex}.wg-thumbs{flex:none;gap:6px;display:flex}.wg-thumbs .btn.vote{opacity:.55;min-width:32px;min-height:28px;padding:0 6px}.wg-thumbs .btn.vote.on{opacity:1;border-color:var(--accent)}@media (hover:hover){.wg-thumbs .btn.vote:hover{opacity:1;border-color:var(--accent);transform:translateY(-1px)}.wg-thumbs .btn.vote:active{transform:translateY(1px)}}.wg-thumbs .btn.vote img{width:14px;height:14px;image-rendering:pixelated;display:block}.wg-thumbs .btn.vote.down img{transform:scaleY(-1)}.poll .thanks{color:var(--accent);text-align:center;padding:6px 0}.menu .footer .rating{color:var(--ink);justify-content:center;align-items:center;gap:8px;margin:0 0 .8em;padding-top:1em;font-size:1.15em;display:flex}.menu .footer .rating img{width:16px;height:16px;image-rendering:pixelated;transform:translateY(-2px)}.menu .footer .footlinks{flex-wrap:wrap;justify-content:center;gap:8px;margin:1.4em 0 10px;display:inline-flex}.menu .footer .coffee{font-family:inherit;line-height:inherit;cursor:pointer;color:var(--accent);border:2px solid var(--edge);background:#2e224599;align-items:center;gap:8px;padding:6px 10px;font-size:1.15em;text-decoration:none;display:inline-flex}.menu .footer .coffee:hover{border-color:var(--accent);outline:none}.menu .footer .coffee:focus-visible{border-color:var(--accent);outline:none}.menu .footer .coffee img{width:16px;height:16px;image-rendering:pixelated}.btn.fire.jam{color:#fff3f3;background:#c8102e;border-color:#ff5a6e}.menu-btn.nudge{animation:1.8s ease-in-out infinite alternate help-nudge}@keyframes help-nudge{0%{border-color:#000;box-shadow:inset 0 -3px #00000073,inset 0 2px #ffffff1f}to{border-color:#ffd25e;box-shadow:inset 0 -3px #00000073,inset 0 2px #ffffff1f,0 0 8px #ffd25e73}}@media (prefers-reduced-motion:reduce){.menu-btn.nudge{border-color:#ffd25e;animation:none}}.qstatus{text-align:center;color:var(--dim,#8c86a6);margin:8px 0 0;line-height:1.6}.qstatus:before{content:"";vertical-align:1px;background:currentColor;width:8px;height:8px;margin-right:8px;display:inline-block}.qstatus.go{color:#8fe06a}.qstatus.wait{color:#ffd25e}.qstatus.quiet{color:#a9a3c0}.gear-tip{cursor:pointer;width:100%;max-width:60em;margin:0 auto;animation:.35s ease-out gear-in}.gear-tip h4{text-align:center;color:var(--dim);margin:0 0 6px;font-size:.7em;font-weight:400}.gear-tip .weapon-guide{margin:0}.gear-tip .weapon-guide li{text-align:left;grid-template-columns:24px 12.5em 1fr}@media (max-width:560px){.gear-tip .weapon-guide li{grid-template-columns:24px 1fr}.gear-tip .weapon-guide .wg-desc{grid-column:1/-1}}.gear-tip.still{animation:none}@keyframes gear-in{0%{opacity:0;transform:translateY(4px)}}@media (prefers-reduced-motion:reduce){.gear-tip{animation:none}}.menu .footer [data-gear]{margin-top:2em;font-size:121.429%}.hint.long{max-width:44em;margin:0 auto;animation:none;transform:translateY(calc(1.6em - 100%))}.wpnpick{position:relative}.gear-hint{text-align:center;width:max-content;max-width:min(30em,92vw);color:var(--ink);pointer-events:none;z-index:5;background:#1f1830;border:2px solid #ffd25e;padding:8px 10px;font-size:.8em;line-height:1.6;animation:.25s ease-out gear-hint-in;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 3px #000}.gear-hint:after{content:"";border:6px solid #0000;border-top-color:#ffd25e;margin-left:-6px;position:absolute;top:100%;left:50%}.gear-hint b{font-weight:400}.gear-hint.hidden{display:none}@keyframes gear-hint-in{0%{opacity:0;transform:translate(-50%,4px)}}.btn.step.nudge{animation:1.8s ease-in-out infinite alternate help-nudge}@media (prefers-reduced-motion:reduce){.btn.step.nudge{border-color:#ffd25e;animation:none}}@media (hover:hover){.menu-btn:hover:not(:disabled){filter:brightness(1.12);border-color:#ffd25e}}.menu-btn:focus-visible{border-color:#ffd25e;outline:none}@media (hover:hover){.menu .body .tab:not([aria-selected=true]):hover{color:var(--ink);border-color:#ffd25e}}.menu .body .tab:focus-visible{border-color:#ffd25e;outline:none}.daily-top{box-sizing:border-box;text-align:left;border:2px solid var(--edge);background:#2e224580;width:100%;margin:1em auto .6em;padding:0;list-style:none}.daily-top li{grid-template-columns:2.4em 1fr auto;gap:8px;padding:5px 8px;display:grid}.daily-top li+li{border-top:1px solid #ffffff0f}.daily-top li:first-child:not(.empty){color:var(--accent)}.daily-top .pos,.daily-top .score{color:var(--dim)}.daily-top li:first-child:not(.empty) .pos,.daily-top li:first-child:not(.empty) .score{color:var(--accent)}.daily-top .pname{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.daily-top li.empty{text-align:center;color:var(--dim);display:block}.daily-left{color:var(--accent)}.daily-result{font-size:1.2em}.daily-result b{color:var(--accent)}.onlineform.daily{width:min(440px,92vw)}.menu .lead{max-width:32em;color:var(--ink);margin:-.4em auto 1.4em;font-size:.85em;line-height:1.7}.menu .lead b{color:var(--accent);font-weight:400}.menu h1.logo .k{margin-left:-.125em}.quietlink{font:inherit;color:var(--dim);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;margin:0 auto;padding:4px;font-size:.8em;text-decoration:underline;display:block}@media (hover:hover){.quietlink:hover{color:var(--accent)}}.daily-switch{align-self:center;margin:-6px 0 6px}.onlineform.daily .namefield{align-self:center;width:min(340px,86vw)}.onlineform.daily .daily-mine:empty{display:none}.onlineform.daily .daily-top{margin-bottom:0}.pixcheck{color:var(--dim);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;margin:0 auto;font-size:.8em;display:flex}.pixcheck input{opacity:0;pointer-events:none;position:absolute}.pixcheck i{border:2px solid var(--dim);background:0 0;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 2px #14101e}.pixcheck input:checked+i{background:#ffd25e;border-color:#ffd25e}.pixcheck input:checked~span{color:var(--ink)}.pixcheck input:focus-visible+i{outline-offset:2px;outline:2px solid #ffd25e}@media (hover:hover){.pixcheck:not(.blocked):hover i{border-color:#ffd25e}}.pixcheck.blocked{opacity:.55;cursor:default}
