:root{--void:#07060f;--ink:#f3eeff;--dim:#a9a0d8;--line:#f3eeff2e;--p1:#38d4ff;--p2:#ffb21f;--p3:#7cf06a;--p4:#ff5fd0;--hot:#ff3f73;--gold:#ffd84a;--panel:#0c0a1ec7;--veil:#05040ec7}*{box-sizing:border-box}html,body{background:var(--void);height:100%;margin:0}body{color:var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;font-family:Chakra Petch,system-ui,Segoe UI,sans-serif;overflow:hidden}#wrap{padding-top:env(safe-area-inset-top,0px);position:fixed;inset:0;overflow:hidden}canvas{outline:none;width:100%;height:100%;display:block}#dim{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}#vignetteHurt{pointer-events:none;opacity:0;background:radial-gradient(#0000 45%,#000000d9 100%);position:absolute;inset:0}#hud{pointer-events:none;position:absolute;inset:0}#pcards{top:calc(10px + env(safe-area-inset-top,0px));flex-direction:column;gap:6px;display:flex;position:absolute;left:10px}.pc{border-left:4px solid var(--c);background:var(--panel);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);min-width:168px;padding:5px 10px 6px;font-size:13px;line-height:1.35}.pc .nm{color:var(--c);justify-content:space-between;align-items:baseline;gap:10px;font-family:Russo One,sans-serif;font-size:14px;display:flex}.pc .nm small{color:var(--dim);font-family:Chakra Petch,sans-serif;font-size:12px}.pc .em{background:var(--c);vertical-align:-1px;width:10px;height:10px;margin-right:6px;display:inline-block}.pc .em.chevron{clip-path:polygon(0 100%,50% 0,100% 100%,50% 60%)}.pc .em.circle{border-radius:50%}.pc .em.diamond{transform:rotate(45deg)scale(.8)}.pips{align-items:center;gap:4px;margin-top:2px;display:flex}.pips i{background:var(--c);width:9px;height:9px;display:inline-block;transform:rotate(45deg)}.pips i.off{outline:1px solid var(--dim);background:0 0}.pips b{color:var(--gold);margin-left:6px;font-weight:600}.pc .atk{color:var(--dim);white-space:nowrap;align-items:center;gap:6px;margin-top:3px;font-size:11.5px;display:flex}.pc .atk span b{color:var(--ink);font-weight:600}.pc .atk i{background:#f3eeff1f;flex:1;min-width:40px;height:5px;position:relative}.pc .atk i b{background:var(--c);position:absolute;top:0;bottom:0;left:0}.pc .atk em{color:var(--gold);font-style:normal;font-weight:600}.pc .build{flex-wrap:wrap;gap:3px;max-width:240px;margin-top:5px;display:flex}.pc .build span{border:1px solid var(--line);color:var(--ink);background:#f3eeff14;padding:1px 6px;font-size:10.5px;line-height:1.3}.pc .build span em{color:var(--gold);margin-left:3px;font-style:normal}.pc.down{opacity:.75}.pc.down .nm small{color:var(--hot)}#scorebox{top:calc(8px + env(safe-area-inset-top,0px));text-align:right;text-shadow:0 2px 6px #0009;position:absolute;right:12px}#score{letter-spacing:.02em;font-family:Russo One,sans-serif;font-size:clamp(20px,3vw,30px)}#sector{color:var(--dim);font-size:13px}#bossbar{top:calc(14px + env(safe-area-inset-top,0px));border:1px solid var(--bc,var(--hot));background:#00000059;width:min(40vw,420px);height:9px;display:none;position:absolute;left:50%;transform:translate(-50%)}#bossbar i{background:var(--bc,var(--hot));width:100%;height:100%;transition:width 80ms linear;display:block}#bossbar span{text-align:center;color:var(--dim);letter-spacing:.1em;text-transform:uppercase;font-size:11px;position:absolute;top:12px;left:0;right:0}#grandbar{top:calc(10px + env(safe-area-inset-top,0px));pointer-events:none;text-shadow:0 1px 3px #000;width:min(56vw,560px);display:none;position:absolute;left:50%;transform:translate(-50%)}#grandbar .gname{letter-spacing:.12em;text-transform:uppercase;color:#eee;justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:12px;display:flex}#grandbar .gname b{color:var(--gc,#fff);font-weight:600}#grandbar .gtime{font-variant-numeric:tabular-nums;color:var(--dim)}#grandbar .gtime.fury{color:#ffd84a;font-weight:700}#grandbar .gsegs{grid-template-columns:repeat(7,1fr);gap:3px;height:9px;display:grid}#grandbar .gsegs i{border:1px solid var(--sc,#fff);opacity:.75;background:#0006;display:block;position:relative}#grandbar .gsegs i:after{content:"";width:calc(var(--f,1) * 100%);background:var(--sc,#fff);position:absolute;inset:0 auto 0 0}#grandbar .gsegs i.cur{opacity:1;box-shadow:0 0 10px -2px var(--sc,#fff)}#grandbar .gmeta{letter-spacing:.08em;text-transform:uppercase;color:var(--dim);justify-content:center;gap:14px;margin-top:5px;font-size:11px;display:flex}#grandbar .grancor em{border:1px solid #ff5f7a;width:8px;height:8px;margin-left:4px;display:inline-block;transform:rotate(45deg)}#grandbar .grancor em.on{background:#ff5f7a}#grandbar .gjulg,#grandbar .gstar{color:#fff}#invbar{top:calc(44px + env(safe-area-inset-top,0px));background:#0006;border:1px solid #9dff47;width:min(34vw,360px);height:7px;display:none;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 14px -4px #9dff47}#invbar i{background:#9dff47;width:100%;height:100%;transition:width .1s linear;display:block}#invbar span{text-align:center;color:#c9ff9a;letter-spacing:.06em;text-shadow:0 1px 3px #000;font-size:12px;position:absolute;top:10px;left:-40px;right:-40px}.pc .tag{color:#9dff47}#banner{text-align:center;opacity:0;text-shadow:0 0 18px #000c,3px 3px #00000073;padding:0 16px;font-family:Russo One,sans-serif;font-size:clamp(22px,4.6vw,52px);transition:opacity .35s;position:absolute;top:34%;left:0;right:0}#banner.hot{color:var(--hot)}#banner.gold{color:var(--gold)}#fps{color:var(--dim);opacity:.7;font-size:11px;position:absolute;bottom:8px;left:10px}#overlay{background:var(--veil);justify-content:center;align-items:center;padding:24px 16px;display:flex;position:absolute;inset:0;overflow:auto}#overlay.hidden{display:none}#overlay.clear{background:linear-gradient(#05040e33,#05040eb3 55%,#05040ed9)}.panel{width:100%;max-width:900px;margin:auto}.title{color:var(--ink);text-shadow:4px 4px 0 var(--p1),8px 8px 0 var(--p2),12px 12px 0 var(--p3),16px 16px 0 var(--p4),0 0 40px #b4a0ff59;margin:0 0 16px;font-family:Russo One,sans-serif;font-size:clamp(60px,13vw,150px);line-height:.9;transform:skew(-9deg)}.lead{color:var(--dim);max-width:62ch;margin:22px 0 18px;font-size:clamp(15px,2vw,19px)}.slots{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}@media (max-width:680px){.slots{grid-template-columns:repeat(2,1fr)}}.slots.solo{grid-template-columns:minmax(0,440px);justify-content:center}.slot{border:2px dashed var(--line);min-height:92px;color:var(--dim);background:#08061473;padding:10px 12px;font-size:13px}.slot.on{border-style:solid;border-color:var(--c);color:var(--ink);box-shadow:0 0 22px -6px var(--c) inset}.slot h3{color:var(--c,var(--dim));margin:0 0 4px;font-family:Russo One,sans-serif;font-size:18px;font-weight:400}.slot .ship{color:var(--c);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:12px}.slot .nave{width:72px;height:72px;filter:drop-shadow(0 0 10px var(--c));margin:2px auto 4px;display:block}.slot:not(.on) .nave{opacity:.45;filter:grayscale(.4)}.slot .pick{align-items:center;gap:6px;margin-bottom:4px;display:flex}.slot .pick .ship{text-align:center;flex:1;margin:0}.slot .ranks{color:var(--dim);letter-spacing:.04em;grid-template-columns:auto 1fr;align-items:center;gap:3px 8px;margin:2px 0 6px;font-size:11px;display:grid}.slot .ranks i{grid-template-columns:repeat(5,1fr);gap:2px;display:grid}.slot .ranks b{background:var(--c);height:6px}.slot .ranks b.off{background:#f3eeff1f}.slot:not(.on) .ranks b:not(.off){opacity:.55}.slot .em{background:var(--c);vertical-align:0;width:9px;height:9px;margin-right:6px;display:inline-block}.slot .em.chevron{clip-path:polygon(0 100%,50% 0,100% 100%,50% 60%)}.slot .em.circle{border-radius:50%}.slot .em.diamond{transform:rotate(45deg)scale(.8)}.slot .arr{border:1px solid var(--c);width:30px;height:30px;color:var(--c);cursor:pointer;background:#08061499;flex:none;padding:0;font-size:12px;line-height:1}.slot .arr:hover:not(:disabled),.slot .arr:focus-visible{background:var(--c);color:#0a0816}.slot .arr:disabled{opacity:.3;cursor:default}.slot .swap{color:var(--c);opacity:.8;margin-top:4px;font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{background:var(--ink);color:var(--void);cursor:pointer;border:0;padding:12px 22px;font-family:Russo One,sans-serif;font-size:18px}.btn.ghost{color:var(--ink);outline:2px solid var(--line);background:0 0}.btn.small{padding:8px 14px;font-size:14px}.btn:focus-visible,.card:focus-visible,.opt button:focus-visible,.opt input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.help{color:var(--dim);max-width:72ch;margin-top:20px;font-size:14px;line-height:1.6}.help strong{color:var(--ink);font-weight:600}h2{margin:0 0 6px;font-family:Russo One,sans-serif;font-size:clamp(28px,5vw,48px);font-weight:400}.cards{grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0;display:grid}@media (max-width:680px){.cards{grid-template-columns:1fr}}.card{background:var(--panel);border:2px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;padding:16px;font-family:inherit;transition:transform .12s,border-color .12s}.card.sel{border-color:var(--gold);box-shadow:0 10px 30px -12px var(--gold);transform:translateY(-4px)}.card .k{color:var(--gold);font-family:Russo One,sans-serif;font-size:14px}.card h3{margin:6px 0;font-family:Russo One,sans-serif;font-size:21px;font-weight:400}.card p{color:var(--dim);margin:0;font-size:15px;line-height:1.45}.stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:18px 0 22px;display:grid}.stat{border-top:2px solid var(--line);padding-top:8px}.stat span{color:var(--dim);font-size:13px;display:block}.stat b{font-family:Russo One,sans-serif;font-size:26px;font-weight:400}.opts{gap:10px;max-width:560px;margin:16px 0 20px;display:grid}.opt{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:8px 0;display:flex}.opt label{font-size:15px}.opt small{color:var(--dim);font-size:12px;display:block}.opt .seg{gap:4px;display:flex}.opt .seg button{color:var(--dim);border:1px solid var(--line);cursor:pointer;background:0 0;padding:6px 10px;font-family:inherit;font-size:13px}.opt .seg button.on{background:var(--ink);color:var(--void);border-color:var(--ink)}.opt input[type=range]{width:160px;accent-color:var(--gold)}.warn{border:2px solid var(--gold);background:#0a0818e6;max-width:640px;padding:22px}.warn h2{color:var(--gold);font-size:clamp(22px,4vw,34px)}.warn p{color:var(--ink);line-height:1.55}#bombBtn{right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));border:3px solid var(--gold);width:78px;height:78px;color:var(--gold);pointer-events:auto;background:#ffd84a29;border-radius:50%;font-family:Russo One,sans-serif;font-size:14px;display:none;position:absolute}#pauseBtn{right:14px;top:calc(62px + env(safe-area-inset-top,0px));border:1px solid var(--line);background:var(--panel);width:40px;height:40px;color:var(--ink);pointer-events:auto;font-family:Russo One,sans-serif;display:none;position:absolute}#loading{background:var(--void);flex-direction:column;justify-content:center;align-items:center;gap:18px;transition:opacity .5s;display:flex;position:absolute;inset:0}#loading.done{opacity:0;pointer-events:none}#loading .lt{text-shadow:3px 3px 0 var(--p1),6px 6px 0 var(--p2),9px 9px 0 var(--p3),12px 12px 0 var(--p4);font-family:Russo One,sans-serif;font-size:clamp(48px,10vw,96px);transform:skew(-9deg)}#loading .lb{background:#ffffff1f;width:min(60vw,340px);height:4px}#loading .lb i{background:linear-gradient(90deg,var(--p1),var(--p2),var(--p3),var(--p4));width:0;height:100%;transition:width .2s;display:block}#loading .lm{color:var(--dim);font-size:14px}.kbd{border:1px solid var(--line);color:var(--ink);border-radius:3px;padding:0 5px;font-size:12px;display:inline-block}@media (prefers-reduced-motion:reduce){#banner,.card{transition:none}}.room{border:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-4px 0 16px;padding:10px 14px;display:flex}.room .code{letter-spacing:.18em;color:var(--gold);font-family:Russo One,sans-serif;font-size:30px}.room .rh{color:var(--dim);flex:1;min-width:220px;font-size:14px}.joinbox{gap:2px;display:inline-flex}.joinbox input{letter-spacing:.2em;width:7.4em;color:var(--ink);outline:2px solid var(--line);text-transform:uppercase;-webkit-user-select:text;user-select:text;background:#08061499;border:0;padding:10px 12px;font-family:Russo One,sans-serif;font-size:18px}.joinbox input::placeholder{color:var(--dim);opacity:.7}.joinbox input:focus-visible{outline:3px solid var(--gold);outline-offset:0}.netmsg{min-height:1.4em;color:var(--gold);overflow-wrap:anywhere;margin:10px 0 0;font-size:14px}.wait{color:var(--dim)}.slot h3 small{color:var(--dim);letter-spacing:.04em;text-transform:uppercase;font-family:Chakra Petch,sans-serif;font-size:12px}.slot.me{box-shadow:0 0 26px -6px var(--c) inset,0 0 0 1px var(--c)}#net{color:var(--dim);opacity:.8;font-size:11px;position:absolute;bottom:8px;right:12px}#sector .inf{color:#9dff47;font-weight:600}.pips .st{color:#ffe9a6;margin-left:8px;font-weight:600}.uptimer{background:#ffffff1a;height:6px;margin:14px 0 2px;overflow:hidden}.uptimer i{background:var(--gold);width:100%;height:100%;transition:width .1s linear;display:block}.uptxt{color:var(--gold);letter-spacing:.04em;margin:0;font-family:Russo One,sans-serif;font-size:14px}.card.chosen{border-color:#9dff47;transform:translateY(-4px);box-shadow:0 10px 30px -12px #9dff47}.card.off{opacity:.35}.card:disabled{cursor:default}.card .lv{color:var(--dim);margin-top:6px;font-size:12px;display:block}.stars b{color:#ffe9a6}.upothers{margin:10px 0 0;font-size:14px}.btn:disabled{opacity:.4;cursor:default}.btn.big{background:var(--gold);color:var(--void);padding:16px 46px;font-size:26px;box-shadow:0 0 24px #ffd84a59}.btn.inf{color:var(--gold);outline:2px solid var(--gold);background:0 0}.row.rooms{margin-top:12px}h2 small.mode{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;margin-left:8px;font-family:Chakra Petch,sans-serif;font-size:14px}.lead.unlock{color:var(--gold)}.board{max-width:560px;max-height:46vh;margin:10px 0 16px;padding:0;list-style:none;overflow-y:auto}.board li{border-left:3px solid var(--c);background:#f3eeff0a;grid-template-columns:2.4em 3.6em 1fr auto auto;align-items:baseline;gap:10px;margin-bottom:3px;padding:4px 10px;font-size:15px;display:grid}.board li.me{outline:1px solid var(--gold);background:#ffd84a29}.board .pos{color:var(--dim)}.board .ini{letter-spacing:.12em;color:var(--c);font-family:Russo One,sans-serif}.board .pts{text-align:right;font-weight:600}.board .sec,.board .pil{color:var(--dim);font-size:13px}.initials{flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0;display:flex}.initials label{width:100%;color:var(--gold);font-weight:600}.initials input{letter-spacing:.3em;text-transform:uppercase;width:5.2em;color:var(--ink);border:2px solid var(--gold);-webkit-user-select:text;user-select:text;background:#00000059;padding:6px 10px;font-family:Russo One,sans-serif;font-size:26px}.inimsg{color:var(--dim);font-size:14px}@media (pointer:coarse){#pcards{top:auto;bottom:calc(8px + env(safe-area-inset-bottom,0px));flex-flow:wrap;align-items:flex-end;gap:4px;left:8px;right:108px}.pc{flex:0 200px;min-width:0;padding:4px 8px 5px;font-size:12px}.pc .build{max-width:none}}@media (orientation:portrait) and (max-aspect-ratio:31/50){#c{width:100%;height:161.3vw;left:0;top:max(env(safe-area-inset-top,0px),calc((100dvh - 161.3vw) * .3));position:absolute}}