:root{--bg:#071317;--panel:#0b1b20;--panel2:#0e2328;--line:#1b363b;--text:#ecf7f5;--muted:#759096;--cyan:#63f4de;--cyan2:#17bfa9;--amber:#f4a85f;--red:#e86b69;--blue:#5fb6ff;--shadow:0 24px 70px #0008}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -15%,#143239 0,#071317 40%,#050e11 100%);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;min-height:100vh}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;z-index:20;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 38px;position:sticky;top:0;background:#071317e8;backdrop-filter:blur(18px);z-index:15}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);min-width:270px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--cyan);color:var(--cyan);font-weight:900;font-size:22px;clip-path:polygon(25% 0,100% 0,100% 75%,75% 100%,0 100%,0 25%)}.brand strong{font-size:14px;letter-spacing:.24em}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:.28em;margin-top:2px}.phase-nav{align-self:stretch;display:flex;margin:auto}.phase{background:none;border:0;border-left:1px solid #10292e;color:#617b81;padding:0 28px;display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}.phase:last-child{border-right:1px solid #10292e}.phase i{font-size:10px;font-style:normal;border:1px solid currentColor;width:25px;height:25px;border-radius:50%;display:grid;place-items:center}.phase span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.phase.active{color:var(--cyan);background:linear-gradient(180deg,#102a2e,transparent)}.phase.active:after{content:"";position:absolute;bottom:0;left:25%;right:25%;height:2px;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.top-actions{min-width:270px;display:flex;justify-content:flex-end;gap:9px}.button{border:1px solid var(--line);border-radius:4px;padding:11px 16px;background:transparent;color:var(--text);font:700 10px/1 inherit;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-1px);border-color:#497176}.button.primary{color:#04110f;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 28px #63f4de25}.button.ghost{background:#0d2025}.button.full{width:100%;padding:14px}main{max-width:1600px;margin:auto;padding:0 32px 60px}.hero{display:grid;grid-template-columns:1fr 520px;align-items:end;gap:80px;padding:62px 4px 38px}.eyebrow,.kicker{font-size:9px;font-weight:800;letter-spacing:.22em;color:var(--cyan);text-transform:uppercase}.hero h1{font-family:Georgia,serif;text-transform:uppercase;font-size:clamp(40px,5vw,74px);line-height:.94;margin:12px 0 18px;letter-spacing:-.035em;max-width:850px}.hero h1 em{font-weight:400;color:var(--cyan);font-style:italic;text-transform:none}.hero-copy{color:#8ba1a5;max-width:680px;line-height:1.7;margin:0}.glass,.panel{background:linear-gradient(145deg,#0e2328e8,#08171bde);border:1px solid var(--line);box-shadow:var(--shadow)}.battle-config{padding:22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:18px 24px;position:relative}.battle-config:before{content:"";position:absolute;inset:-1px auto auto -1px;width:70px;height:1px;background:var(--cyan)}label{font-size:9px;color:#779198;text-transform:uppercase;letter-spacing:.12em;font-weight:700}input,select{font:600 13px inherit;color:var(--text);background:#07161a;border:1px solid #1b383e;border-radius:3px;outline:none}input:focus,select:focus{border-color:var(--cyan)}.battle-config>label>input{display:block;margin-top:8px;width:100%;padding:11px}.stepper{display:grid;grid-template-columns:32px 1fr 32px 28px;align-items:center;margin-top:8px}.stepper input{width:100%;height:37px;border-radius:0;text-align:center}.stepper button{height:37px;border:1px solid #1b383e;background:#0d2328;color:var(--cyan);cursor:pointer}.stepper span{padding-left:8px;color:var(--muted)}.readiness{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:7px;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.readiness strong{color:var(--cyan)}.readiness div{grid-column:1/-1;height:3px;background:#10282d}.readiness i{display:block;height:100%;width:78%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.stats{border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);background:#08171b;margin-bottom:14px}.stats article{padding:18px 24px;border-right:1px solid var(--line);position:relative}.stats article:last-child{border:0}.stats article:before{content:"";position:absolute;left:0;top:24px;width:2px;height:24px;background:var(--cyan);opacity:.45}.stats span{display:block;color:#607c82;font-size:8px;letter-spacing:.19em;font-weight:800}.stats strong{font-family:Georgia,serif;font-weight:400;font-size:27px;margin:5px 8px 0 0;display:inline-block}.stats small{font-size:9px;color:#6f898e}.workspace{display:grid;grid-template-columns:275px minmax(600px,1fr) 310px;gap:14px}.panel{min-width:0}.teams-panel,.objective-panel{padding:22px}.panel-title{display:flex;justify-content:space-between;align-items:center}.panel-title h2,.map-header h2,.objective-hero h2{margin:5px 0 0;font:400 24px Georgia,serif}.icon-btn{border:1px solid #244147;background:#10262b;color:var(--cyan);width:32px;height:32px;border-radius:3px;font-size:19px;cursor:pointer}.team-filter{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:22px 0 18px}.team-filter button{border:1px solid #1d3b40;background:#09191d;color:#6c888d;font-size:10px;padding:8px 2px;cursor:pointer}.team-filter button.active{color:#061411;background:var(--cyan);border-color:var(--cyan);font-weight:900}.team-summary{display:flex;justify-content:space-between;color:#729096;font-size:9px;letter-spacing:.1em;margin-bottom:9px}.player-card{padding:11px 10px;border:1px solid #16353a;background:#0a1d21;margin-bottom:7px;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;cursor:grab;transition:.2s}.player-card:hover{border-color:#2e6267;transform:translateX(2px)}.player-card.dragging{opacity:.35}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#23525b,#0c292e);color:var(--cyan);font:700 10px Georgia,serif;border:1px solid #35656c}.player-card strong{display:block;font-size:11px}.player-card small{display:block;color:#668086;font-size:8px;margin-top:4px;text-transform:uppercase;letter-spacing:.08em}.power{font:700 10px Georgia,serif;color:#9fb2b5}.bench-drop{border:1px dashed #29474d;padding:14px;display:flex;align-items:center;gap:10px;margin-top:13px;color:#607b80}.bench-drop.dragover{border-color:var(--cyan);background:#0c292d}.bench-drop span{font-size:22px}.bench-drop strong{display:block;font-size:10px;color:#99afb2}.bench-drop small{font-size:8px}.map-panel{overflow:hidden}.map-header{height:84px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.legend{display:flex;gap:14px;font-size:8px;color:#6e898e;text-transform:uppercase;letter-spacing:.08em}.legend span{display:flex;align-items:center;gap:5px}.dot{width:6px;height:6px;border-radius:50%;background:#345057}.dot.cyan{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.dot.amber{background:var(--amber)}.map-stage{height:650px;position:relative;overflow:hidden;background:radial-gradient(circle at center,#17363a 0,#0b2227 36%,#07191d 72%),linear-gradient(30deg,#0d2529 12%,transparent 12.5%,transparent 87%,#0d2529 87.5%);isolation:isolate}.map-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#19404755 1px,transparent 1px),linear-gradient(90deg,#19404755 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle,#000 15%,transparent 80%);opacity:.35}.map-stage:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 15%,#63f4de0c,transparent 25%),radial-gradient(circle at 85% 85%,#e86b690c,transparent 25%);z-index:-1}.routes{position:absolute;inset:0;width:100%;height:100%;opacity:.45}.routes path,.routes circle{fill:none;stroke:url(#routeGlow);stroke-width:1;stroke-dasharray:5 8}.spawn{position:absolute;font-size:7px;letter-spacing:.16em;color:#587a80}.spawn strong{display:block;font-size:9px;margin-top:2px}.blue-spawn{left:3%;bottom:12%;color:#60c6ff}.red-spawn{right:3%;top:12%;text-align:right;color:#e97b78}.building-node{position:absolute;transform:translate(-50%,-50%);width:88px;text-align:center;border:0;background:none;color:var(--text);cursor:pointer;padding:0}.node-ring{width:52px;height:52px;margin:auto;display:grid;place-items:center;background:#0a1c21;border:1px solid #315159;transform:rotate(45deg);transition:.25s;box-shadow:0 10px 25px #0008}.node-ring span{transform:rotate(-45deg);font-size:19px;color:#78959a}.building-node:hover .node-ring,.building-node.selected .node-ring{border-color:var(--cyan);box-shadow:0 0 0 5px #63f4de0d,0 0 30px #63f4de30;transform:rotate(45deg) scale(1.08)}.building-node.assigned .node-ring{border-color:var(--amber);background:#2c2519}.building-node.selected.assigned .node-ring{border-color:var(--cyan)}.building-node.locked{opacity:.24;filter:grayscale(1)}.building-node strong{display:block;font-size:8px;line-height:1.2;margin-top:10px;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 2px 5px #000}.building-node small{font-size:7px;color:#6d898f}.team-tag{position:absolute;top:-8px;right:7px;min-width:24px;padding:3px 4px;border-radius:10px;background:var(--amber);color:#161009;font-size:7px;font-weight:900;z-index:2}.phase-note{position:absolute;left:22px;bottom:20px;display:flex;gap:12px;align-items:center;background:#061317de;border-left:2px solid var(--cyan);padding:11px 16px;backdrop-filter:blur(10px)}.phase-note>span{font:400 20px Georgia,serif;color:var(--cyan)}.phase-note strong{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.phase-note small{color:#6f8a8f;font-size:8px}.objective-hero{display:flex;gap:14px;min-height:92px}.building-icon{width:42px;height:42px;border:1px solid var(--cyan);display:grid;place-items:center;color:var(--cyan);font-size:20px;flex:0 0 auto;background:#0e292c}.objective-hero h2{font-size:20px}.objective-hero p{color:#718b90;font-size:10px;line-height:1.45;margin:7px 0}.value-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin:16px 0}.value-grid div{padding:12px;border-right:1px solid var(--line)}.value-grid div:last-child{border:0}.value-grid span,.objective-total span{display:block;font-size:8px;color:#668187;text-transform:uppercase;letter-spacing:.1em}.value-grid strong{display:block;font:400 19px Georgia,serif;color:var(--cyan);margin-top:4px}.field{display:block;margin-top:13px}.field select{display:block;width:100%;padding:10px;margin-top:7px}.hold-control{margin-top:18px}.hold-control label{display:flex;justify-content:space-between;align-items:center}.hold-control strong{color:var(--cyan);font-size:10px}.hold-control input{width:100%;accent-color:var(--cyan);margin:13px 0 2px}.range-labels{display:flex;justify-content:space-between;color:#526e74;font-size:7px}.toggle{display:flex;align-items:center;gap:10px;margin-top:17px;cursor:pointer}.toggle input{display:none}.toggle>span{width:34px;height:18px;border-radius:10px;background:#19343a;position:relative;transition:.2s}.toggle>span:after{content:"";width:12px;height:12px;border-radius:50%;background:#607f84;position:absolute;left:3px;top:3px;transition:.2s}.toggle input:checked+span{background:#164e48}.toggle input:checked+span:after{left:19px;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.toggle strong{display:block;color:#a9b9bb;font-size:9px}.toggle small{font-size:7px;color:#587177}.objective-total{margin:18px -22px 0;padding:16px 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#07171b}.objective-total strong{font:400 26px Georgia,serif;color:var(--cyan)}.assignment-list{padding-top:17px}.assignment-list #assignedToBuilding{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.mini-avatar{width:25px;height:25px;border-radius:50%;background:#17383e;color:#85f9e8;border:1px solid #2b5a60;display:grid;place-items:center;font-size:8px}.assignment-list>small{color:#516b70;font-size:8px}.lower-grid{display:grid;grid-template-columns:2fr 1fr;gap:14px;margin-top:14px}.timeline-panel,.intel-panel{padding:22px}.timeline-ruler{display:flex;justify-content:space-between;margin:24px 0 8px 116px;color:#506c71;font-size:8px}.timeline{border-top:1px solid #203e43}.timeline-row{display:grid;grid-template-columns:105px 1fr;gap:12px;align-items:center;border-bottom:1px solid #102d32;padding:11px 0}.timeline-row>strong{font-size:9px;color:#8fa6a9}.timeline-track{height:23px;background:repeating-linear-gradient(90deg,#0d2429 0,#0d2429 calc(25% - 1px),#1c393e calc(25% - 1px),#1c393e 25%);position:relative}.timeline-block{position:absolute;top:3px;height:17px;background:linear-gradient(90deg,#147d70,#24bba7);border-left:2px solid var(--cyan);font-size:7px;padding:5px;color:#dffff9;white-space:nowrap;overflow:hidden}.timeline-block.amber{background:linear-gradient(90deg,#755127,#b57b3d);border-color:var(--amber)}.timeline-block.red{background:linear-gradient(90deg,#6a3132,#a94c4c);border-color:var(--red)}.live-pill{color:var(--cyan);font-size:8px;letter-spacing:.1em}.intel-card{display:grid;grid-template-columns:29px 1fr;gap:10px;padding:13px 0;border-bottom:1px solid #163238}.intel-card:last-child{border:0}.intel-card>span{width:26px;height:26px;display:grid;place-items:center;background:#123137;color:var(--cyan);font-size:11px}.intel-card strong{display:block;font-size:10px;margin-bottom:5px}.intel-card p{color:#688288;font-size:9px;line-height:1.5;margin:0}.intel-card.warning>span{color:var(--amber);background:#302719}dialog{border:1px solid #265057;background:#0a1c21;color:var(--text);padding:0;width:min(420px,90vw);box-shadow:0 40px 100px #000b}dialog::backdrop{background:#02090bdc;backdrop-filter:blur(6px)}dialog form{padding:24px}.dialog-head{display:flex;justify-content:space-between;margin-bottom:20px}.dialog-head h2{font:400 25px Georgia,serif;margin:5px 0}dialog label{display:block;margin:12px 0}dialog input,dialog select{display:block;width:100%;padding:11px;margin-top:7px}#toast{position:fixed;right:28px;bottom:28px;background:var(--cyan);color:#061411;padding:13px 18px;font-size:10px;font-weight:800;letter-spacing:.08em;transform:translateY(80px);opacity:0;transition:.3s;z-index:30}#toast.show{transform:none;opacity:1}@media(max-width:1250px){.workspace{grid-template-columns:240px minmax(560px,1fr)}.objective-panel{grid-column:1/-1;display:grid;grid-template-columns:1.3fr repeat(2,1fr);gap:15px}.objective-total{margin:0;padding:15px}.assignment-list{padding:0}.top-actions{min-width:210px}.brand{min-width:210px}}@media(max-width:900px){.topbar{padding:0 16px}.phase span,.top-actions .ghost{display:none}.brand,.top-actions{min-width:auto}.phase{padding:0 14px}.hero{grid-template-columns:1fr;gap:25px;padding-top:40px}.stats{grid-template-columns:1fr 1fr}.stats article:nth-child(2){border-right:0}.workspace,.lower-grid{grid-template-columns:1fr}.teams-panel{order:2}.map-stage{height:570px}.objective-panel{grid-column:auto;display:block}.objective-total{margin:18px -22px 0;padding:16px 22px}.assignment-list{padding-top:17px}}@media(max-width:620px){main{padding:0 12px 40px}.topbar{height:65px}.brand small{display:none}.brand strong{font-size:11px}.phase{padding:0 8px}.top-actions .primary{padding:9px;font-size:8px}.hero h1{font-size:42px}.battle-config{grid-template-columns:1fr}.readiness{grid-column:auto}.stats article{padding:14px}.stats strong{font-size:21px}.map-header{height:auto;gap:15px}.legend{display:none}.map-stage{height:520px}.building-node{transform:translate(-50%,-50%) scale(.82)}.lower-grid{display:block}.intel-panel{margin-top:14px}}