:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0d0e;--panel:#141718;--panel-strong:#1b2021;--line:#2b3131;--line-strong:#4a5552;--text:#eef1ec;--muted:#9ca59d;--soft:#c8d0c6;--amber:#f2a51f;--green:#74c365;--blue:#5fa8d3;--red:#e45c46;--smoke:#d9ded8;--map-accent:#f2a51f;--map-secondary:#5fa8d3;--map-tertiary:#e45c46;--map-room:#0b0d0e;--map-room-alt:#1b2021;--map-panel:#141718;--map-panel-alt:#1b2021;--map-texture:#d9ded8;--map-pattern:#5fa8d3;--map-line:#4a5552;--map-glow:#f2a51f3d;--player-red:#e24f4a;--player-green:#64c15f;--player-purple:#a879ff;--player-orange:#f29a2e;--player-blue:#58aee7;--shadow:0 24px 60px #00000057;font-family:Bahnschrift,DIN Alternate,Aptos,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 25% 0%, #f2a51f1a, transparent 26rem), var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,select,input,textarea{font:inherit}button{border:0}.text-link{border:1px solid color-mix(in srgb, var(--map-accent) 48%, var(--line));background:color-mix(in srgb, var(--map-panel) 72%, transparent);min-height:36px;color:var(--text);border-radius:8px;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.app-shell{background:radial-gradient(circle at 14% 0%, color-mix(in srgb, var(--map-accent) 18%, transparent), transparent 30rem), radial-gradient(circle at 78% 8%, color-mix(in srgb, var(--map-secondary) 14%, transparent), transparent 34rem), linear-gradient(135deg, var(--map-room), var(--bg) 54%, var(--map-room-alt));isolation:isolate;grid-template-rows:auto 1fr;min-height:100vh;transition:background .22s;display:grid;position:relative;overflow:hidden auto}.app-shell:before,.app-shell:after{display:none}.topbar{border-bottom:1px solid color-mix(in srgb, var(--map-line) 72%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--map-panel) 86%, transparent), #0b0d0ee6), #0b0d0ee0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{border:1px solid color-mix(in srgb, var(--map-accent) 72%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--map-panel-alt) 76%, #101413), #101413);width:38px;height:38px;color:var(--map-accent);letter-spacing:0;place-items:center;font-weight:800;display:grid}.brand h1{margin:0;font-size:18px;line-height:1.05}.brand p{color:var(--muted);margin:3px 0 0;font-size:12px}.topbar-actions{align-items:center;gap:8px;display:flex}.icon-button,.mode-button,.pill-button,.map-card,.playbook-list-button,.playbook-player-tab,.round-card,.lineup-item,.player-row,.tab-button,.marker,.utility-marker,.playbook-player-marker,.playbook-utility-origin,.assignment-item,.admin-list-item,.save-button{border-radius:8px}.icon-button,.mode-button,.pill-button{border:1px solid var(--line);background:var(--panel);min-height:36px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:8px;display:inline-flex}.icon-button{width:38px}.icon-button:hover,.mode-button:hover,.pill-button:hover,.map-card:hover,.tab-button:hover{border-color:color-mix(in srgb, var(--map-accent) 68%, var(--line-strong))}.workspace{grid-template-columns:250px minmax(620px,1fr) 300px;align-items:start;gap:10px;padding:10px;display:grid}.public-workspace{grid-template-columns:250px minmax(0,1fr) 0;align-items:stretch;min-height:calc(100vh - 67px);transition:grid-template-columns .22s;overflow:hidden}.public-workspace.has-detail{grid-template-columns:250px minmax(0,1fr) 320px}.sidebar,.detail-panel{flex-direction:column;gap:14px;min-height:0;display:flex}.panel{border:1px solid color-mix(in srgb, var(--map-line) 72%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--map-panel-alt) 62%, transparent), transparent 52%), color-mix(in srgb, var(--map-panel) 92%, #141718eb);box-shadow:0 24px 70px color-mix(in srgb, var(--map-glow) 54%, #0000006b);position:relative;overflow:hidden}.panel:before{display:none}.panel>*{z-index:1;position:relative}.section{padding:14px}.section+.section{border-top:1px solid color-mix(in srgb, var(--map-line) 72%, var(--line))}.section-title{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.section-title h2,.section-title h3{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--map-texture) 34%, var(--muted));margin:0;font-size:12px}.section-title h2:before,.section-title h3:before{vertical-align:middle;background:linear-gradient(90deg, var(--map-accent), var(--map-secondary));content:"";width:18px;height:2px;margin-right:8px;display:inline-block}.map-grid{gap:8px;display:grid}.map-card{border:1px solid color-mix(in srgb, var(--map-line) 60%, var(--line));width:100%;color:var(--text);text-align:left;cursor:pointer;background:#1b2021b8;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;padding:10px;display:grid;position:relative;overflow:hidden}.map-card:before{content:"";background-image:linear-gradient(90deg, #141718f5, color-mix(in srgb, var(--map-accent) 14%, #141718ad)), var(--map-card-thumb);opacity:.62;background-position:50%;background-size:cover;position:absolute;inset:0}.map-card>*{z-index:1;position:relative}.map-card.is-active{border-color:var(--map-accent);background:color-mix(in srgb, var(--map-accent) 11%, #1b2021b8);box-shadow:inset 3px 0 0 var(--map-accent)}.map-thumb{border:1px solid color-mix(in srgb, var(--map-accent) 42%, var(--line));background:#0b0d0e9e;place-items:center;height:42px;display:grid}.map-thumb img{object-fit:contain;width:34px;height:34px}.map-name{font-weight:750;display:block}.map-meta{color:var(--muted);margin-top:2px;font-size:12px;display:block}.side-switch,.mode-switch,.filter-row{flex-wrap:wrap;gap:8px;display:flex}.utility-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.utility-filter-button{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel) 58%, #0b0d0e73);min-height:42px;color:var(--muted);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:7px;padding:6px 8px;display:grid}.utility-filter-button img{object-fit:contain;justify-self:center;width:auto;max-width:26px;height:29px}.utility-filter-button span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.utility-filter-button:hover,.utility-filter-button.is-active{border-color:color-mix(in srgb, var(--map-accent) 70%, var(--line));background:color-mix(in srgb, var(--map-accent) 15%, #0b0d0ead);color:var(--text)}.playbook-list{gap:8px;display:grid}.playbook-list-button{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel) 58%, #0b0d0e73);width:100%;min-height:52px;color:var(--text);cursor:pointer;text-align:left;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:8px;display:grid}.playbook-list-button:hover,.playbook-list-button.is-active{border-color:color-mix(in srgb, var(--map-accent) 72%, var(--line));background:color-mix(in srgb, var(--map-accent) 15%, #0b0d0ead)}.playbook-side-chip{border:1px solid color-mix(in srgb, var(--map-accent) 62%, var(--line));background:color-mix(in srgb, var(--map-accent) 16%, #0b0d0ead);width:30px;height:30px;color:var(--map-accent);place-items:center;font-size:12px;font-weight:850;display:inline-grid}.playbook-list-button strong,.playbook-list-button em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.playbook-list-button strong{font-size:13px}.playbook-list-button em{color:var(--muted);margin-top:3px;font-size:11px;font-style:normal}.pill-button,.mode-button,.tab-button{color:var(--soft);padding:0 12px}.pill-button.is-active,.mode-button.is-active,.tab-button.is-active{border-color:var(--map-accent);background:color-mix(in srgb, var(--map-accent) 18%, transparent);color:var(--text)}.mode-switch{border:1px solid var(--line);background:#0b0d0eb3;padding:4px}.mode-button{background:0 0;border-color:#0000;min-height:32px}.board-panel{grid-template-rows:auto auto auto;min-width:0;display:grid;position:relative;overflow:hidden}.public-workspace .board-panel{border-color:color-mix(in srgb, var(--map-line) 42%, transparent);box-shadow:none;background:#050707;grid-template-rows:1fr;overflow:hidden}.board-toolbar{border-bottom:1px solid color-mix(in srgb, var(--map-line) 72%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--map-panel-alt) 38%, transparent), transparent), linear-gradient(0deg, color-mix(in srgb, var(--map-accent) 10%, transparent), transparent 58%);justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.board-toolbar h2{color:color-mix(in srgb, var(--text) 82%, var(--map-texture));margin:0;font-size:26px;line-height:1}.map-kicker{border:1px solid color-mix(in srgb, var(--map-accent) 50%, var(--line));background:color-mix(in srgb, var(--map-accent) 11%, transparent);min-height:22px;color:color-mix(in srgb, var(--map-texture) 50%, var(--soft));letter-spacing:.08em;text-transform:uppercase;align-items:center;margin-bottom:7px;padding:0 8px;font-size:11px;display:inline-flex}.board-toolbar p{color:var(--muted);margin:5px 0 0;font-size:13px}.board-actions{align-items:center;gap:8px;display:flex}.board-actions .chip{white-space:nowrap}.radar{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--map-accent) 45%, var(--line-strong));background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--map-secondary) 10%, transparent), transparent 28rem), #050707;width:min(100%,960px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--map-accent) 22%, transparent), 0 18px 50px color-mix(in srgb, var(--map-glow) 48%, #00000052);touch-action:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.public-workspace .radar{aspect-ratio:auto;width:100%;max-width:100%;height:100%;min-height:0;box-shadow:none;background:#050707;border:0;container-type:size}.radar.is-pannable{cursor:grab}.radar.is-pannable:active{cursor:grabbing}.radar:after{display:none}.radar-layer{transform-origin:50%;will-change:transform;transition:transform .12s;position:absolute;inset:0}.public-workspace .radar-layer{aspect-ratio:1;width:min(100%,100vh - 87px);height:auto;margin:auto}@supports (width:100cqw){.public-workspace .radar-layer{width:min(100cqw,100cqh);height:min(100cqw,100cqh)}}.radar-image{object-fit:cover;opacity:.92;filter:saturate(.95)brightness(.78)contrast(1.08);-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.level-switch{z-index:4;border:1px solid color-mix(in srgb, var(--map-accent) 34%, #eef1ec24);background:color-mix(in srgb, var(--map-panel) 80%, #050707b8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);gap:4px;padding:4px;display:flex;position:absolute;top:10px;right:10px}.level-switch button{min-height:28px;color:var(--soft);cursor:pointer;background:0 0;border:1px solid #0000;padding:0 9px}.level-switch button.is-active{border-color:var(--map-accent);background:color-mix(in srgb, var(--map-accent) 18%, transparent);color:var(--text)}.site-label{z-index:3;width:36px;height:36px;color:var(--map-accent);pointer-events:none;transform-origin:50%;background:#0507079e;border:2px solid;place-items:center;font-weight:850;display:grid;position:absolute;box-shadow:0 12px 24px #0000005c}.site-label.a-site{color:var(--map-accent)}.site-label.b-site{color:var(--map-secondary)}.utility-overlay{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:visible}.utility-path line,.utility-path polyline{fill:none;stroke:var(--map-accent);stroke-width:.45px;vector-effect:non-scaling-stroke}.utility-path line:first-child,.utility-path polyline{stroke-dasharray:2 1.6}.public-utility-path,.public-utility-x{opacity:.5;transition:opacity .15s}.public-utility-path.is-emphasized,.public-utility-x.is-emphasized{opacity:1}.utility-path .utility-landing{stroke:var(--red);stroke-dasharray:none;stroke-linecap:round;stroke-width:1.35px}.utility-marker{z-index:4;width:34px;height:44px;color:var(--text);cursor:pointer;filter:drop-shadow(0 9px 13px #00000085);transform-origin:50%;background:0 0;border:0;place-items:center;padding:0;display:inline-grid;position:absolute}.utility-marker.is-multi{width:58px}.grenade-stack{place-items:center;width:100%;height:100%;display:inline-grid;position:relative}.grenade-stack.is-multi .grenade-icon{height:34px;position:absolute}.grenade-icon{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;height:44px;display:block}.grenade-count{z-index:5;min-width:17px;color:var(--text);background:#0b0d0ee0;border:1px solid #eef1ecb8;border-radius:999px;padding:2px 4px;font-size:10px;font-weight:800;line-height:1;position:absolute;bottom:-3px;right:-5px}.spot-count{z-index:6;min-width:18px;height:18px;color:var(--text);background:#0b0d0eeb;border:1px solid #eef1ecc7;border-radius:999px;place-items:center;padding:0 5px;font-size:10px;font-weight:850;line-height:1;display:inline-grid;position:absolute;top:2px;right:-5px}.utility-marker.is-active{filter:drop-shadow(0 9px 13px #00000085) drop-shadow(0 0 9px color-mix(in srgb, var(--map-accent) 78%, transparent))}.utility-marker:focus-visible{outline:2px solid var(--map-accent);outline-offset:4px}.playbook-utility-path polyline{stroke:var(--player-color,var(--map-accent));stroke-width:.55px}.playbook-utility-path,.playbook-utility-x{opacity:.5;transition:opacity .15s}.playbook-utility-path.is-emphasized,.playbook-utility-x.is-emphasized{opacity:1}.playbook-utility-x{color:var(--player-color,var(--red))}.playbook-utility-origin{z-index:4;cursor:pointer;width:30px;height:38px;filter:drop-shadow(0 7px 10px #00000080) drop-shadow(0 0 4px color-mix(in srgb, var(--player-color,var(--map-accent)) 58%, transparent));opacity:.58;transform-origin:50%;background:0 0;border:0;place-items:center;padding:0;transition:opacity .15s,filter .15s;display:inline-grid;position:absolute}.playbook-utility-origin .grenade-icon{height:34px}.playbook-utility-origin.is-emphasized,.playbook-utility-origin:hover,.playbook-utility-origin:focus-visible{opacity:1;filter:drop-shadow(0 7px 10px #00000080) drop-shadow(0 0 10px color-mix(in srgb, var(--player-color,var(--map-accent)) 84%, transparent))}.playbook-player-marker{z-index:5;border:2px solid color-mix(in srgb, var(--player-color,var(--map-accent)) 72%, #eef1ec47);background:var(--player-color,var(--map-accent));width:30px;height:30px;color:var(--text);cursor:pointer;transform-origin:50%;border-radius:999px;place-items:center;padding:0;transition:border-color .15s,box-shadow .15s,background .15s;display:inline-grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 9px 16px #00000070,inset 0 0 0 2px #05070757}.playbook-player-marker.is-active,.playbook-player-marker:hover,.playbook-player-marker:focus-visible{border-color:color-mix(in srgb, var(--player-color,var(--map-accent)) 88%, var(--text));box-shadow:0 9px 16px #00000070, 0 0 0 4px color-mix(in srgb, var(--player-color,var(--map-accent)) 26%, transparent), 0 0 18px color-mix(in srgb, var(--player-color,var(--map-accent)) 52%, transparent)}.playbook-player-number,.playbook-player-avatar{border:1px solid color-mix(in srgb, var(--player-color,var(--map-accent)) 70%, #eef1ec33);background:var(--player-color,var(--map-accent));color:#07100f;place-items:center;font-weight:900;display:inline-grid}.playbook-player-number{color:#07100f;text-shadow:0 1px #ffffff2e;background:0 0;border:0;width:100%;height:100%;font-size:13px;line-height:1}.utility-preview{border:1px solid color-mix(in srgb, var(--map-accent) 52%, var(--line));width:210px;color:var(--text);text-align:left;box-shadow:var(--shadow);background:#0b0d0ef0;padding:9px;display:none;position:absolute;bottom:0;left:44px}.utility-marker:hover .utility-preview,.utility-marker:focus-visible .utility-preview{gap:6px;display:grid}.utility-preview img{object-fit:cover;width:100%;max-height:110px}.utility-preview strong,.utility-preview span{display:block}.utility-preview span{color:var(--muted);font-size:12px}.zoom-controls,.pan-hint{z-index:5;border:1px solid color-mix(in srgb, var(--map-accent) 34%, #eef1ec24);background:color-mix(in srgb, var(--map-panel) 84%, #050707c7);color:var(--soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;display:inline-flex;position:absolute}.zoom-controls{gap:4px;padding:4px;top:10px;left:10px}.zoom-controls button{width:30px;height:30px;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.zoom-controls button:hover{border-color:var(--map-accent);background:color-mix(in srgb, var(--map-accent) 16%, transparent)}.mini-icon-button{width:30px;min-height:30px}.zoom-controls span{text-align:center;font-variant-numeric:tabular-nums;min-width:45px;font-size:12px}.pan-hint{gap:6px;min-height:30px;padding:0 9px;font-size:12px;bottom:10px;left:10px}.route-line{z-index:2;pointer-events:none;position:absolute;inset:0}.route-line path{fill:none;stroke:var(--map-accent);stroke-dasharray:8 8;stroke-width:2.4px}.marker{color:#08100f;cursor:pointer;z-index:3;border:1px solid #ffffff38;place-items:center;width:34px;height:34px;display:inline-grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 22px #00000052}.marker.utility{background:var(--map-accent)}.marker.tactic{background:var(--map-secondary)}.marker.player{background:color-mix(in srgb, var(--map-secondary) 70%, var(--green))}.marker.is-active{outline-offset:2px;outline:3px solid #eef1ecd9}.board-footer{border-top:1px solid color-mix(in srgb, var(--map-line) 72%, var(--line));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stat{border-right:1px solid color-mix(in srgb, var(--map-line) 72%, var(--line));background:color-mix(in srgb, var(--map-panel-alt) 26%, transparent);padding:12px 14px}.stat:last-child{border-right:0}.stat strong{font-size:20px;display:block}.stat span{color:var(--muted);font-size:12px}.round-card{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--map-accent) 8%, transparent), transparent 55%), color-mix(in srgb, var(--map-panel-alt) 68%, #1b2021d6);padding:14px}.round-card h2{margin:0;font-size:22px}.round-meta{flex-wrap:wrap;gap:6px;margin:10px 0 12px;display:flex}.chip{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel-alt) 28%, transparent);min-height:24px;color:var(--soft);align-items:center;gap:5px;padding:0 8px;font-size:12px;display:inline-flex}.round-call{color:var(--soft);margin:0;line-height:1.55}.tab-list{gap:8px;display:flex}.tab-button{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel) 66%, #0b0d0e73);min-height:32px;color:var(--soft);cursor:pointer}.lineup-list,.player-list{gap:8px;display:grid}.lineup-item,.player-row{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--map-accent) 7%, transparent), transparent 42%), color-mix(in srgb, var(--map-panel) 54%, #0b0d0e59)}.lineup-item{padding:12px}.lineup-item header,.player-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.lineup-item h3,.player-row h3{margin:0;font-size:14px}.lineup-item p,.player-row p{color:var(--muted);margin:5px 0 0;font-size:12px;line-height:1.4}.lineup-item ol{color:var(--soft);margin:10px 0 0;padding-left:18px;font-size:13px;line-height:1.45}.spot-tabs{flex-wrap:wrap;margin-bottom:10px}.spot-summary{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel-alt) 34%, #0b0d0e59);justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;padding:10px;display:flex}.spot-summary div>strong,.spot-summary div>span{display:block}.spot-summary div>strong{font-size:14px}.spot-summary div>span{color:var(--muted);margin-top:3px;font-size:12px}.spot-throw-list{gap:8px;margin-bottom:10px;display:grid}.spot-throw-button{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel) 58%, #0b0d0e6b);width:100%;min-height:50px;color:var(--text);cursor:pointer;text-align:left;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;padding:8px;display:grid}.spot-throw-button:hover,.spot-throw-button.is-active{border-color:color-mix(in srgb, var(--map-accent) 70%, var(--line));background:color-mix(in srgb, var(--map-accent) 14%, #0b0d0e9e)}.spot-throw-button strong,.spot-throw-button em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.spot-throw-button strong{font-size:13px}.spot-throw-button em{color:var(--muted);margin-top:3px;font-size:11px;font-style:normal}.spot-throw-icon{transform-origin:50%;place-items:center;width:38px;height:34px;display:inline-grid;position:relative;transform:scale(.76)}.lineup-media{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));object-fit:cover;width:100%;max-height:220px;margin-top:10px;display:block}.spot-media-card{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel-alt) 34%, #0b0d0e59);gap:8px;padding:10px;display:grid}.spot-media-card header{gap:2px;display:grid}.spot-media-card strong,.spot-media-card span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.spot-media-card strong{font-size:13px}.spot-media-card span{color:var(--muted);font-size:11px}.preview-open-button{border:1px solid color-mix(in srgb, var(--map-accent) 58%, var(--line));background:color-mix(in srgb, var(--map-accent) 13%, #0b0d0ea8);min-height:34px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-size:12px;font-weight:750;display:inline-flex}.preview-open-button:hover{border-color:color-mix(in srgb, var(--map-accent) 84%, var(--text));background:color-mix(in srgb, var(--map-accent) 22%, #0b0d0eb8)}.utility-preview-backdrop{z-index:18;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:radial-gradient(circle at 50% 46%,#0507072e,#050707c2 68%),#0507076b;place-items:center;padding:18px;display:grid;position:absolute;inset:0}.utility-preview-modal{border:1px solid color-mix(in srgb, var(--map-accent) 54%, var(--line-strong));background:color-mix(in srgb, var(--map-panel) 88%, #050707eb);width:min(780px,100%);max-height:min(760px,100%);box-shadow:0 28px 70px #00000094, 0 0 0 1px color-mix(in srgb, var(--map-accent) 22%, transparent);border-radius:10px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.utility-preview-header{border-bottom:1px solid color-mix(in srgb, var(--map-line) 72%, var(--line));background:color-mix(in srgb, var(--map-panel-alt) 45%, #0b0d0eb3);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;display:grid}.utility-preview-header h2,.utility-preview-header p{margin:0}.utility-preview-header h2{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:22px;line-height:1.05;overflow:hidden}.utility-preview-header p{color:var(--muted);margin-top:5px;font-size:12px}.utility-preview-body{gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.utility-preview-notes{border:1px solid color-mix(in srgb, var(--map-line) 74%, var(--line));background:#0b0d0e7a;border-radius:8px;gap:8px;padding:10px;display:grid}.utility-preview-notes header{color:var(--text);align-items:center;gap:7px;font-size:13px;display:flex}.utility-preview-notes p{color:var(--soft);margin:0;font-size:14px;line-height:1.5}.utility-preview-media-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.utility-preview-media{gap:7px;margin:0;display:grid}.utility-preview-media img,.utility-preview-media video{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));object-fit:contain;background:#050707;border-radius:8px;width:100%;max-height:min(56vh,520px);display:block}.utility-preview-media figcaption{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.playbook-detail-panel{gap:12px;display:grid}.playbook-detail-header{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel-alt) 34%, #0b0d0e59);gap:8px;padding:10px;display:grid}.playbook-detail-header h3,.playbook-player-card h3{margin:0;font-size:15px}.playbook-detail-header p,.playbook-player-card p{color:var(--soft);margin:0;font-size:13px;line-height:1.45}.playbook-roster-list{gap:9px;display:grid}.playbook-player-card{border:1px solid color-mix(in srgb, var(--player-color,var(--map-accent)) 54%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--player-color,var(--map-accent)) 12%, transparent), transparent 52%), color-mix(in srgb, var(--map-panel) 60%, #0b0d0e73);gap:10px;padding:10px;transition:border-color .15s,box-shadow .15s,background .15s;display:grid}.playbook-player-card.is-active{border-color:color-mix(in srgb, var(--player-color,var(--map-accent)) 84%, var(--text));background:linear-gradient(90deg, color-mix(in srgb, var(--player-color,var(--map-accent)) 18%, transparent), transparent 56%), color-mix(in srgb, var(--map-panel) 68%, #0b0d0e80);box-shadow:0 0 0 2px color-mix(in srgb, var(--player-color,var(--map-accent)) 22%, transparent)}.playbook-player-card header{align-items:center;gap:9px;display:flex}.playbook-player-avatar{width:34px;height:34px}.assigned-utility-list{gap:8px;display:grid}.assigned-utility-card{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));width:100%;min-height:48px;color:var(--text);cursor:pointer;text-align:left;background:#0b0d0e8a;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;padding:7px;transition:border-color .15s,background .15s;display:grid}.assigned-utility-card:hover,.assigned-utility-card.is-active{border-color:color-mix(in srgb, var(--player-color,var(--map-accent)) 74%, var(--line));background:color-mix(in srgb, var(--player-color,var(--map-accent)) 13%, #0b0d0eb8)}.assigned-utility-card strong,.assigned-utility-card em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.assigned-utility-card strong{font-size:13px}.assigned-utility-card em{color:var(--muted);margin-top:3px;font-size:11px;font-style:normal}.player-row{align-items:flex-start;padding:12px}.player-badge{border:1px solid color-mix(in srgb, var(--map-secondary) 62%, var(--line));background:color-mix(in srgb, var(--map-secondary) 18%, transparent);width:28px;height:28px;color:color-mix(in srgb, var(--map-secondary) 80%, var(--text));flex:none;place-items:center;font-weight:800;display:inline-grid}.empty-state{border:1px dashed var(--line-strong);color:var(--muted);padding:14px}.empty-state.compact{width:100%;padding:10px;font-size:12px}.utility-detail-rail{opacity:0;pointer-events:none;min-width:0;max-width:320px;transition:opacity .22s,transform .22s;overflow:hidden;transform:translate(16px)}.utility-detail-rail.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.admin-workspace{grid-template-columns:250px minmax(620px,1fr) 360px;gap:10px;padding:10px;display:grid}.admin-board{grid-template-rows:auto 1fr;display:grid;overflow:hidden}.admin-map-picker{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--map-accent) 45%, var(--line-strong));cursor:default;touch-action:none;-webkit-user-select:none;user-select:none;background:#050707;justify-self:center;width:min(100%,980px);margin:10px;position:relative;overflow:hidden}.admin-map-picker.is-dragging{cursor:grabbing}.admin-map-picker .utility-marker,.admin-map-picker .utility-x-marker,.admin-map-picker .utility-bounce-marker{cursor:grab}.admin-map-picker.is-dragging .utility-marker,.admin-map-picker.is-dragging .utility-x-marker,.admin-map-picker.is-dragging .utility-bounce-marker{cursor:grabbing}.playbook-admin-board .board-toolbar p{max-width:720px}.playbook-map-picker .playbook-player-marker{cursor:grab}.playbook-map-picker.is-dragging .playbook-player-marker{cursor:grabbing}.admin-mode-switch .pill-button{flex:100px}.admin-player-tabs{margin-bottom:10px}.player-admin-form{margin-top:10px}.playbook-utility-context{border:1px solid color-mix(in srgb, var(--map-accent) 64%, var(--line));background:color-mix(in srgb, var(--map-accent) 13%, #0b0d0ebd);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;margin-bottom:10px;padding:9px;display:grid}.playbook-utility-context span,.playbook-utility-context strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playbook-utility-context span{color:var(--muted);text-transform:uppercase;font-size:11px}.playbook-utility-context strong{color:var(--text);font-size:13px}.playbook-utility-context .mini-action-button{grid-area:1/2/span 2}.assigned-loadout-list,.assignment-spot-list{gap:8px;display:grid}.assignment-list{gap:7px;max-height:280px;padding-right:2px;display:grid;overflow:auto}.assignment-row{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel) 62%, #0b0d0e73);width:100%;min-height:46px;color:var(--text);text-align:left;border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px;display:grid}.assignment-row.is-assigned{border-color:color-mix(in srgb, var(--map-accent) 72%, var(--line));background:color-mix(in srgb, var(--map-accent) 15%, #0b0d0ead)}.assignment-copy{min-width:0}.assignment-copy strong,.assignment-copy em,.playbook-admin-list-item strong,.playbook-admin-list-item em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.assignment-copy strong,.playbook-admin-list-item strong{font-size:13px}.assignment-copy em,.playbook-admin-list-item em{color:var(--muted);margin-top:3px;font-size:11px;font-style:normal}.assignment-spot-card{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel-alt) 34%, #0b0d0e5c);border-radius:8px;gap:8px;padding:8px;display:grid}.assignment-spot-card.is-playbook-owned{border-color:color-mix(in srgb, var(--map-accent) 58%, var(--line));background:linear-gradient(90deg, color-mix(in srgb, var(--map-accent) 10%, transparent), transparent 48%), color-mix(in srgb, var(--map-panel-alt) 38%, #0b0d0e66)}.assignment-spot-card header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.assignment-spot-card header strong,.assignment-spot-card header em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.assignment-spot-card header strong{font-size:13px}.assignment-spot-card header em{color:var(--muted);margin-top:3px;font-size:11px;font-style:normal}.assignment-spot-create{justify-self:stretch}.mini-action-button{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));min-width:54px;min-height:28px;color:var(--soft);cursor:pointer;background:#0b0d0e85;border-radius:7px;place-items:center;padding:0 8px;font-size:11px;font-weight:750;display:inline-grid}.mini-action-button:hover{border-color:color-mix(in srgb, var(--map-accent) 70%, var(--line));background:color-mix(in srgb, var(--map-accent) 14%, #0b0d0eb3);color:var(--text)}.playbook-admin-list-item{grid-template-columns:24px minmax(0,1fr)}.utility-x-marker{z-index:4;width:18px;height:18px;color:var(--red);cursor:grab;text-shadow:0 1px 2px #000000e6;pointer-events:auto;background:0 0;border:0;place-items:center;padding:0;font-size:18px;font-weight:900;line-height:1;display:inline-grid;position:absolute;transform:translate(-50%,-50%)}.utility-x-marker.is-active{outline-offset:3px;outline:2px solid #eef1eceb}.radar .utility-x-marker{cursor:default;pointer-events:none}.utility-bounce-marker{z-index:4;border:1px solid color-mix(in srgb, var(--map-accent) 70%, var(--line));width:20px;height:20px;color:var(--map-accent);cursor:grab;pointer-events:auto;background:#0b0d0edb;border-radius:999px;place-items:center;padding:0;font-size:11px;font-weight:850;line-height:1;display:inline-grid;position:absolute;transform:translate(-50%,-50%)}.utility-bounce-marker.is-active{outline-offset:3px;outline:2px solid #eef1ece6}.admin-message{color:var(--soft);margin:0;font-size:13px;line-height:1.45}.admin-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.admin-form label,.admin-field{gap:5px;display:grid}.admin-form label>span:first-child,.admin-field>span:first-child{color:var(--muted);text-transform:uppercase;font-size:12px}.admin-form input,.admin-form select,.admin-form textarea{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));width:100%;min-height:36px;color:var(--text);background:#0b0d0ea8;border-radius:8px}.admin-form input,.admin-form select{padding:0 9px}.admin-form textarea{resize:vertical;min-height:92px;padding:9px}.admin-coordinate-readout{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:#0b0d0e75;border-radius:8px;align-content:center;gap:4px;min-height:58px;padding:9px;display:grid}.admin-coordinate-readout span,.admin-form-divider{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:12px}.admin-coordinate-readout strong{font-variant-numeric:tabular-nums;font-size:14px}.admin-form-divider{border-top:1px solid color-mix(in srgb, var(--map-line) 70%, var(--line));margin-top:4px;padding-top:10px}.trajectory-control-row{gap:8px;display:grid}.trajectory-point-list{flex-wrap:wrap;gap:6px;display:flex}.trajectory-point-chip{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel) 58%, #0b0d0e6b);min-height:28px;color:var(--soft);font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:7px;padding:0 6px 0 9px;font-size:12px;display:inline-flex}.trajectory-point-chip button{width:20px;height:20px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;place-items:center;display:inline-grid}.trajectory-point-chip button:hover{background:color-mix(in srgb, var(--red) 18%, transparent);color:var(--text)}.trajectory-empty{color:var(--muted);font-size:12px}.grenade-toggle-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.grenade-toggle{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));min-height:44px;color:var(--text);cursor:pointer;text-align:left;background:#0b0d0ea8;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:7px;padding:6px 8px;display:grid}.grenade-toggle img{object-fit:contain;justify-self:center;width:auto;max-width:24px;height:28px}.grenade-toggle span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.grenade-toggle:hover,.grenade-toggle.is-active{border-color:color-mix(in srgb, var(--map-accent) 76%, var(--line));background:color-mix(in srgb, var(--map-accent) 17%, #0b0d0ec2)}.grenade-toggle.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--map-accent) 60%, transparent)}.file-picker{cursor:pointer}.file-picker input[type=file]{clip:rect(0 0 0 0);clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.file-picker-control{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));min-height:52px;color:var(--text);background:#0b0d0ea8;border-radius:8px;grid-template-columns:34px minmax(0,1fr);gap:9px;padding:8px;transition:border-color .16s,background .16s,transform .16s;display:grid}.file-picker:hover .file-picker-control,.file-picker:focus-within .file-picker-control{border-color:color-mix(in srgb, var(--map-accent) 70%, var(--line));background:color-mix(in srgb, var(--map-accent) 13%, #0b0d0ec7)}.file-picker-control.has-file{border-color:color-mix(in srgb, var(--map-accent) 78%, var(--line))}.file-picker-icon{min-width:34px;height:34px;color:var(--map-accent);justify-content:center;align-items:center;gap:2px;display:inline-flex}.file-picker-copy{gap:2px;min-width:0;display:grid}.file-picker-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden}.file-picker-copy em{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-style:normal;line-height:1.2;overflow:hidden}.span-full{grid-column:1/-1}.save-button{border:1px solid var(--map-accent);background:color-mix(in srgb, var(--map-accent) 22%, transparent);min-height:40px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.draft-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.local-draft-summary{color:var(--muted);gap:5px;margin-top:10px;font-size:12px;display:grid}.contributor-workspace .sidebar .pill-button.span-full{width:100%;margin-top:8px}.contributor-meta-form{grid-template-columns:1fr}.submission-board{grid-template-rows:auto minmax(0,1fr);display:grid}.submission-list{align-content:start;gap:8px;min-height:0;padding:10px;display:grid;overflow:auto}.submission-list-item{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel) 62%, #0b0d0e7a);min-height:52px;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;display:grid}.submission-list-item:hover,.submission-list-item.is-active{border-color:color-mix(in srgb, var(--map-accent) 72%, var(--line));background:color-mix(in srgb, var(--map-accent) 13%, #0b0d0eb8)}.submission-list-item strong,.submission-list-item em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.submission-list-item strong{font-size:13px}.submission-list-item em,.submission-date{color:var(--muted);font-size:11px;font-style:normal}.submission-status-dot{background:var(--muted);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--muted) 18%, transparent);border-radius:999px}.submission-status-dot.is-pending{background:var(--map-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--map-accent) 20%, transparent)}.submission-status-dot.is-approved{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 18%, transparent)}.submission-status-dot.is-rejected{background:var(--red);box-shadow:0 0 0 3px color-mix(in srgb, var(--red) 18%, transparent)}.submission-detail-panel,.submission-payload-card{gap:10px;display:grid}.submission-detail-header,.submission-payload-card{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel-alt) 36%, #0b0d0e75);border-radius:8px;padding:10px}.submission-detail-header h3,.submission-detail-header p,.submission-payload-card p{margin:0}.submission-detail-header h3{font-size:16px}.submission-detail-header p,.submission-payload-card p,.submission-player-list span{color:var(--soft);font-size:13px;line-height:1.45}.submission-meta-grid,.submission-coordinate-row,.submission-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.submission-meta-grid span,.submission-coordinate-row span,.submission-player-list span{border:1px solid color-mix(in srgb, var(--map-line) 70%, var(--line));background:#0b0d0e6b;border-radius:8px;min-width:0;padding:8px}.submission-meta-grid strong,.submission-player-list strong{color:var(--text);font-size:12px;display:block}.submission-payload-card header{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;display:grid}.submission-payload-card header strong,.submission-payload-card header em{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.submission-payload-card header em{color:var(--muted);font-size:11px;font-style:normal}.submission-player-list{gap:7px;display:grid}.danger-button{border:1px solid color-mix(in srgb, var(--red) 70%, var(--line));background:color-mix(in srgb, var(--red) 14%, #0b0d0ead);min-height:40px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;display:inline-flex}.danger-button:hover{background:color-mix(in srgb, var(--red) 24%, #0b0d0eb8)}.admin-list{gap:8px;display:grid}.admin-spot-group{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel-alt) 38%, #0b0d0e5c);gap:8px;padding:8px;display:grid}.admin-spot-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.admin-spot-select{min-width:0;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;gap:3px;padding:8px;display:grid}.admin-spot-select:hover{border-color:color-mix(in srgb, var(--map-accent) 48%, var(--line));background:color-mix(in srgb, var(--map-accent) 10%, transparent)}.admin-spot-select span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.compact-button{white-space:nowrap;min-height:32px;padding:0 10px}.admin-spot-throws{gap:6px;display:grid}.admin-list-item{border:1px solid color-mix(in srgb, var(--map-line) 76%, var(--line));background:color-mix(in srgb, var(--map-panel) 66%, #0b0d0e73);width:100%;min-height:46px;color:var(--text);text-align:left;cursor:pointer;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;padding:7px 9px;display:grid}.admin-list-item.is-active{border-color:var(--map-accent);background:color-mix(in srgb, var(--map-accent) 16%, #0b0d0e8f)}.admin-list-item span{color:var(--muted);font-size:12px}.admin-list-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.admin-list-icon{transform-origin:50%;place-items:center;width:34px;height:31px;display:inline-grid;position:relative;transform:scale(.68)}@media (width<=1180px){.workspace,.admin-workspace{grid-template-columns:240px minmax(380px,1fr)}.detail-panel,.admin-detail{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@media (width<=820px){.topbar,.board-toolbar{flex-direction:column;align-items:flex-start}.workspace,.admin-workspace{grid-template-columns:1fr}.detail-panel,.admin-detail{display:flex}.board-panel{grid-template-rows:auto auto auto}.board-footer{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.stat:last-child{border-bottom:0}.radar{width:100%}}@media (width<=1180px){.public-workspace,.public-workspace.has-detail{grid-template-columns:220px minmax(0,1fr)}.public-workspace .utility-detail-rail{grid-column:1/-1;max-width:none}}@media (width<=820px){.public-workspace,.public-workspace.has-detail{grid-template-columns:1fr;overflow:visible}.public-workspace .utility-detail-rail{grid-column:auto}.public-workspace .radar{aspect-ratio:1;width:100%;height:auto}.public-workspace .radar-layer{width:100%;height:100%}}html{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit}