:root{--accent:#fff;--accent-r:255;--accent-g:255;--accent-b:255;--accent-glow:#fff9;--bg:#e4e4e7;--bg-soft:#ececee;--glass-bg:#ffffffad;--glass-border:#fffffff2;--text:#00000080;--text-h:#111;--pill-bg:#ffffff73;--pill-active-bg:#111;--pill-active-text:#fff;--card-shadow:0 24px 48px #0000000f;--stage-bg:#f8f8fa;--radius-xl:28px;--radius-lg:22px;--radius-md:14px;--radius-pill:999px;--blur:blur(18px)}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;margin:0;padding:0}body{background:var(--bg);width:100vw;height:100vh;color:var(--text-h);font-family:Outfit,Inter,system-ui,sans-serif;overflow:hidden}button,input,select,textarea{font-family:inherit}#root{width:100vw;height:100vh}.tactical-app{background:radial-gradient(circle at 20% 10%, #ffffff59, transparent 35%), radial-gradient(circle at 80% 90%, #0000000a, transparent 30%), var(--bg);grid-template-rows:auto 1fr auto;grid-template-columns:280px 1fr;gap:10px;width:100vw;height:100vh;padding:10px 12px;display:grid}.top-nav{pointer-events:auto;z-index:1000;grid-column:1/-1;justify-content:center;align-items:center;min-height:36px;display:flex;position:relative}.app-logo{border:1px solid var(--glass-border);background:var(--glass-bg);height:34px;-webkit-backdrop-filter:var(--blur);box-shadow:var(--card-shadow);pointer-events:none;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;display:inline-flex;position:absolute;top:50%;left:0;transform:translateY(-50%)}.app-logo img{object-fit:contain;width:auto;height:22px;display:block}.theme-toggle-pill{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);box-shadow:var(--card-shadow);border-radius:999px;align-items:center;gap:2px;padding:3px;display:inline-flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.theme-icon-btn{width:28px;height:28px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.theme-icon-btn svg{width:16px;height:16px}.theme-icon-btn:hover{color:var(--text-h);background:var(--pill-bg)}.theme-icon-btn.active{color:var(--pill-active-text);background:var(--pill-active-bg);box-shadow:0 2px 8px #0000001f}.theme-icon-btn:first-child.active{color:#111;background:#fbbf24}.theme-icon-btn:last-child.active{color:#e0e7ff;background:#312e81}.ui-left{pointer-events:auto;z-index:999;grid-row:2;min-height:0;overflow:hidden}.stage-frame{border-radius:var(--radius-xl);background:var(--glass-bg);border:1px solid var(--glass-border);min-width:0;min-height:0;box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--blur);pointer-events:auto;grid-row:2;position:relative;overflow:hidden}.stage-viewport{background:var(--stage-bg);border-radius:calc(var(--radius-xl) - 2px);position:absolute;inset:0}.stage-viewport canvas{cursor:default}.export-frame{pointer-events:none;z-index:20;border:2px solid #ffffffd1;border-radius:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9999px #00000029,0 0 0 1px #00000047,inset 0 0 0 1px #0000003d}.export-frame.square{max-width:92%;height:92%}.export-frame.wide{width:92%;max-height:92%}[data-theme=light] .export-frame{border-color:#111111b8;box-shadow:0 0 0 9999px #fff3,0 0 0 1px #ffffffb3,inset 0 0 0 1px #ffffffb3}.bottom-dock{pointer-events:auto;z-index:1000;grid-column:1/-1;justify-content:center;display:flex}.dock-pill{flex-wrap:wrap;align-items:center;gap:2px 4px;width:100%;max-width:100%;padding:5px 8px}.dock-group{align-items:center;gap:4px;display:inline-flex}.dock-view-controls{flex-wrap:wrap;gap:4px 10px}.dock-control{align-items:center;gap:5px;display:inline-flex}.dock-control label{color:var(--text);white-space:nowrap;font-size:11px;font-weight:500}.dock-control input[type=range]{width:64px;height:3px;accent-color:var(--pill-active-bg);cursor:pointer}.goal-size-selector{grid-template-columns:repeat(3,1fr);gap:6px;padding:0 2px 2px;display:grid}.goal-size-option{background:var(--pill-bg);color:var(--text-h);cursor:pointer;border:1px solid #8080801f;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px 6px;font-family:inherit;transition:background .15s,color .15s,border-color .15s,transform .12s;display:flex}.goal-size-option:hover{border-color:#80808038;transform:translateY(-1px)}.goal-size-option.active{background:var(--pill-active-bg);color:var(--pill-active-text);border-color:#0000}.goal-size-option.active .goal-size-icon{opacity:1}.goal-size-icon{opacity:.85;justify-content:center;align-items:center;height:28px;display:flex}.goal-size-label{letter-spacing:.02em;font-size:10px;font-weight:600}.goal-add-btn{justify-content:center;width:100%;margin-top:8px}.goal-add-icon{background:var(--pill-active-bg);color:var(--pill-active-text);font-size:17px;font-weight:600}.dock-color-control,.color-picker-wrap{position:relative}.color-picker-trigger{cursor:pointer;border:1px solid #80808033;border-radius:50%;width:22px;height:22px;padding:0;transition:transform .12s;box-shadow:inset 0 0 0 1px #ffffff26}.color-picker-trigger:hover{transform:scale(1.06)}.color-picker-popover{z-index:1200;background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--blur);border-radius:12px;padding:10px}.color-picker-panel{flex-direction:column;gap:8px;width:232px;display:flex}.color-picker-top{align-items:center;gap:8px;display:flex}.color-picker-eyedropper{width:28px;height:28px;color:var(--text-h);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.color-picker-eyedropper:hover{background:var(--pill-bg)}.color-picker-preview{border:1px solid #80808033;border-radius:50%;flex-shrink:0;width:28px;height:28px;box-shadow:inset 0 0 0 1px #ffffff1f}.color-picker-hue{border-radius:7px;flex:1;height:14px;position:relative;overflow:hidden}.color-picker-hue-track{border-radius:inherit;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:absolute;inset:0}.color-picker-hue input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.color-picker-hue-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000026}.color-picker-inputs{align-items:flex-end;gap:6px;display:flex}.color-picker-channel{flex-direction:column;flex:1;align-items:center;gap:3px;min-width:0;display:flex}.color-picker-channel-hex{flex:1.6}.color-picker-channel input{background:var(--pill-bg);width:100%;height:26px;color:var(--text-h);text-align:center;border:1px solid #80808033;border-radius:6px;padding:0 4px;font-family:inherit;font-size:11px;font-weight:600}.color-picker-channel span{color:var(--text);letter-spacing:.04em;font-size:10px;font-weight:600}.color-picker-mode{width:22px;height:26px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;margin-bottom:1px;font-family:inherit;font-size:11px}.color-picker-mode:hover{background:var(--pill-bg);color:var(--text-h)}.dock-value{color:var(--text-h);text-align:right;min-width:30px;font-size:11px;font-weight:600}.dock-segment{background:var(--pill-bg);border-radius:999px;gap:2px;padding:2px;display:inline-flex}.dock-segment-btn{color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:4px 8px;font-family:inherit;font-size:11px;font-weight:600}.dock-segment-btn.active{background:var(--pill-active-bg);color:var(--pill-active-text)}.dock-divider{background:#80808033;flex-shrink:0;width:1px;height:22px;margin:0 6px}.dock-btn{color:var(--text);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.dock-btn:hover{background:var(--pill-bg);color:var(--text-h)}.dock-btn.icon-btn{min-width:28px;padding:6px 8px;font-size:14px;font-weight:600}.dock-btn.primary{background:var(--pill-active-bg);color:var(--pill-active-text)}.dock-btn.primary:hover{opacity:.9}.dock-btn.action-save{color:#2a8}.dock-btn.danger-text{color:#e66}.dock-btn.ghost-text{color:var(--text);opacity:.7}.dock-label{color:var(--text-h);text-align:center;min-width:38px;font-size:12px;font-weight:600}.dock-chip{color:var(--text-h);border-radius:var(--radius-pill);background:var(--pill-bg);padding:4px 10px;font-size:11px;font-weight:500}.dock-select{appearance:none;cursor:pointer;background:var(--pill-bg);color:var(--text-h);background-image:linear-gradient(45deg,#0000 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,#0000 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-repeat:no-repeat;background-size:5px 5px,5px 5px;border:1px solid #8080802e;padding-right:28px}.dock-select:hover,.dock-select:focus{background:var(--pill-bg);color:var(--text-h)}.dock-select option{background:var(--bg-soft);color:var(--text-h)}.dock-actions{margin-left:auto}.glass-card,.glass-pill,.glass-chip{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);-webkit-backdrop-filter:var(--blur)}.glass-card{border-radius:var(--radius-lg);padding:16px}.glass-pill{border-radius:var(--radius-pill);flex-wrap:wrap;justify-content:center;gap:2px;padding:3px;display:inline-flex}.nav-pill{padding:2px 3px}.glass-chip{border-radius:var(--radius-pill);letter-spacing:.04em;color:var(--text-h);padding:8px 16px;font-size:12px;font-weight:600}.pill-btn{color:var(--text);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.pill-btn:hover{background:var(--pill-bg);color:var(--text-h)}.pill-btn.active{background:var(--pill-active-bg);color:var(--pill-active-text);box-shadow:0 8px 20px #0000001f}.drawer-rail{scrollbar-width:thin;scrollbar-color:#8080804d transparent;flex-direction:column;gap:12px;height:100%;padding-right:4px;display:flex;overflow:hidden auto}.drawer-rail::-webkit-scrollbar{width:4px}.drawer-rail::-webkit-scrollbar-thumb{background:#8080804d;border-radius:4px}.card-head{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.card-head.compact{flex-direction:column;gap:2px;margin-bottom:10px}.card-head h2{letter-spacing:-.02em;color:var(--text-h);margin:0;font-size:15px;font-weight:600}.card-head p{color:var(--text);margin-top:0;font-size:11px}.entity-card,.tool-card{padding:12px}.tool-panel{flex-direction:column;gap:6px;display:flex}.tool-row{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tool-divider{background:#80808033;flex-shrink:0;width:1px;height:14px;margin:0 2px}.tool-chip{min-width:0;color:var(--text-h);background:var(--pill-bg);cursor:pointer;white-space:nowrap;border:1px solid #8080801f;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:3px;padding:5px 6px;font-family:inherit;font-size:10px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.tool-chip:hover:not(:disabled){border-color:#80808038}.tool-chip.active{background:var(--pill-active-bg);color:var(--pill-active-text);border-color:#0000}.tool-chip:disabled{opacity:.4;cursor:not-allowed}.tool-chip-muted{color:var(--text);flex:.7;font-weight:500}.tool-chip-muted:not(:disabled):hover{color:var(--text-h)}.tool-chip-zone .tool-chip-icon{color:#ffc107;font-size:11px;line-height:1}.tool-chip-zone.active .tool-chip-icon{color:inherit}.tool-chip-glyph{color:var(--chip-accent,#3b9eff);font-size:11px;font-weight:700;line-height:1}.tool-chip.active .tool-chip-glyph{color:inherit}.tool-chip-glyph.dashed{opacity:.75}.tool-chip-glyph.line{font-size:10px}.tool-range{min-width:60px;height:3px;accent-color:var(--pill-active-bg);cursor:pointer;flex:1}.tool-range-val{color:var(--text);text-align:right;flex-shrink:0;min-width:28px;font-size:10px;font-weight:600}.draw-hint.compact{text-align:left;margin-top:0;padding:0 2px;font-size:10px;line-height:1.3}.zone-list{flex-direction:column;gap:4px;list-style:none;display:flex}.zone-list.compact{gap:3px;margin-top:2px}.zone-list-item{background:var(--pill-bg);cursor:pointer;text-align:left;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;width:100%;padding:4px 6px;font-family:inherit;transition:background .12s,border-color .12s;display:flex}.zone-list-item:hover{border-color:#8080802e}.zone-list-item.active{background:var(--pill-active-bg);border-color:#0000}.zone-list-item.active .zone-list-name{color:var(--pill-active-text)}.zone-list-item.active .zone-list-remove{color:var(--pill-active-text);opacity:.7}.zone-editor{border-top:1px solid #8080801f;flex-direction:column;gap:8px;margin-top:4px;padding-top:6px;display:flex}.zone-editor-block{flex-direction:column;gap:5px;display:flex}.zone-draw-options{border-top:1px solid #8080801f;border-bottom:1px solid #8080801f;padding:6px 0}.zone-editor-head{letter-spacing:.05em;text-transform:uppercase;color:var(--text);font-size:10px;font-weight:600}.zone-editor-row{align-items:center;gap:6px;display:flex}.zone-editor-mini-label{color:var(--text);white-space:nowrap;min-width:32px;font-size:10px;font-weight:500}.zone-list-swatch{background:#ffc10773;border:1px solid #ffc107;border-radius:3px;flex-shrink:0;width:12px;height:12px}.zone-list-name{color:var(--text-h);flex:1;font-size:11px;font-weight:600}.zone-list-remove{color:var(--text);cursor:pointer;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:12px}.zone-list-remove:hover{opacity:1}.entity-add-list{flex-direction:column;gap:6px;display:flex}.entity-add-row{background:var(--pill-bg);border:1px solid #8080801f;border-radius:12px;align-items:center;gap:8px;padding:6px 8px;display:flex}.entity-add-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.entity-add-label{color:var(--text-h);font-size:11px;font-weight:600}.entity-add-btn{border:1px solid color-mix(in srgb, var(--chip-accent) 35%, transparent);background:color-mix(in srgb, var(--chip-accent) 12%, var(--pill-bg));width:28px;height:28px;color:var(--text-h);cursor:pointer;border-radius:8px;flex-shrink:0;font-family:inherit;font-size:16px;font-weight:500;line-height:1;transition:all .15s}.entity-add-btn:hover{background:color-mix(in srgb, var(--chip-accent) 22%, var(--pill-bg));transform:scale(1.05)}.entity-simple-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.entity-simple-btn{background:var(--pill-bg);cursor:pointer;color:var(--text-h);border:1px solid #8080801f;border-radius:12px;align-items:center;gap:8px;padding:6px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s;display:flex}.entity-simple-btn:hover{border-color:color-mix(in srgb, var(--chip-accent) 35%, transparent);background:color-mix(in srgb, var(--chip-accent) 10%, var(--pill-bg))}.item-color-bar{background:var(--pill-bg);border:1px solid #8080801f;border-radius:12px;align-items:center;gap:8px;margin-bottom:8px;padding:6px 8px;display:flex}.item-picker-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.item-picker-chip{background:var(--pill-bg);cursor:pointer;border:1px solid #8080801f;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:8px 6px;font-family:inherit;transition:all .15s;display:flex}.item-picker-chip:hover{background:color-mix(in srgb, var(--chip-accent) 12%, var(--pill-bg));border-color:color-mix(in srgb, var(--chip-accent) 30%, transparent);transform:translateY(-1px)}.item-picker-label{color:var(--text-h);text-align:center;font-size:10px;font-weight:600;line-height:1.2}.entity-thumb{background:radial-gradient(circle at 50% 80%, color-mix(in srgb, var(--chip-accent) 18%, transparent), transparent 70%), #0000001f;border:1px solid color-mix(in srgb, var(--chip-accent) 30%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden}.entity-thumb-sm{border-radius:8px;width:30px;height:30px}.entity-thumb img,.entity-thumb svg{object-fit:contain;object-position:center bottom;pointer-events:none;width:100%;height:100%}.entity-thumb img{transform:scale(1.15)}.entity-thumb-svg svg{object-position:center;transform:none}.color-swatches{flex-wrap:wrap;gap:5px;display:flex}.color-swatch{background:var(--swatch-color);cursor:pointer;border:2px solid #0000;border-radius:50%;width:16px;height:16px;padding:0;transition:all .12s;box-shadow:inset 0 0 0 1px #00000026}.color-swatch:hover{transform:scale(1.12)}.color-swatch.active{border-color:var(--text-h);box-shadow:0 0 0 2px color-mix(in srgb, var(--swatch-color) 40%, transparent)}.panel-color{justify-content:space-between;align-items:center;gap:8px;display:flex}.glass-btn{background:var(--pill-bg);color:var(--text-h);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #80808026;flex:1;padding:10px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.glass-btn:hover{transform:translateY(-1px);box-shadow:0 10px 20px #00000014}.glass-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.glass-btn.primary{background:var(--pill-active-bg);color:var(--pill-active-text);border-color:#0000;font-weight:600}.glass-btn.ghost{background:0 0}.glass-btn.danger{color:#e55;background:#e5555514;border-color:#e5555540}.glass-btn.action-save{color:#2a8;background:#2a886614;border-color:#2a886633}.glass-select{appearance:none;cursor:pointer}.control-group{flex-direction:column;gap:10px;display:flex}.control-row{grid-template-columns:72px 1fr auto;align-items:center;gap:8px;display:grid}.control-row label{color:var(--text);white-space:nowrap;font-size:12px}.control-row input[type=range]{width:100%;height:4px;accent-color:var(--pill-active-bg);cursor:pointer}.color-input{cursor:pointer;background:var(--pill-bg);border:1px solid #80808026;border-radius:10px;grid-column:2/span 2;width:100%;height:28px;padding:2px}.value-tag{color:var(--text-h);text-align:right;min-width:32px;font-size:11px;font-weight:600}.draw-mode-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.draw-btn{background:var(--pill-bg);border-radius:var(--radius-md);cursor:pointer;color:var(--text);border:1px solid #8080801f;justify-content:center;align-items:center;gap:5px;padding:7px 6px;font-family:inherit;font-size:12px;transition:all .2s;display:flex}.draw-btn:hover{color:var(--text-h);box-shadow:0 8px 18px #0000000f}.draw-btn.active{background:var(--pill-active-bg);color:var(--pill-active-text);border-color:#0000}.arrow-icon{font-size:14px;font-weight:700}.arrow-icon.blue-solid,.arrow-icon.blue-dash{color:#0af}.arrow-icon.red-solid,.arrow-icon.red-dash{color:#f55}.draw-btn.active .arrow-icon{color:inherit}.draw-hint{color:var(--text);text-align:center;margin-top:4px;font-size:11px}.arrow-style-row,.panel-style-row{gap:4px;display:flex}.panel-style-row{gap:6px;padding:6px 10px}.goal-dir-row{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:6px;display:grid}.goal-dir-row .style-chip{border-radius:8px;width:100%;padding:6px 8px}.style-chip{background:var(--pill-bg);color:var(--text);cursor:pointer;border:1px solid #80808026;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:10px;font-weight:500;transition:all .12s}.style-chip.active{background:var(--pill-active-bg);color:var(--pill-active-text);border-color:#0000}.entity-add-btn.active{background:var(--pill-active-bg);color:var(--pill-active-text)}.arrow-thumb-preview{justify-content:center;align-items:center;display:flex}.arrow-preview-icon{font-size:18px;font-weight:700;line-height:1}.stroke-tool-row{gap:4px;padding:0 10px 8px;display:flex}.stroke-chip{background:var(--pill-bg);color:var(--text);cursor:pointer;border:1px solid #8080801f;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-family:inherit;font-size:10px;font-weight:600;transition:all .12s;display:inline-flex}.stroke-chip:hover{color:var(--text-h);border-color:color-mix(in srgb, var(--chip-accent,#3b9eff) 30%, transparent)}.stroke-chip.active{background:var(--pill-active-bg);color:var(--pill-active-text);border-color:#0000}.stroke-chip-icon{color:var(--chip-accent,#3b9eff);font-size:13px;font-weight:700;line-height:1}.stroke-chip.active .stroke-chip-icon{color:inherit}.stroke-chip-icon.dashed{opacity:.8;letter-spacing:-1px}.stroke-chip-icon.line{letter-spacing:0;font-size:11px}.player-selection-ring{border:2.5px solid var(--accent,#fff);box-shadow:0 0 10px var(--accent-glow,#ffffff80);pointer-events:none;border-radius:50%;position:absolute;inset:-4px}.arrow-preview-icon.dashed{opacity:.75;letter-spacing:-2px}.selection-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);z-index:1100;pointer-events:auto;min-width:200px;max-height:min(70vh,100dvh - 20px);-webkit-backdrop-filter:var(--blur);box-shadow:var(--card-shadow);position:fixed;overflow-y:auto;transform:translate(-50%)}.action-selector{border-bottom:1px solid #8080801f;gap:4px;padding:8px;display:flex}.action-btn{text-align:center;cursor:pointer;color:var(--text);background:0 0;border:1px solid #0000;border-radius:10px;flex:1;padding:7px 4px;font-family:inherit;font-size:11px;font-weight:600;transition:all .15s}.action-btn:hover{background:var(--pill-bg);color:var(--text-h)}.action-btn.active{background:var(--pill-active-bg);color:var(--pill-active-text)}.pass-variant-row{grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 8px 4px;display:grid}.pass-variant-btn{cursor:pointer;color:var(--text);background:var(--pill-bg);border:1px solid #8080801a;border-radius:8px;padding:5px 2px;font-family:inherit;font-size:10px;font-weight:600;transition:all .15s}.pass-variant-btn:hover{color:var(--text-h)}.pass-variant-btn.active{background:var(--pill-active-bg);color:var(--pill-active-text)}.pass-dir-row{grid-template-columns:1fr 1fr;gap:4px;padding:4px 8px 8px;display:grid}.dir-btn{text-align:center;cursor:pointer;color:var(--text);background:var(--pill-bg);border:1px solid #8080801a;border-radius:8px;padding:4px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:all .15s}.dir-btn:hover{color:var(--text-h)}.dir-btn.active{background:var(--pill-active-bg);color:var(--pill-active-text)}.arrow-grid{grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;display:grid}.arrow-btn{text-align:center;cursor:pointer;color:var(--text);background:var(--pill-bg);border:1px solid #8080801a;border-radius:8px;padding:6px 4px;font-family:inherit;font-size:12px;font-weight:600;line-height:1;transition:all .15s}.arrow-btn:hover{color:var(--text-h)}.arrow-btn.active{background:var(--pill-active-bg);color:var(--pill-active-text)}.arrow-btn-empty{visibility:hidden;pointer-events:none}.arrow-btn:disabled{opacity:.35;cursor:default}.delete-btn{color:#e55;border-radius:var(--radius-md);cursor:pointer;background:#e555551f;border:1px solid #e5555533;width:100%;padding:10px;font-family:inherit;font-size:12px;font-weight:600}.delete-btn:hover{background:#e5555533}.panel-close-btn{background:var(--pill-bg);color:var(--text);cursor:pointer;border:none;border-radius:10px;padding:6px 8px;font-family:inherit;font-size:13px;line-height:1}.panel-close-btn:hover{color:var(--text-h)}.panel-header{justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.panel-header-end{justify-content:flex-end}.panel-section{padding:6px 10px}.panel-scale{align-items:center;gap:8px;display:flex}.panel-scale-block{flex-direction:column;gap:6px;display:flex}.panel-apply-all{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:11px;display:flex}.panel-apply-all input{accent-color:var(--accent,#3b9eff);cursor:pointer}.panel-label{color:var(--text);font-size:11px}@media (width<=1100px){.tactical-app{grid-template-columns:240px 1fr;gap:10px;padding:10px}.dock-actions{flex-wrap:wrap;justify-content:flex-end;width:100%;margin-left:0}}@media (width<=860px){html,body{-webkit-overflow-scrolling:touch;height:auto;min-height:100dvh;overflow:hidden auto}#root{height:auto;min-height:100dvh;overflow:visible}.tactical-app{width:100%;max-width:100vw;height:auto;min-height:100dvh;padding-bottom:max(12px, env(safe-area-inset-bottom));grid-template-rows:auto auto auto auto;grid-template-columns:1fr;overflow:visible}.ui-left{grid-row:2;max-height:none;overflow:visible}.drawer-rail{max-height:none;overflow:visible}.stage-frame{touch-action:pan-y;flex-shrink:0;grid-row:3;height:min(52vh,420px);min-height:280px}.stage-viewport,.stage-viewport canvas{touch-action:pan-y}.bottom-dock{z-index:1001;background:linear-gradient(to top, var(--bg) 72%, transparent);grid-row:4;padding-top:6px;position:sticky;bottom:0}.nav-pill{max-width:100%}}