:root{--bg:#070b22;--bg2:#0c1231;--panel:#111a44;--panel2:#182353;--line:#26356f;--blue:#2b6fff;--blue2:#4d8cff;--cyan:#35e0ff;--orange:#ff7a1a;--gold:#ffcf3a;--green:#35d07f;--red:#ff3b5c;--text:#eaf0ff;--dim:#8ea0d6}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,#16215a 0%,transparent 60%),linear-gradient(180deg,#070b22,#05081a);color:var(--text);font-family:Courier New,ui-monospace,monospace;-webkit-font-smoothing:none;overflow-x:hidden}.wrap{max-width:920px;margin:0 auto;padding:18px 14px 60px}h1,h2,h3{margin:0;letter-spacing:2px;text-transform:uppercase}.logo{font-weight:900;font-size:34px;letter-spacing:4px;background:linear-gradient(180deg,#fff,var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(53,224,255,.35)}.logo b{color:var(--orange);-webkit-text-fill-color:var(--orange)}.sub{color:var(--dim);letter-spacing:3px;font-size:12px;margin-top:4px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:14px}.stat-chip{display:inline-flex;gap:6px;align-items:center;font-size:13px;color:var(--dim)}.stat-chip b{color:var(--text)}.panel{background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px;box-shadow:0 10px 30px #00000059}.grid{display:grid;gap:12px}.g3{grid-template-columns:repeat(3,1fr)}@media (max-width:680px){.g3{grid-template-columns:1fr}}button{font-family:inherit;cursor:pointer;border:0;border-radius:8px;padding:11px 14px;font-weight:800;letter-spacing:1px;text-transform:uppercase;font-size:13px;color:#fff;background:linear-gradient(180deg,var(--blue2),var(--blue));border:1px solid #6ea3ff;transition:.1s;box-shadow:0 3px #12377e}button:hover{filter:brightness(1.1)}button:active{transform:translateY(2px);box-shadow:0 1px #12377e}button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}button.ghost{background:transparent;border:1px solid var(--line);color:var(--dim);box-shadow:none}button.warn{background:linear-gradient(180deg,#ff9a4d,var(--orange));border-color:#ffb877;box-shadow:0 3px #a84600}button.gold{background:linear-gradient(180deg,#ffe07a,var(--gold));border-color:#fff0b0;color:#3a2a00;box-shadow:0 3px #a6810a}button.sm{padding:6px 9px;font-size:11px;box-shadow:none;border-radius:6px}.card{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:12px;position:relative}.card.pick{cursor:pointer}.card.pick:hover{border-color:var(--cyan);box-shadow:0 0 0 2px #35e0ff40}.pname{font-weight:900;letter-spacing:1px;font-size:15px}.arch{display:inline-block;font-size:10px;font-weight:800;padding:2px 7px;border-radius:20px;margin-top:4px;letter-spacing:1px}.a-DR{background:#3a1150;color:#e79bff;border:1px solid #7a2ea8}.a-PM{background:#0d3a4a;color:#7fe6ff;border:1px solid #1f7fa0}.a-WL{background:#3a2c0d;color:#ffcf7a;border:1px solid #a07e1f}.a-ST{background:#4a0d18;color:#ff9baf;border:1px solid #a01f3a}.a-SP{background:#0d4a2c;color:#7fffbf;border:1px solid #1fa06e}.a-EG{background:#12204a;color:#9dc0ff;border:1px solid #3a5ba8}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2px 12px;margin-top:8px;font-size:12px;color:var(--dim)}.stats b{color:var(--text);float:right}.weapon{margin-top:9px;font-size:11px;color:var(--gold);border-top:1px dashed var(--line);padding-top:7px}.weapon .wc{color:var(--dim)}.rar{position:absolute;top:8px;right:10px;font-size:11px;letter-spacing:1px}.center{text-align:center}.muted{color:var(--dim);font-size:13px;line-height:1.5}.legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;justify-content:center}.legend span{font-size:11px;color:var(--dim)}.map{position:relative;padding:6px 0}.row{display:flex;justify-content:center;gap:14px;margin:0 0 34px;position:relative}.node{width:96px;min-height:92px;border-radius:10px;border:1px solid var(--line);background:var(--panel2);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;position:relative;transition:.12s}.node .ic{font-size:26px;line-height:1}.node .nt{font-size:10px;letter-spacing:1px;color:var(--dim);text-align:center}.node.locked{opacity:.32;filter:grayscale(.6)}.node.avail{cursor:pointer;border-color:var(--cyan);box-shadow:0 0 0 2px #35e0ff38,0 0 22px #35e0ff2e}.node.avail:hover{transform:translateY(-3px)}.node.done{border-color:var(--green);opacity:.6}.node.boss{border-color:var(--red)}.node.boss.avail{box-shadow:0 0 0 2px #ff3b5c59,0 0 22px #ff3b5c40}.rowlabel{position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:10px;color:var(--dim);letter-spacing:1px;width:70px;text-align:right}.pitch{background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0/20% 100%,linear-gradient(180deg,#0b3d2a,#072a1d);border:2px solid #1f7a52;border-radius:12px;padding:14px;position:relative;overflow:hidden}.pitch:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#ffffff26}.lane{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:2}.token{flex:0 0 auto;width:118px;background:#040a14b8;border:1px solid var(--line);border-radius:9px;padding:9px;text-align:center;transition:.15s}.token.me{border-color:var(--cyan)}.token.foe{border-color:var(--red)}.token.gk{border-color:var(--gold)}.token.active{box-shadow:0 0 0 2px var(--cyan),0 0 20px #35e0ff66;transform:scale(1.06)}.token.beaten{opacity:.3;filter:grayscale(1)}.token.flow{box-shadow:0 0 0 2px var(--gold),0 0 22px #ffcf3a80}.token .tn{font-weight:800;font-size:12px;letter-spacing:.5px}.token .ts{font-size:10px;color:var(--dim);margin-top:3px}.midcol{flex:1;text-align:center;min-width:60px}.scoreboard{display:flex;justify-content:center;align-items:center;gap:16px;margin:2px 0 12px;font-weight:900;letter-spacing:1px}.scoreboard .sc{font-size:30px}.me-c{color:var(--cyan)}.foe-c{color:var(--red)}.flowbar{display:flex;gap:4px;justify-content:center;margin:8px 0}.flowpip{width:22px;height:10px;border-radius:3px;background:#20305f;border:1px solid var(--line)}.flowpip.on{background:linear-gradient(180deg,#ffe07a,var(--gold));border-color:#fff0b0;box-shadow:0 0 8px #ffcf3a99}.log{background:#04081a;border:1px solid var(--line);border-radius:8px;padding:10px;height:120px;overflow:auto;font-size:12px;line-height:1.55;margin-top:12px}.log .l-goal{color:var(--green);font-weight:800}.log .l-miss{color:var(--red)}.log .l-win{color:var(--cyan)}.log .l-wpn{color:var(--gold)}.log .l-sys{color:var(--dim)}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.fadein{animation:fade .25s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}.flash{animation:flash .5s}@keyframes flash{0%{box-shadow:0 0 #35d07fb3}to{box-shadow:0 0 0 40px #35d07f00}}.hidden{display:none!important}.kv{display:flex;justify-content:space-between;font-size:13px;padding:4px 0;border-bottom:1px dashed var(--line)}.formrow{display:flex;align-items:center;gap:10px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin-bottom:7px}.formrow .idx{color:var(--gold);font-weight:900;width:20px}.formrow .fn{flex:1;font-weight:800;font-size:13px}.tag{font-size:10px;color:var(--dim)}.big{font-size:20px;font-weight:900;letter-spacing:2px}a{color:var(--cyan)}.foot{color:var(--dim);font-size:11px;text-align:center;margin-top:20px;line-height:1.6}