.sp-app{--sp-panel:rgba(16,24,34,0.62);--sp-line:rgba(255,255,255,0.09);--sp-text:#ece8e1;--sp-muted:rgba(236,232,225,0.55);--sp-accent:#3ef0c5;--sp-red:#ff4655;--sp-btn:rgba(255,255,255,0.06);--sp-btn-hover:rgba(255,255,255,0.12);--sp-on:rgba(62,240,197,0.18);position:relative;display:grid;grid-template-columns:236px minmax(0,1fr);height:calc(100vh - 64px);min-height:560px;color:var(--sp-text);font-family:var(--vc-font-body,"Barlow",sans-serif);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.sp-app button{font:inherit;color:inherit;cursor:pointer}.sp-app button:disabled{opacity:.35;cursor:default}.sp-side{display:flex;flex-direction:column;gap:16px;padding:14px 12px;overflow-y:auto;background:var(--sp-panel);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border-right:1px solid var(--sp-line)}.sp-side h4{margin:0 0 8px;font:700 17px/1 var(--vc-font-cond,sans-serif);letter-spacing:.04em}.sp-side section{display:flex;flex-direction:column;gap:6px}.sp-mapcard{display:grid;grid-template-columns:1fr 58px;grid-gap:6px;gap:6px}.sp-mapthumb{position:relative;height:58px;padding:0;border:1px solid var(--sp-line);border-radius:10px;overflow:hidden;background:#0f1923}.sp-mapthumb img{width:100%;height:100%;object-fit:cover;opacity:.75;transition:transform .4s,opacity .3s}.sp-mapthumb:hover img{transform:scale(1.06);opacity:.95}.sp-mapthumb span{position:absolute;inset:0;display:grid;place-items:center;font:400 26px/1 var(--vc-font-display,Impact,sans-serif);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.8)}.sp-sidebtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:1px solid var(--sp-line);border-radius:10px;background:var(--sp-btn);font:600 11px/1 var(--vc-font-cond,sans-serif)!important;letter-spacing:.06em;transition:background .2s}.sp-sidebtn.attack{color:var(--sp-red)}.sp-sidebtn.defense{color:var(--sp-accent)}.sp-sidebtn:hover{background:var(--sp-btn-hover)}.sp-title{height:34px;padding:0 10px;border:1px solid var(--sp-line);border-radius:8px;background:rgba(0,0,0,.25);color:var(--sp-text);font:600 14px/1 var(--vc-font-body,sans-serif)}.sp-title:focus{outline:none;border-color:var(--sp-accent)}.sp-steps{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px}.sp-step{position:relative;height:32px;border:1px solid transparent;border-radius:7px;background:transparent;font:600 17px/1 var(--vc-font-cond,sans-serif)!important;transition:background .2s,border-color .2s}.sp-step:hover{background:var(--sp-btn)}.sp-step.has:after{content:"";position:absolute;bottom:4px;left:50%;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--sp-accent)}.sp-step[aria-selected=true]{background:#1f6f8b;border-color:rgba(255,255,255,.2)}.sp-step.playing{background:rgba(62,240,197,.25)}.sp-play{display:grid;grid-template-columns:38px 1fr 52px;grid-gap:8px;gap:8px;align-items:center;margin-top:4px}.sp-playbtn{height:32px;border:0;border-radius:8px;background:#1a9fe0;color:#fff!important;display:grid;place-items:center;transition:background .2s,transform .15s}.sp-playbtn:hover{background:#33b3f0}.sp-playbtn:active{transform:scale(.94)}.sp-playbtn.on{background:var(--sp-red)}.sp-play input[type=range]{width:100%;accent-color:var(--sp-accent)}.sp-speed select{width:100%;height:30px;background:rgba(0,0,0,.3);color:var(--sp-text);font-size:12px}.sp-speed select,.sp-wide{border:1px solid var(--sp-line);border-radius:8px}.sp-wide{height:32px;background:var(--sp-btn);font:600 13px/1 var(--vc-font-body,sans-serif)!important;transition:background .2s,border-color .2s}.sp-wide:hover{background:var(--sp-btn-hover)}.sp-wide.danger{background:rgba(31,111,139,.8)}.sp-wide.danger:hover{background:var(--sp-red)}.sp-kinds{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px}.sp-kinds button{height:30px;display:grid;place-items:center;border:1px solid var(--sp-line);border-radius:7px;background:var(--sp-btn)}.sp-kinds button:hover{background:rgba(255,70,85,.25);border-color:rgba(255,70,85,.5)}.sp-tools-sec{margin-top:auto}.sp-tools{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:4px;gap:4px}.sp-tool{height:34px;display:grid;place-items:center;border:1px solid var(--sp-line);border-radius:8px;background:var(--sp-btn);transition:background .2s,border-color .2s,transform .15s}.sp-tool:hover{background:var(--sp-btn-hover)}.sp-tool:active{transform:scale(.93)}.sp-tool[aria-selected=true]{background:#1f6f8b;border-color:rgba(255,255,255,.25)}.sp-tool.stamp{height:30px}.sp-penopts{display:flex;flex-direction:column;gap:8px;margin-top:8px}.sp-colors{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:4px;gap:4px}.sp-colors button{aspect-ratio:1;border:2px solid transparent;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.4)}.sp-colors button.on{border-color:#fff;transform:scale(1.1)}.sp-penrow{display:grid;grid-template-columns:1fr 28px 28px 28px;grid-gap:4px;gap:4px;align-items:center}.sp-penrow input{accent-color:var(--sp-accent)}.sp-penrow button{height:26px;border:1px solid var(--sp-line);border-radius:6px;background:var(--sp-btn);font-size:13px!important}.sp-penrow button.on{background:#1f6f8b}.sp-stage{position:relative;display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 50% 40%,rgba(20,34,48,.55),rgba(8,13,19,.85))}.sp-topbar{position:absolute;z-index:5;top:12px;left:12px;display:flex;align-items:center;gap:6px}.sp-topbar button,.sp-zoom button{position:relative;width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--sp-line);border-radius:10px;background:rgba(16,24,34,.7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:background .2s,transform .15s}.sp-topbar button:hover:not(:disabled),.sp-zoom button:hover{background:rgba(40,60,80,.85)}.sp-topbar button:active:not(:disabled){transform:scale(.92)}.sp-topbar button.on{background:#1f6f8b}.sp-count{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--sp-accent);color:#0f1923;font:700 10px/16px var(--vc-font-body,sans-serif)}.sp-sep{width:1px;height:22px;background:var(--sp-line);margin:0 4px}.sp-busy{padding:6px 12px;border-radius:10px;background:rgba(255,70,85,.2);border:1px solid rgba(255,70,85,.4);font:600 12px/1 var(--vc-font-cond,sans-serif);letter-spacing:.08em;animation:sp-blink 1s ease-in-out infinite alternate}@keyframes sp-blink{to{opacity:.55}}.sp-zoom{position:absolute;z-index:5;top:12px;right:12px;display:flex;flex-direction:column;gap:6px}.sp-zoom button{font-size:18px!important}.sp-livebar{position:absolute;z-index:5;top:58px;left:12px;display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:10px;background:rgba(16,24,34,.75);border:1px solid rgba(62,240,197,.3);font:700 12px/1 var(--vc-font-cond,sans-serif);letter-spacing:.1em;color:var(--sp-accent)}.sp-livebar i{width:7px;height:7px;border-radius:50%;background:#8b97a3}.sp-livebar i.on{background:var(--sp-accent);box-shadow:0 0 8px var(--sp-accent)}.sp-member{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;color:#0f1923;font-size:11px}.sp-board{position:relative;flex:1 1 auto;min-height:0;overflow:hidden;touch-action:none;cursor:-webkit-grab;cursor:grab}.sp-board:active{cursor:-webkit-grabbing;cursor:grabbing}.sp-board.is-place{cursor:copy}.sp-board.is-pen{cursor:crosshair}.sp-board.is-erase{cursor:cell}.sp-board svg{display:block}.sp-mapimg{pointer-events:none;filter:hue-rotate(165deg) saturate(1.35) brightness(1.05)}.sp-obj{cursor:move}.sp-obj:hover{filter:brightness(1.25)}.sp-handle{cursor:-webkit-grab;cursor:grab}.sp-selring{animation:sp-spin 6s linear infinite;transform-box:fill-box;transform-origin:center}@keyframes sp-spin{to{transform:rotate(1turn)}}.sp-smoke{filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.sp-text{font-family:var(--vc-font-body,sans-serif)}.sp-ctx{position:absolute;z-index:6;display:flex;gap:3px;padding:4px;transform:translate(-50%,-100%);border-radius:10px;background:rgba(16,24,34,.82);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 30px rgba(0,0,0,.4);animation:sp-pop .22s cubic-bezier(.32,1.3,.5,1)}@keyframes sp-pop{0%{opacity:0;transform:translate(-50%,-90%) scale(.9)}}.sp-ctx button{width:28px;height:28px;border:0;border-radius:7px;background:transparent;font-size:15px!important}.sp-ctx button:hover{background:var(--sp-btn-hover)}.sp-ctx button.del:hover{background:rgba(255,70,85,.35)}.sp-textedit{position:absolute;z-index:7;transform:translate(-50%,-50%);min-width:160px;height:32px;padding:0 10px;border:1px solid var(--sp-accent);border-radius:8px;background:rgba(10,17,24,.9);color:#fff;font:600 14px/1 var(--vc-font-body,sans-serif);outline:none}.sp-toast{position:absolute;z-index:8;left:50%;bottom:16px;transform:translateX(-50%);padding:9px 16px;border-radius:12px;background:rgba(16,24,34,.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(62,240,197,.35);font:600 13px/1.2 var(--vc-font-body,sans-serif);animation:sp-pop-up .3s cubic-bezier(.32,1.3,.5,1)}@keyframes sp-pop-up{0%{opacity:0;transform:translate(-50%,10px)}}.sp-abilitybar{position:absolute;z-index:6;left:12px;bottom:84px;display:flex;align-items:center;gap:4px;padding:5px;border-radius:12px;background:rgba(24,40,62,.82);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.14);box-shadow:0 16px 40px rgba(0,0,0,.4);animation:sp-pop-up2 .28s cubic-bezier(.32,1.3,.5,1)}@keyframes sp-pop-up2{0%{opacity:0;transform:translateY(10px)}}.sp-ab-agent{width:40px;height:40px;margin-right:4px;filter:drop-shadow(0 4px 5px rgba(0,0,0,.6))}.sp-ability{position:relative;width:46px;height:46px;display:grid;place-items:center;border:1px solid transparent;border-radius:9px;background:rgba(255,255,255,.05);transition:background .2s,transform .15s}.sp-ability:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}.sp-ability[aria-selected=true]{background:#1f6f8b;border-color:rgba(255,255,255,.35)}.sp-ability img{width:30px;height:30px;object-fit:contain;pointer-events:none}.sp-ability kbd{position:absolute;right:2px;bottom:1px;font:700 9px/1 var(--vc-font-cond,sans-serif);color:var(--sp-muted)}.sp-ab-close{width:26px;height:26px;border:0;border-radius:7px;background:transparent;color:var(--sp-muted)!important}.sp-agentbar{flex:0 0 72px;display:grid;grid-template-columns:170px minmax(0,1fr);border-top:1px solid var(--sp-line);background:var(--sp-panel);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%)}.sp-filters{display:grid;grid-template-columns:1fr 52px;grid-template-rows:auto auto;grid-gap:5px;gap:5px;padding:6px 8px;border-right:1px solid var(--sp-line)}.sp-seg{display:flex;gap:2px;grid-column:1/2}.sp-seg button{flex:1 1;height:24px;border:0;border-radius:6px;background:transparent;font:600 11px/1 var(--vc-font-body,sans-serif)!important;color:var(--sp-muted)!important;white-space:nowrap}.sp-seg button[aria-selected=true]{background:#1f6f8b;color:#fff!important}.sp-roles{display:flex;gap:2px;grid-column:1/2}.sp-roles button{flex:1 1;height:24px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;opacity:.6}.sp-roles button[aria-selected=true]{opacity:1;background:rgba(255,255,255,.12)}.sp-roles img{width:14px;height:14px;filter:brightness(0) invert(1)}.sp-team{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid var(--sp-line);border-radius:9px;background:var(--sp-btn);font:700 11px/1 var(--vc-font-cond,sans-serif)!important;letter-spacing:.06em}.sp-team i{width:30px;height:16px;border-radius:8px;position:relative;background:rgba(255,255,255,.15);transition:background .25s}.sp-team i:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.32,1.3,.5,1)}.sp-team.ally{color:var(--sp-accent)!important}.sp-team.ally i{background:var(--sp-accent)}.sp-team.ally i:after{transform:translateX(14px)}.sp-team.enemy{color:var(--sp-red)!important}.sp-team.enemy i{background:var(--sp-red)}.sp-agents{display:flex;gap:4px;padding:6px 8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.sp-agent{position:relative;flex:0 0 auto;perspective:400px}.sp-agent>button:first-child{width:58px;height:58px;padding:0;border:0;background:transparent;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.32,1.3,.5,1),filter .3s;filter:drop-shadow(0 6px 6px rgba(0,0,0,.55)) drop-shadow(0 1px 1px rgba(0,0,0,.4))}.sp-agent>button:first-child:hover{transform:translateY(-5px) rotateX(12deg) rotateY(-8deg) scale(1.08);filter:drop-shadow(0 12px 10px rgba(0,0,0,.6)) drop-shadow(0 0 10px color-mix(in srgb,var(--agent) 55%,transparent))}.sp-agent>button:first-child:active{transform:translateY(-1px) scale(.96)}.sp-agent img{width:100%;height:100%;object-fit:contain;pointer-events:none}.sp-agent.onmap>button:first-child{filter:drop-shadow(0 6px 6px rgba(0,0,0,.55)) drop-shadow(0 0 7px rgba(62,240,197,.75))}.sp-agent.focus>button:first-child{filter:drop-shadow(0 6px 6px rgba(0,0,0,.55)) drop-shadow(0 0 8px rgba(255,255,255,.7))}.sp-agent.onmap:after{content:"";position:absolute;left:50%;bottom:-3px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--sp-accent);box-shadow:0 0 6px var(--sp-accent)}.sp-fav{position:absolute;top:1px;right:2px;width:16px;height:16px;padding:0;border:0;background:transparent;font-size:11px!important;color:rgba(255,255,255,.35)!important;opacity:0;transition:opacity .2s}.sp-agent:hover .sp-fav,.sp-fav.on{opacity:1}.sp-fav.on{color:#ffd32a!important}.sp-empty{margin:auto 12px;color:var(--sp-muted);font-size:13px}.sp-dialog-scrim{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px}.sp-dialog{position:relative;width:min(640px,100%);max-height:86vh;overflow-y:auto;padding:24px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.025) 55%),rgba(16,24,34,.78);-webkit-backdrop-filter:blur(40px) saturate(180%);backdrop-filter:blur(40px) saturate(180%);border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 40px 100px rgba(0,0,0,.55)}.sp-dialog h3{margin:0 0 16px;font:400 30px/1 var(--vc-font-display,Impact,sans-serif);text-transform:uppercase;letter-spacing:.02em}.sp-dialog h4{margin:20px 0 8px;font:700 15px/1 var(--vc-font-cond,sans-serif);letter-spacing:.08em;text-transform:uppercase;color:var(--sp-muted)}.sp-dialog-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border:1px solid var(--sp-line);border-radius:50%;background:var(--sp-btn)}.sp-maps{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:8px;gap:8px}.sp-maps button{position:relative;height:76px;padding:0;border:1px solid var(--sp-line);border-radius:12px;overflow:hidden;background:#0f1923}.sp-maps img{width:100%;height:100%;object-fit:cover;opacity:.7;transition:transform .4s,opacity .3s}.sp-maps button:hover img{transform:scale(1.08);opacity:.95}.sp-maps span{position:absolute;inset:0;display:grid;place-items:center;font:400 22px/1 var(--vc-font-display,Impact,sans-serif);text-transform:uppercase;text-shadow:0 2px 8px rgba(0,0,0,.8)}.sp-maps button.on{border-color:var(--sp-accent);box-shadow:0 0 0 1px var(--sp-accent)}.sp-settings{display:flex;flex-direction:column;gap:12px}.sp-switch{display:flex;align-items:center;gap:12px;font-size:14px;cursor:pointer}.sp-switch input{display:none}.sp-switch span{position:relative;width:38px;height:22px;border-radius:11px;background:rgba(255,255,255,.15);transition:background .25s}.sp-switch span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .25s cubic-bezier(.32,1.3,.5,1)}.sp-switch input:checked+span{background:var(--sp-accent)}.sp-switch input:checked+span:after{transform:translateX(16px)}.sp-field{display:flex;align-items:center;gap:12px;font-size:14px}.sp-field.col{flex-direction:column;align-items:stretch;gap:6px}.sp-field input[type=range]{flex:1 1;accent-color:var(--sp-accent)}.sp-codein,.sp-field input:not([type]){height:38px;padding:0 12px;border:1px solid var(--sp-line);border-radius:10px;background:rgba(0,0,0,.3);color:#fff;font:500 14px/1 var(--vc-font-body,sans-serif)}.sp-codein{flex:1 1;text-transform:uppercase}.sp-hint{color:var(--sp-muted);font-size:13px;line-height:1.6;margin:8px 0}.sp-hint kbd{padding:1px 5px;border-radius:4px;background:rgba(255,255,255,.1);font:600 11px/1.4 var(--vc-font-body,sans-serif);color:var(--sp-text)}.sp-code{color:var(--sp-accent);letter-spacing:.12em}.sp-row{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.sp-btn{height:40px;padding:0 18px}.sp-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:6px;gap:6px}.sp-list a{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.05);color:var(--sp-text);text-decoration:none;font-size:14px}.sp-list a:hover{background:rgba(255,255,255,.1)}.sp-list span{color:var(--sp-muted);font-size:12px}@media (max-width:900px){.sp-app{grid-template-columns:1fr;grid-template-rows:minmax(420px,62vh) auto;height:auto}.sp-stage{grid-row:1}.sp-side{grid-row:2;border-right:0;border-top:1px solid var(--sp-line)}.sp-tools-sec{margin-top:0}.sp-agentbar{grid-template-columns:1fr;flex-basis:auto}.sp-filters{border-right:0;border-bottom:1px solid var(--sp-line)}.sp-abilitybar{bottom:140px}}.strats-gamebar{position:relative;z-index:3;display:flex;gap:2px;height:40px;padding:0 12px;background:rgba(10,17,24,.7);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08)}.strats-gamebar button{position:relative;padding:0 16px;border:0;background:transparent;color:rgba(236,232,225,.55);font:600 15px/1 var(--vc-font-cond,sans-serif);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.strats-gamebar button[aria-selected=true]{color:#fff;box-shadow:inset 0 -2px 0 #ece8e1}.strats-planner-page{padding:0!important;max-width:none!important;margin:0!important}@media (min-width:851px){.strats-gamebar,.strats-planner-page{margin-left:74px!important}}.strats-planner-page .sp-app{height:calc(100vh - 104px)}