[data-theme=light] .tactics-studio .tactics-download{color:#fff}[data-theme=light] .tactics-studio .tactics-download:hover:not(:disabled){background:#89204e;border-color:#89204e}.tactics-page{max-width:1580px}.tactics-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin:32px 0;display:flex}.tactics-heading .eyebrow{letter-spacing:2px;font-size:10px}.tactics-heading h1{letter-spacing:-1.8px;margin-top:13px;font-size:clamp(36px,4.8vw,66px);font-weight:500}.tactics-heading h1 span{color:var(--pink)}.tactics-heading>p{color:var(--muted);max-width:280px;font-size:12px;line-height:1.8}.tactics-studio{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden}.tactics-studio button{border:1px solid var(--line);background:0 0;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px 11px;font-size:11px;line-height:1.5;transition:background .16s,border-color .16s;display:inline-flex}.tactics-studio button:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted)}.tactics-studio button:disabled{cursor:not-allowed;opacity:.4}.tactics-studio button:focus-visible,.tactics-studio input:focus-visible,.tactics-studio textarea:focus-visible,.tactics-studio select:focus-visible,.tactics-map:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.tactics-studio button[aria-pressed=true]{color:var(--pink);border-color:var(--pink);background:color-mix(in srgb, var(--pink) 9%, var(--surface))}.tactics-topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:17px 22px;display:flex}.tactics-live{letter-spacing:1.2px;flex-wrap:wrap;align-items:center;gap:10px;font-size:10px;display:flex}.tactics-live>span{background:var(--pink);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #ff94be55}.tactics-live small{color:var(--muted);letter-spacing:0;border-left:1px solid var(--line);padding-left:10px;font-size:10px}.tactics-document-title{min-width:0;max-width:350px;color:var(--muted);flex:220px;gap:5px;font-size:9px;display:grid}.tactics-document-title input{border:1px solid var(--line);background:var(--bg);width:100%;min-width:0;color:var(--text);border-radius:7px;padding:9px 11px;font-size:11px}.tactics-document-title input::placeholder,.tactics-search input::placeholder{color:var(--muted);opacity:.85}.tactics-actions{flex-shrink:0;gap:8px;display:flex}.tactics-studio .tactics-download{background:var(--pink);border-color:var(--pink);color:#21151b;font-weight:700}.tactics-studio .tactics-download:hover:not(:disabled){background:#ffbad5;border-color:#ffbad5}.tactics-workspace{grid-template-columns:195px minmax(0,1fr);display:grid}.tactics-palette{border-right:1px solid var(--line);min-width:0;padding:22px 15px}.tactics-panel-title{color:var(--pink);align-items:center;gap:9px;margin-bottom:17px;display:flex}.tactics-panel-title h2{color:var(--text);letter-spacing:-.2px;font-size:15px;font-weight:500;line-height:1.4}.tactics-sides{gap:5px;margin-bottom:12px;display:flex}.tactics-sides button{flex:1;padding:7px}.tactics-sides button>span{background:#63c9ff;border-radius:50%;width:6px;height:6px}.tactics-sides button[data-side=red]>span{background:#ff799c}.tactics-sides button[data-side=blue][aria-pressed=true]{color:#63c9ff;background:#63c9ff11;border-color:#63c9ff}.tactics-sides button[data-side=red][aria-pressed=true]{color:#ff799c;background:#ff799c11;border-color:#ff799c}.tactics-search{border:1px solid var(--line);color:var(--muted);border-radius:7px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 9px;display:flex}.tactics-search input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;padding:0;font-size:11px}.tactics-champions{scrollbar-width:thin;scrollbar-color:var(--line) transparent;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:9px 6px;max-height:292px;padding:3px;display:grid;overflow-y:auto}.tactics-studio .tactics-champions button{cursor:grab;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;flex-direction:column;align-items:stretch;gap:5px;min-width:0;padding:3px;display:flex;position:relative}.tactics-studio .tactics-champions button:active{cursor:grabbing}.tactics-champions img{aspect-ratio:1;object-fit:cover;background:var(--surface-2);border-radius:5px;width:100%}.tactics-champions span{text-overflow:ellipsis;white-space:nowrap;text-align:center;letter-spacing:.2px;font-size:8px;display:block;overflow:hidden}.tactics-caption{color:var(--muted);margin-top:12px;font-size:10px;line-height:1.8}.tactics-champions>p{grid-column:1/-1}.tactics-marker-title{border-top:1px solid var(--line);margin-top:24px;padding-top:21px}.tactics-markers{grid-template-columns:1fr 1fr;gap:7px;display:grid}.tactics-markers button{flex-direction:column;padding:9px 5px;font-size:10px}.tactics-markers button:last-child{flex-direction:row;grid-column:1/-1}.tactics-stage{background:color-mix(in srgb, var(--bg) 70%, var(--surface));min-width:0;padding:15px}.tactics-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.tactics-toolgroup{gap:4px;display:flex}.tactics-toolbar button{min-width:34px;padding:8px;font-size:10px}.tactics-toolbar button span{display:none}.tactics-map-wrap{background:#101d22;border:1px solid #405554;border-radius:12px;position:relative;overflow:hidden}.tactics-map-drop-active{outline-offset:2px;border-color:#63c9ff;outline:2px solid #63c9ff}.tactics-map-heading{color:var(--text);letter-spacing:1.8px;justify-content:space-between;align-items:center;gap:12px;margin:18px 2px 10px;font-size:10px;display:flex}.tactics-map-heading small{color:var(--muted);letter-spacing:1px;font-size:8px}.tactics-map-credit{color:var(--muted);margin:13px 2px 0;font-size:9px;line-height:1.7}.tactics-map-credit a{text-underline-offset:3px;text-decoration:underline}.tactics-map{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.tactics-tool-select{cursor:default}.tactics-tool-select .tactics-object{cursor:grab}.tactics-tool-select .tactics-object:active{cursor:grabbing}.tactics-tool-pen,.tactics-tool-arrow,.tactics-tool-zone,.tactics-tool-champion,.tactics-tool-marker{cursor:crosshair}.tactics-tool-erase{cursor:cell}.tactics-object:focus-visible{filter:drop-shadow(0 0 5px #fff);outline:none}.tactics-map-status{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:12px 2px;font-size:10px;display:flex}.tactics-map-status small{flex-shrink:0;font-size:9px}.tactics-bottom-tools{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:7px;padding-top:10px;display:flex}.tactics-bottom-tools>button{padding:7px 9px;font-size:10px}.tactics-colors{gap:7px;margin-right:auto;display:flex}.tactics-colors button{border:2px solid #0000;border-radius:50%;width:25px;height:25px;padding:0;color:#111c23!important}.tactics-colors button[aria-pressed=true]{border-color:var(--text);outline:2px solid var(--surface);outline-offset:-4px}.tactics-help{color:var(--muted);margin-top:15px;font-size:10px;line-height:1.9}.tactics-help summary{cursor:pointer;justify-content:space-between;align-items:center;padding:5px 0;display:flex}.tactics-help p{margin-top:9px}.tactics-feedback:empty{display:none}.tactics-feedback{padding:0 20px 18px}.tactics-feedback p{margin-bottom:0;font-size:12px}.tactics-feedback .success{align-items:center;gap:8px;display:flex}[data-theme=light] .tactics-sides button[data-side=blue][aria-pressed=true]{color:#17658c;border-color:#17658c}[data-theme=light] .tactics-sides button[data-side=red][aria-pressed=true]{color:#a82950;border-color:#a82950}@media (min-width:1450px){.tactics-toolbar button span{display:inline}.tactics-workspace{grid-template-columns:210px minmax(0,1fr)}.tactics-champions{max-height:360px}}@media (max-width:1100px){.tactics-workspace{grid-template-columns:175px minmax(0,1fr)}}@media (max-width:650px){.tactics-heading{margin:25px 0;display:block}.tactics-heading>p{max-width:none;margin-top:15px;font-size:11px}.tactics-topbar{flex-direction:column;align-items:flex-start;gap:13px;padding:16px}.tactics-document-title{flex:none;width:100%;max-width:none}.tactics-document-title input{font-size:16px}.tactics-actions{width:100%}.tactics-actions button{flex:1;min-height:42px}.tactics-workspace{flex-direction:column;display:flex}.tactics-palette{border:0;border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;column-gap:12px;padding:15px;display:grid}.tactics-palette>.tactics-panel-title,.tactics-sides{margin:0}.tactics-search{grid-column:1/-1;margin:12px 0 8px}.tactics-search input{font-size:16px}.tactics-champions{grid-column:1/-1;gap:7px;max-height:90px;padding-bottom:8px;display:flex;overflow:auto hidden}.tactics-studio .tactics-champions button{flex:0 0 49px}.tactics-palette>.tactics-caption{grid-column:1/-1;margin:4px 0 0}.tactics-palette>.tactics-marker-title{display:none}.tactics-markers{grid-column:1/-1;gap:5px;margin-top:12px;display:flex}.tactics-markers button,.tactics-markers button:last-child{flex-direction:column;flex:1;min-width:0;padding:7px 3px;font-size:9px}.tactics-markers svg{width:30px;height:30px}.tactics-stage{padding:12px}.tactics-toolbar{gap:3px}.tactics-toolbar button{min-width:35px;min-height:40px;padding:8px}.tactics-toolgroup{gap:3px}.tactics-map-status{align-items:flex-start;min-height:50px}.tactics-map-status small{font-size:8px}.tactics-bottom-tools{gap:5px}.tactics-bottom-tools>button{min-height:38px;padding:7px}.tactics-colors{gap:6px;width:100%;margin-bottom:5px}.tactics-colors button{width:32px;height:32px}.tactics-studio{border-radius:12px}}@media (prefers-reduced-motion:reduce){.tactics-studio button{transition:none}}