*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0b0a;--panel: #161210;--panel2: #1c1715;--panel3: #241d18;--border: #2c241e;--border2: #3a2f26;--text: #d8cfc0;--muted: #574d40;--muted2: #877a68;--accent: #d4682c;--accent2: #ef8a47;--danger: #c23d1e;--green: #7a8a3a;--red: #c23a2a;--blue: #4a78b0;--metal-hi: rgba(255,236,210,.04);--metal-lo: rgba(0,0,0,.35);--grade0: #6a4322;--grade1: #8a5a28;--grade2: #62655e;--grade3: #4a6a86;--grade4: #b07a28;--header-h: 48px;--left-w: 280px;--right-w: 280px;--timeline-h: 224px;--track-label-w: 96px;--track-h: 38px;--pb-h: 50px;--tl-ruler-h: 22px;--font-ui: "Rajdhani", "Segoe UI", system-ui, sans-serif;--font-mono: "Share Tech Mono", "Consolas", monospace}:root[data-theme=light]{--bg:#e8e6e0;--panel:#f4f2ec;--panel2:#ebe8e0;--panel3:#e0ddd4;--border:#cfcabf;--border2:#bdb7a8;--text:#2a2722;--muted:#9a9384;--muted2:#6a6458}html,body{width:100%;height:100%;background:var(--bg);overflow:hidden}body{font-family:var(--font-ui);color:var(--text);font-size:15px;line-height:1.5}#canvas{position:fixed;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;z-index:0}.hidden{display:none!important}.accent{color:var(--accent)}.danger{color:var(--danger)}.muted{color:var(--muted2)}.mono{font-family:var(--font-mono)}.fullscreen-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:200}#dropzone.drag-over{background:#0e1010}.splash-box{display:flex;flex-direction:column;align-items:center;gap:16px;border:1px solid var(--border2);border-radius:4px;padding:56px 80px;cursor:pointer;position:relative;background:var(--panel);transition:border-color .2s}#dropzone.drag-over .splash-box,.splash-box:hover{border-color:var(--accent)}.splash-logo{font-size:34px;font-weight:700;letter-spacing:.22em;color:var(--text);text-transform:uppercase}.splash-tagline{font-size:10px;letter-spacing:.35em;color:var(--muted2);text-transform:uppercase;margin-top:-10px;font-family:var(--font-mono)}.splash-icon{font-size:40px;opacity:.35;margin:6px 0}.splash-status{text-align:center;color:var(--muted2);font-size:12px;line-height:1.8}.splash-status strong{color:var(--text)}#file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}#app{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;pointer-events:none}#app>*{pointer-events:all}#app-header{height:var(--header-h);flex-shrink:0;display:flex;align-items:center;gap:0;background:linear-gradient(to bottom,var(--panel2),var(--panel));border-bottom:1px solid var(--border);box-shadow:inset 0 1px 0 var(--metal-hi),0 2px #d4682c2e,0 3px 8px #00000059;padding:0 10px;z-index:30}.header-brand{display:flex;align-items:center;gap:8px;padding-right:16px;border-right:1px solid var(--border2);flex-shrink:0;margin-right:4px}.brand-icon{font-size:18px;color:var(--accent);display:flex;align-items:center}.brand-icon svg{width:20px;height:20px}.brand-name{font-size:15px;font-weight:700;letter-spacing:.2em;color:var(--text);text-transform:uppercase}.brand-sub{font-size:10px;letter-spacing:.22em;color:var(--muted);font-family:var(--font-mono);text-transform:uppercase}#raid-context{display:flex;align-items:center;gap:10px;padding:0 16px;border-left:1px solid var(--border2);flex-shrink:0;font-size:12px;max-width:360px;overflow:hidden}.ctx-owner{color:var(--text);font-weight:700;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctx-dot{color:var(--border2);flex-shrink:0}.ctx-date{color:var(--muted2);font-size:11px;white-space:nowrap}.ctx-dur{color:var(--accent);font-family:var(--font-mono);font-size:12px;white-space:nowrap}.header-nav{display:flex;align-items:stretch;flex:1;height:100%}.nav-tab{padding:0 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--muted2);cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.08em;font-family:var(--font-ui);text-transform:uppercase;transition:color .15s,border-color .15s;display:flex;align-items:center;gap:6px}.nav-tab:hover:not(:disabled){color:var(--text)}.nav-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.nav-tab:disabled{opacity:.3;cursor:default}#cam-modes{display:flex;align-items:center;gap:2px;padding:0 10px;border-left:1px solid var(--border2);border-right:1px solid var(--border2);height:100%;flex-shrink:0}.cam-btn{height:26px;padding:0 9px;background:transparent;border:1px solid transparent;border-radius:3px;color:var(--muted2);cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.09em;font-family:var(--font-ui);transition:color .13s,background .13s,border-color .13s;white-space:nowrap}.cam-btn:hover{color:var(--text);background:var(--panel2);border-color:var(--border2)}.cam-btn.active{color:var(--accent);background:#c8a03014;border-color:#c8a0304d}.cam-btn.cam-toggle{font-size:9px;letter-spacing:.12em}.cam-btn.cam-toggle.active{color:var(--accent2);background:#c8b8401a;border-color:#c8b84066}.cam-btn.cam-icon{padding:0 7px;font-size:13px}.cam-sep{width:1px;height:20px;background:var(--border2);margin:0 4px;flex-shrink:0}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0;padding-left:10px}.icon-btn{width:30px;height:30px;background:#161a1ce6;border:1px solid var(--border2);border-radius:3px;color:var(--muted2);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.icon-btn:hover{background:var(--panel3);color:var(--accent);border-color:var(--accent)}.icon-btn svg{width:16px;height:16px}.model-progress{font-size:10px;color:var(--muted);font-family:var(--font-mono);padding:0 4px}#app-body{flex:1;display:flex;overflow:hidden;border-bottom:1px solid var(--border)}#viewport-wrap{flex:1;position:relative;overflow:hidden;background:transparent;pointer-events:all;touch-action:none;cursor:grab}#viewport-wrap:active{cursor:grabbing}#layer-bar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:16px;background:#0b0d0ed9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border2);border-radius:4px;padding:5px 14px}.layer-dot{display:flex;align-items:center;gap:5px;background:none;border:none;cursor:pointer;font-size:11px;font-weight:600;color:var(--muted2);font-family:var(--font-ui);letter-spacing:.05em;transition:color .15s;padding:0}.layer-dot .dot{width:8px;height:8px;border-radius:50%;background:var(--dot, var(--muted));transition:opacity .15s}.layer-dot.active{color:var(--text)}.layer-dot.ghost{color:var(--muted)}.layer-dot.ghost .dot{opacity:.5;filter:brightness(.6)}.layer-dot:not(.active):not(.ghost){color:var(--muted)}.layer-dot:not(.active):not(.ghost) .dot{opacity:.2}#raid-info-bar{position:absolute;top:10px;left:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted2);pointer-events:none}.raid-id{font-size:14px;font-weight:700;color:var(--text)}.raid-meta-sep{color:var(--border2)}#compass{position:absolute;top:10px;right:10px;display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;-webkit-user-select:none;user-select:none}#compass-dial{width:68px;height:68px;background:#0b0d0eeb;border:1px solid rgba(200,160,48,.22);border-radius:50%;position:relative;box-shadow:0 0 0 1px #c8a0300f,0 6px 20px #000000b3,inset 0 0 14px #00000080}.cd-n{position:absolute;top:5px;left:50%;transform:translate(-50%);color:var(--accent);font-size:11px;font-weight:700;font-family:var(--font-mono)}.cd-s{position:absolute;bottom:5px;left:50%;transform:translate(-50%);color:var(--muted2);font-size:9px;font-weight:600;font-family:var(--font-mono)}.cd-e{position:absolute;right:6px;top:50%;transform:translateY(-50%);color:var(--muted2);font-size:9px;font-weight:600;font-family:var(--font-mono)}.cd-w{position:absolute;left:6px;top:50%;transform:translateY(-50%);color:var(--muted2);font-size:9px;font-weight:600;font-family:var(--font-mono)}#compass-needle{position:absolute;top:50%;left:50%;width:3px;height:46px;margin-top:-23px;margin-left:-1.5px;transform-origin:50% 50%;transition:transform .08s linear}.cn-tip{position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(200,160,48,.4),var(--accent));border-radius:2px 2px 0 0;box-shadow:0 0 8px #c8a03073}.cn-tail{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(74,78,80,.3),var(--muted));border-radius:0 0 2px 2px}.compass-center{position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--panel);border:1.5px solid var(--accent);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #c8a0304d}#compass-dial:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px solid rgba(200,160,48,.08)}#compass-label{font-size:12px;font-weight:700;font-family:var(--font-mono);color:var(--accent);letter-spacing:.12em;text-shadow:0 0 8px rgba(200,160,48,.4)}#marker-legend{position:absolute;bottom:12px;left:12px;background:#0b0d0ed9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border2);border-radius:5px;padding:8px 10px;pointer-events:none;opacity:.7;transition:opacity .2s}#viewport-wrap:hover #marker-legend{opacity:1}.ml-title{font-size:9px;letter-spacing:.16em;color:var(--muted2);font-family:var(--font-mono);margin-bottom:5px}.ml-row{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--text);line-height:1.7}.ml-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}#clip-slider-wrap{position:absolute;top:48px;right:12px;display:flex;align-items:center;gap:8px;background:#0b0d0ed9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border2);border-radius:5px;padding:6px 10px}#clip-slider-wrap.hidden{display:none}.clip-label{font-size:9px;letter-spacing:.14em;color:var(--muted2);font-family:var(--font-mono)}#clip-slider{width:120px;accent-color:var(--accent);cursor:pointer}#minimap-wrap{position:absolute;top:48px;left:12px;background:#0b0d0ee6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border2);border-radius:6px;padding:8px}#minimap{display:block;width:200px;height:200px;image-rendering:pixelated}.minimap-legend{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:9px;color:var(--muted2);font-family:var(--font-mono)}.mm-grad{flex:1;height:6px;border-radius:3px;background:linear-gradient(to right,#2b8cee,#ee2b2b)}#cam-help{position:absolute;bottom:12px;left:50%;transform:translate(-50%);pointer-events:none;opacity:.65;transition:opacity .2s}#viewport-wrap:hover #cam-help{opacity:1}.ch-mode{display:flex;align-items:center;gap:12px;background:#080a0be0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:5px 16px;white-space:nowrap;box-shadow:0 2px 10px #0006}.ch-orbital{display:flex}.ch-fps,body.fps-active .ch-orbital{display:none}body.fps-active .ch-fps{display:flex}.ch-group{display:flex;align-items:center;gap:6px;font-size:10px;color:#c8cdd2b3;font-family:var(--font-mono)}.ch-group.muted{opacity:.4}.ch-sep{width:1px;height:14px;background:#ffffff1a;flex-shrink:0}#cam-help kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-bottom:2px solid rgba(0,0,0,.3);border-radius:4px;font-size:9px;font-family:var(--font-mono);color:var(--text);box-shadow:inset 0 1px #ffffff14}#left-sidebar{width:var(--left-w);flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);box-shadow:inset -1px 0 0 var(--metal-hi);display:flex;flex-direction:column;overflow:hidden}.scene-count{font-size:10px;color:var(--muted);font-family:var(--font-mono)}.scene-search-bar{padding:8px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.scene-filters{display:flex;gap:3px;flex-wrap:wrap}.sf-btn{padding:0 8px;height:24px;background:none;border:1px solid var(--border2);border-radius:3px;color:var(--muted2);cursor:pointer;font-size:10px;font-weight:700;font-family:var(--font-ui);transition:all .12s;white-space:nowrap}.sf-btn:hover{color:var(--text);border-color:var(--muted)}.sf-btn.active{color:var(--accent);border-color:#c8a03066;background:#c8a0300f}#scene-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}#scene-list::-webkit-scrollbar{width:3px}#scene-list::-webkit-scrollbar-thumb{background:var(--border2)}.si-section-title{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--muted2);text-transform:uppercase;font-family:var(--font-mono);padding:8px 10px 6px;background:var(--panel2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1}.si{border-bottom:1px solid rgba(35,39,41,.5);padding:6px 8px;cursor:pointer;transition:background .08s}.si:hover{background:#ffffff06}.si-main{display:flex;align-items:center;gap:6px}.si-ico{font-size:15px;flex-shrink:0;width:20px;text-align:center;line-height:1}.si-thumb-sm{width:22px;height:22px;border-radius:3px;object-fit:contain;background:var(--panel3);border:1px solid var(--border2);flex-shrink:0}.si-info{flex:1;min-width:0}.si-name{font-size:13px;color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.si-meta{display:flex;align-items:center;gap:5px;margin-top:2px;flex-wrap:nowrap}.si-hits{font-size:11px;color:var(--muted2);font-family:var(--font-mono);white-space:nowrap}.si-locked{font-size:12px;color:var(--red);line-height:1}.si-tp{flex-shrink:0;width:22px;height:22px;background:none;border:1px solid var(--border2);border-radius:3px;color:var(--muted2);cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;transition:all .12s}.si-tp:hover{border-color:var(--accent);color:var(--accent);background:#c8a03014}.si-hp-row{display:flex;align-items:center;gap:6px;margin-top:4px}.si-hp-bar{flex:1;height:3px;background:var(--panel3);border-radius:2px;overflow:hidden}.si-hp-fill{height:100%;border-radius:2px}.si-hp-txt{font-size:10px;color:var(--muted2);font-family:var(--font-mono);white-space:nowrap;flex-shrink:0}.si-state{font-size:11px;margin-top:3px;font-family:var(--font-mono)}.si-destroyed{color:var(--red)}.si-rebuilt{color:var(--green)}.si-empty{text-align:center;padding:24px 12px;color:var(--muted);font-size:13px;line-height:1.6}#right-sidebar{width:var(--right-w);flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-title{font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--muted2);text-transform:uppercase;font-family:var(--font-mono)}.sidebar-section-title{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--muted2);text-transform:uppercase;font-family:var(--font-mono);padding:7px 12px 6px;border-top:1px solid var(--border);flex-shrink:0}#event-detail{padding:10px 12px;border-bottom:1px solid var(--border);flex-shrink:0}#detail-empty-state{text-align:center;color:var(--muted);font-size:12px;padding:16px 12px;line-height:1.7;letter-spacing:.04em}#detail-fields.hidden{display:none}#event-detail:has(#detail-fields.hidden) .detail-header{display:none}#event-detail:has(#detail-fields:not(.hidden)) #detail-empty-state{display:none}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.detail-event-id{font-size:13px;font-weight:700;color:var(--text);font-family:var(--font-mono);letter-spacing:.1em}.detail-badge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:2px;letter-spacing:.1em;background:#c0382033;border:1px solid rgba(192,56,32,.5);color:#e06040}.detail-row{display:flex;align-items:center;padding:4px 0;border-bottom:1px solid rgba(35,39,41,.5)}.detail-row:last-child{border-bottom:none}.dk{width:80px;flex-shrink:0;font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;font-family:var(--font-mono)}.dv{flex:1;font-size:12px;color:var(--text)}.dv.accent{color:var(--accent)}.dv.danger{color:#e06040;font-family:var(--font-mono)}.dv.mono{font-family:var(--font-mono);font-size:11px}#detail-hpcurve{padding:8px 12px 4px;border-bottom:1px solid var(--border)}#detail-hpcurve.hidden{display:none}.hpc-title{font-size:9px;letter-spacing:.14em;color:var(--muted);font-family:var(--font-mono);margin-bottom:4px}.hpc-svg{width:100%;height:46px;display:block}.ruler-chapter{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed rgba(200,160,48,.5);cursor:pointer;z-index:6}.ruler-chapter span{position:absolute;top:1px;left:3px;white-space:nowrap;font-size:8px;font-family:var(--font-mono);color:var(--accent);background:#0b0d0eb3;padding:0 2px;border-radius:2px}.log-filters{display:flex;gap:3px}.lf{padding:2px 7px;background:none;border:1px solid var(--border2);border-radius:2px;color:var(--muted);cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.06em;font-family:var(--font-ui);transition:color .12s,border-color .12s}.lf:hover{color:var(--text)}.lf.active{color:var(--accent);border-color:#c8a03066}#event-log{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}#event-log::-webkit-scrollbar{width:3px}#event-log::-webkit-scrollbar-thumb{background:var(--border2)}.ev-item{display:flex;align-items:flex-start;gap:8px;padding:6px 12px;border-bottom:1px solid rgba(35,39,41,.5);cursor:pointer;transition:background .1s;animation:fadeIn .12s ease}.ev-item:hover{background:#ffffff06}.ev-item.selected{background:#c8a0300f}.ev-icon{font-size:14px;flex-shrink:0;margin-top:1px;opacity:.75}.ev-content{flex:1;min-width:0}.ev-time{font-size:10px;color:var(--accent);font-family:var(--font-mono);display:block}.ev-desc{font-size:12px;color:var(--text);line-height:1.35}.ev-desc .name{font-weight:600}.ev-desc .expl{color:#a04030}.ev-desc .dmg{color:var(--muted2);font-family:var(--font-mono);font-size:11px}.ev-desc .destroyed{color:#f53;font-weight:700}.ev-desc .defender{color:#e08888}.ev-desc .attacker{color:#88c}.ev-type-destroyed{border-left:2px solid #ff4422}.ev-type-death{border-left:2px solid var(--red);background:#280a0a66}.ev-type-built{border-left:2px solid var(--green)}.ev-type-upgraded{border-left:2px solid var(--accent)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}#timeline-panel{height:var(--timeline-h);flex-shrink:0;background:var(--panel);border-top:1px solid var(--border);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}#timeline-header{height:var(--tl-ruler-h);flex-shrink:0;display:flex;align-items:center;border-bottom:1px solid var(--border2);background:var(--panel2)}.tl-label{width:var(--track-label-w);flex-shrink:0;padding:0 10px;font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--muted2);text-transform:uppercase;font-family:var(--font-mono)}#tl-ruler{flex:1;position:relative;height:100%;overflow:hidden}.ruler-tick{position:absolute;top:0;height:100%;border-left:1px solid rgba(255,255,255,.06);display:flex;align-items:flex-end;padding-bottom:3px}.ruler-tick span{font-size:9px;color:var(--muted);font-family:var(--font-mono);padding-left:3px}.ruler-tick.major{border-left-color:#ffffff24}.ruler-tick.major span{color:var(--muted2);font-size:10px}.tl-total-time{padding:0 8px;font-size:10px;color:var(--muted);font-family:var(--font-mono);flex-shrink:0}#tl-time-cursor{position:absolute;top:2px;transform:translate(-50%);background:var(--accent);color:#0e0f10;font-size:8px;font-family:var(--font-mono);font-weight:700;padding:1px 5px;border-radius:2px;pointer-events:none;white-space:nowrap;z-index:12;line-height:14px}#tracks-wrap{flex:1;position:relative;overflow:hidden}.track-row{display:flex;height:var(--track-h);border-bottom:1px solid rgba(35,39,41,.7)}.track-row:nth-child(2n) .track-body{background:#121516}.track-row:nth-child(odd) .track-body{background:#0e1011}.track-row:nth-child(2n) .track-body:hover,.track-row:nth-child(odd) .track-body:hover{background:#181c1e}.track-label{width:var(--track-label-w);flex-shrink:0;position:relative;display:flex;align-items:center;padding:0 0 0 12px;background:var(--panel2);border-right:1px solid var(--border2);font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted2);font-family:var(--font-mono);overflow:hidden}.track-label:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--tc, var(--border2));opacity:.8}.track-label>span{flex:1;padding-left:8px}.track-vis{background:none;border:1px solid transparent;border-radius:3px;padding:1px 5px;cursor:pointer;font-size:9px;font-family:var(--font-mono);font-weight:700;line-height:1;transition:all .15s;flex-shrink:0;margin-right:6px;color:var(--tc, var(--muted2))}.track-vis.active{opacity:1}.track-vis.ghost{color:var(--accent);opacity:.7}.track-vis:not(.active):not(.ghost){color:var(--muted);opacity:.35}.track-vis:hover{opacity:1!important}.track-body{flex:1;position:relative;overflow:hidden}.tmark{position:absolute;top:50%;transform:translate(-50%,-50%);border-radius:1px;cursor:pointer;transition:transform .1s,opacity .1s}.tmark:hover{transform:translate(-50%,-50%) scale(1.6);z-index:2;opacity:1!important}.tmark.explosion{width:8px;height:8px;background:#e05030;border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 6px #e05030b3,0 0 12px #e0503040}.tmark.explosion:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.6)}.tmark.structure{width:2px;height:22px;background:#d0a840;border-radius:1px;opacity:.85}.tmark.structure.built{background:#4a9030;height:16px}.tmark.structure.upgraded{background:var(--accent);height:14px}.tmark.event{width:2px;height:16px;background:#4a80c0;border-radius:1px;opacity:.75}.tmark.death{width:10px;height:10px;background:transparent}.tmark.death:before,.tmark.death:after{content:"";position:absolute;left:50%;top:50%;width:10px;height:2px;border-radius:1px;background:#e03030;box-shadow:0 0 5px #dc3030b3}.tmark.death:before{transform:translate(-50%,-50%) rotate(45deg)}.tmark.death:after{transform:translate(-50%,-50%) rotate(-45deg)}.tmark.death:hover:before{transform:translate(-50%,-50%) rotate(45deg) scale(1.4)}.tmark.death:hover:after{transform:translate(-50%,-50%) rotate(-45deg) scale(1.4)}.tmark.gun-density{position:absolute;bottom:0;transform:none;top:auto;background:linear-gradient(to top,#50b8781f,#50b878bf);border-top:1px solid rgba(80,184,120,.55);border-radius:1px 1px 0 0}.tmark.gun-density:hover{opacity:1!important;transform:none!important}#tl-playhead{position:absolute;top:0;bottom:0;left:var(--track-label-w);width:2px;background:var(--accent);pointer-events:none;z-index:10;box-shadow:0 0 6px #c8a03080}#tl-playhead:before{content:"";position:absolute;top:0;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid var(--accent)}#tl-slider{position:absolute;top:0;bottom:0;left:var(--track-label-w);right:0;width:calc(100% - var(--track-label-w));opacity:0;cursor:pointer;-webkit-appearance:none;height:100%;z-index:5}#playback-bar{height:var(--pb-h);flex-shrink:0;display:flex;align-items:center;gap:0;padding-left:var(--track-label-w);border-top:1px solid var(--border);background:linear-gradient(to bottom,var(--panel2),var(--panel));box-shadow:0 -1px #c8a0300f}.pb-transport{display:flex;align-items:center;gap:2px;padding:0 14px 0 10px;border-right:1px solid var(--border2)}.pb-btn{width:32px;height:32px;background:none;border:1px solid transparent;border-radius:4px;color:var(--muted2);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:color .12s,background .12s,border-color .12s}.pb-btn:hover{color:var(--text);background:#ffffff0f;border-color:var(--border2)}.pb-play{width:44px;height:44px;font-size:18px;margin:0 4px;background:#c8a0301f;border:1px solid rgba(200,160,48,.3)!important;border-radius:6px;color:var(--accent);box-shadow:0 0 12px #c8a03014}.pb-play:hover{background:#c8a03038;border-color:#c8a0308c!important;color:var(--accent2);box-shadow:0 0 16px #c8a0302e}.pb-play.playing{color:var(--accent2);background:#c8a0302e;box-shadow:0 0 16px #c8a03033}.pb-time-block{display:flex;align-items:baseline;gap:6px;padding:0 18px;border-right:1px solid var(--border2)}.pb-elapsed{font-size:18px;font-weight:700;font-family:var(--font-mono);color:var(--text);letter-spacing:.04em}.pb-slash{font-size:13px;color:var(--border2)}.pb-total{font-size:13px;font-family:var(--font-mono);color:var(--muted2)}.pb-speed-block{display:flex;align-items:center;gap:10px;padding:0 16px}.pb-speed-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--muted);font-family:var(--font-mono)}.tl-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--panel3);border:1px solid var(--border2);color:var(--text);border-radius:4px;padding:0 10px;height:30px;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-ui);min-width:60px}.tl-select:hover{background:var(--panel2);border-color:var(--muted)}#analytics-page,#logs-page,#base-page,#config-page{position:absolute;left:0;right:0;top:var(--header-h);bottom:0;z-index:50;background:var(--bg);overflow-y:auto}#analytics-page.hidden,#logs-page.hidden,#base-page.hidden,#config-page.hidden{display:none!important}#app.page-analytics #app-body,#app.page-analytics #timeline-panel{display:none}#app.page-analytics #analytics-page{display:block}#app.page-base #app-body,#app.page-base #timeline-panel{display:none}#app.page-base #base-page{display:block}#app.page-logs #app-body,#app.page-logs #timeline-panel{display:none}#app.page-logs #logs-page{display:block}#app.page-config #app-body,#app.page-config #timeline-panel{display:none}#app.page-config #config-page{display:block}.page-content{max-width:1380px;margin:0 auto;padding:28px 32px 64px}.page-header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--border)}.page-title{font-size:22px;font-weight:700;letter-spacing:.08em;color:var(--text);line-height:1.2}.page-sub{font-size:12px;color:var(--muted2);margin-top:4px;font-family:var(--font-mono);letter-spacing:.04em}#analytics-content{max-width:1380px;margin:0 auto;padding:28px 32px 64px}.an-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border);position:relative}.an-summary{background:var(--panel2);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:5px;padding:12px 16px;margin-bottom:24px;font-size:14px;line-height:1.6;color:var(--text)}.an-title{font-size:22px;font-weight:700;letter-spacing:.08em;color:var(--text)}.an-sub{font-size:12px;color:var(--muted2);margin-top:4px;font-family:var(--font-mono)}.an-section-title{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--muted2);text-transform:uppercase;margin:24px 0 10px;padding-bottom:6px;border-bottom:1px solid var(--border)}.an-verdict{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:16px 22px;margin-bottom:24px;position:relative;overflow:hidden}.an-verdict:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.an-verdict.vd-danger:before{background:var(--danger)}.an-verdict.vd-ok:before{background:var(--green)}.vd-main{display:flex;align-items:center;gap:14px}.vd-icon{font-size:30px;line-height:1}.vd-label{font-size:22px;font-weight:700;letter-spacing:.04em;color:var(--text)}.an-verdict.vd-danger .vd-label{color:#e06848}.an-verdict.vd-ok .vd-label{color:#5cc088}.vd-stats{display:flex;gap:28px;flex-wrap:wrap}.vd-stat{display:flex;flex-direction:column;gap:2px}.vd-k{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);font-family:var(--font-mono)}.vd-v{font-size:18px;font-weight:700;font-family:var(--font-mono);color:var(--text)}.an-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:28px}@media (max-width:1100px){.an-kpis{grid-template-columns:repeat(3,1fr)}}.an-kpi{background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:14px 16px;position:relative;overflow:hidden}.an-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--border2)}.an-kpi.accent-kpi:before{background:var(--accent)}.an-kpi.danger-kpi:before{background:var(--danger)}.an-kpi .k-label{font-size:11px;letter-spacing:.1em;color:var(--muted2);text-transform:uppercase;font-family:var(--font-mono)}.an-kpi .k-value{font-size:26px;font-weight:700;color:var(--text);margin-top:4px;font-family:var(--font-mono);line-height:1}.an-kpi .k-value.accent{color:var(--accent)}.an-kpi .k-value.danger{color:var(--danger)}.an-kpi .k-sub{font-size:10px;color:var(--muted2);margin-top:4px;font-family:var(--font-mono)}.an-density{background:var(--panel);border:1px solid var(--border);border-radius:5px;padding:14px 16px 8px;margin-bottom:28px}.an-density-title{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--muted2);text-transform:uppercase;margin-bottom:10px;font-family:var(--font-mono)}.dens-bars{display:flex;align-items:flex-end;gap:3px;height:80px}.dens-bar{flex:1;border-radius:2px 2px 0 0;transition:opacity .1s;min-width:3px}.dens-bar.active{background:var(--accent);opacity:.75}.dens-bar.active:hover{opacity:1}.dens-bar.zero{background:var(--border2);opacity:.35;height:2px!important}.dens-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);font-family:var(--font-mono);margin-top:6px;padding-top:6px;border-top:1px solid var(--border2)}.an-grade-bars{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.an-grade-row{display:flex;align-items:center;gap:10px}.an-grade-label{font-size:11px;font-family:var(--font-mono);color:var(--muted2);width:52px;flex-shrink:0}.an-grade-track{flex:1;background:var(--panel2);border-radius:3px;height:8px;overflow:hidden}.an-grade-fill{height:100%;border-radius:3px;transition:width .3s}.an-grade-count{font-size:11px;font-family:var(--font-mono);color:var(--muted2);width:40px;text-align:right;flex-shrink:0}.an-grid3{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;align-items:start}@media (max-width:1100px){.an-grid3{grid-template-columns:1fr 1fr}}.an-table{width:100%;border-collapse:collapse}.an-table th{font-size:11px;letter-spacing:.08em;color:var(--muted2);text-transform:uppercase;text-align:left;padding:7px 8px;border-bottom:1px solid var(--border);font-family:var(--font-mono)}.an-table td{padding:7px 8px;border-bottom:1px solid rgba(35,39,41,.5);font-size:13px}.an-table tr:last-child td{border-bottom:none}.an-table tr:hover td{background:var(--panel2)}.an-table .num{text-align:right;font-family:var(--font-mono)}.an-table .muted{color:var(--muted2)}.an-name{color:var(--text);font-weight:600}.an-name.def{color:var(--red)}.an-bar-wrap{background:var(--panel2);border-radius:2px;height:6px;overflow:hidden;min-width:40px}.an-bar{height:100%;background:var(--accent);border-radius:2px}.an-bar.expl{background:var(--danger)}.an-empty{color:var(--muted2);font-size:13px;padding:12px 0;text-align:center}.an-hl{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid rgba(35,39,41,.5);cursor:pointer;transition:background .1s;border-radius:3px}.an-hl:last-child{border-bottom:none}.an-hl:hover{background:var(--panel2)}.an-hl .hl-icon{font-size:16px;width:22px;text-align:center}.an-hl .hl-time{font-family:var(--font-mono);font-size:12px;color:var(--accent);width:52px;flex-shrink:0}.an-hl .hl-label{font-size:13px;color:var(--text)}#base-content{max-width:1380px;margin:0 auto;padding:28px 32px 64px}.base-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.base-table-wrap{border:1px solid var(--border);border-radius:5px;overflow:hidden}.base-table{width:100%}.base-table td:last-child{text-align:center}.bt-focus{width:32px;height:28px;background:none;border:1px solid var(--border2);border-radius:4px;color:var(--muted2);cursor:pointer;font-size:14px;transition:all .12s;display:inline-flex;align-items:center;justify-content:center}.bt-focus:hover{border-color:var(--accent);color:var(--accent);background:#c8a03014}.grade-badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.06em}.grade-0{background:#5a3a1a4d;color:#c4906a;border:1px solid rgba(90,58,26,.5)}.grade-1{background:#504c484d;color:#a8a49e;border:1px solid rgba(80,76,72,.5)}.grade-2{background:#3c505a4d;color:#7aaabb;border:1px solid rgba(60,80,90,.5)}.grade-3{background:#3c80644d;color:#60c090;border:1px solid rgba(60,128,100,.5)}.state-ok{color:var(--muted2);font-size:11px}.state-destroyed{color:#e05030;font-weight:700;font-size:12px}.state-rebuilt{color:#50b878;font-weight:700;font-size:12px}.logs-wrap{max-width:1380px;margin:0 auto;display:flex;flex-direction:column}#logs-kpi-bar{display:flex;align-items:stretch;gap:0;background:var(--panel);border:1px solid var(--border);border-radius:5px;margin-bottom:20px;overflow:hidden}.logs-kpi{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:16px 24px;gap:4px;border-right:1px solid var(--border2);flex:1;cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none}.logs-kpi-val{font-size:28px;font-weight:700;font-family:var(--font-mono);color:var(--text);line-height:1}.logs-kpi-val.c-hit{color:#50b878}.logs-kpi-val.c-destroyed{color:#e05030}.logs-kpi-val.c-death{color:#c44}.logs-kpi-val.c-built{color:#4a9030}.logs-kpi-label{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--muted2);text-transform:uppercase;font-family:var(--font-mono)}.logs-page-header{margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}.logs-ph-title{font-size:22px;font-weight:700;letter-spacing:.08em;color:var(--text)}.logs-ph-sub{font-size:12px;color:var(--muted2);margin-top:4px;font-family:var(--font-mono)}.logs-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.logs-search-wrap{display:flex;align-items:center;background:var(--panel3);border:1px solid var(--border2);border-radius:5px;height:34px;padding:0 12px;flex:1;max-width:340px;transition:border-color .15s}.logs-search-wrap:focus-within{border-color:var(--muted2)}.logs-search-icon{color:var(--muted);font-size:15px;margin-right:8px;flex-shrink:0}.logs-search{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:13px;font-family:var(--font-ui)}.logs-search::placeholder{color:var(--muted)}.logs-filters{display:flex;gap:4px;flex-wrap:wrap}.lf-btn{padding:0 14px;height:34px;background:none;border:1px solid var(--border2);border-radius:5px;color:var(--muted2);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-ui);transition:all .12s}.lf-btn:hover{color:var(--text);border-color:var(--muted)}.lf-btn.active{color:var(--accent);border-color:#c8a03080;background:#c8a03012}.logs-toolbar-right{display:flex;align-items:center;gap:12px;margin-left:auto}.logs-count{font-size:12px;color:var(--muted2);font-family:var(--font-mono)}.logs-export-btn{height:34px;padding:0 16px;background:#c8a0300f;border:1px solid rgba(200,160,48,.25);border-radius:5px;color:var(--accent);cursor:pointer;font-size:12px;font-weight:700;font-family:var(--font-ui);transition:all .12s;white-space:nowrap}.logs-export-btn:hover{background:#c8a03024}.logs-table-wrap{border:1px solid var(--border);border-radius:5px;overflow:hidden;scrollbar-width:thin;scrollbar-color:var(--border2) transparent}.logs-table-wrap::-webkit-scrollbar{width:5px;height:5px}.logs-table-wrap::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}.logs-table{width:100%;border-collapse:collapse;font-size:13px}.logs-table thead{position:sticky;top:0;z-index:2;background:var(--panel2);box-shadow:0 1px 0 var(--border)}.logs-table th{padding:11px 14px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted);white-space:nowrap;font-family:var(--font-mono)}.logs-table td{padding:9px 14px;border-bottom:1px solid rgba(35,39,41,.4);color:var(--text);vertical-align:middle}.logs-table tbody tr{cursor:pointer;transition:background .08s}.logs-table tbody tr:hover{background:#ffffff06}.logs-table tbody tr:hover .lt-time{color:var(--accent2)}.logs-table tbody tr:last-child td{border-bottom:none}.col-t{width:72px}.col-type{width:110px}.col-atk{width:160px;font-weight:600}.col-wpn{min-width:150px}.col-ent{min-width:140px}.col-dmg{width:90px;text-align:right}.lt-thumb{width:28px;height:28px;border-radius:4px;vertical-align:middle;margin-right:8px;object-fit:contain;background:var(--panel3);border:1px solid var(--border2)}.lt-wpn{display:inline-flex;align-items:center;gap:8px}.lt-wpn .lt-thumb{margin-right:0}.thumb-fallback{color:var(--muted2);font-size:12px}.wpn-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:6px;background:var(--wc);box-shadow:inset 0 0 0 1px #ffffff1f}.wpn-badge.wpn-sm{width:20px;height:20px;border-radius:5px}.wpn-badge svg{width:16px;height:16px}.wpn-badge.wpn-sm svg{width:13px;height:13px}.lt-time{font-family:var(--font-mono);font-size:12px;color:var(--accent)}.lt-type{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:4px;font-size:11px;font-weight:700}.lt-type.hit{color:#50b878;background:#50b8781a;border:1px solid rgba(80,184,120,.2)}.lt-type.destroyed{color:#e05030;background:#e050301a;border:1px solid rgba(224,80,48,.2)}.lt-type.built{color:#60c060;background:#60c0601a;border:1px solid rgba(96,192,96,.2)}.lt-type.upgraded{color:var(--accent);background:#c8a03014;border:1px solid rgba(200,160,48,.2)}.lt-type.death{color:#c44;background:#c844441a;border:1px solid rgba(200,68,68,.2)}.lt-dmg{font-family:var(--font-mono);font-size:12px;color:var(--muted2);text-align:right;display:block}.lt-empty{text-align:center;color:var(--muted);padding:60px 0;font-size:14px;letter-spacing:.05em}.cfg-wrap{max-width:1380px;margin:0 auto;padding:28px 32px 64px}.cfg-layout{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:start}@media (max-width:900px){.cfg-layout{grid-template-columns:1fr}}.cfg-col{display:flex;flex-direction:column;gap:16px}.cfg-card{background:var(--panel);border:1px solid var(--border2);border-radius:6px;overflow:hidden}.cfg-card-title{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:var(--panel2);border-bottom:1px solid var(--border2);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--muted2);font-family:var(--font-mono)}.cfg-card-hint{font-size:10px;color:var(--muted);letter-spacing:.04em;font-weight:400}.cfg-card-keys{height:100%}.cfg-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 16px;border-bottom:1px solid rgba(35,39,41,.5)}.cfg-row:last-child{border-bottom:none}.cfg-label{font-size:12px;color:var(--text);display:flex;flex-direction:column;gap:2px}.cfg-hint{font-size:10px;color:var(--muted);font-weight:400}.cfg-input-wrap{display:flex;align-items:center;gap:8px;flex-shrink:0}.cfg-input{background:var(--panel3);border:1px solid var(--border2);border-radius:3px;color:var(--text);padding:0 8px;height:30px;font-size:11px;font-family:var(--font-ui);outline:none;width:260px}.cfg-input-sm{width:68px;text-align:right}.cfg-input:focus{border-color:var(--muted2)}.cfg-unit{font-size:10px;color:var(--muted);font-family:var(--font-mono)}.cfg-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:30px;padding:0 10px;background:var(--panel3);border:1px solid var(--border2);border-radius:3px;color:var(--text);font-size:11px;font-family:var(--font-ui);cursor:pointer;outline:none}.cfg-select:focus{border-color:var(--muted2)}.cfg-accent-group{display:flex;gap:8px;flex-shrink:0}.cfg-accent{width:24px;height:24px;border-radius:50%;cursor:pointer;background:var(--a);border:2px solid transparent;padding:0;transition:transform .12s,border-color .12s;outline:none}.cfg-accent:hover{transform:scale(1.12)}.cfg-accent.active{border-color:var(--text);box-shadow:0 0 0 2px var(--a)}.cfg-lang-group{display:flex;gap:0;flex-shrink:0}.cfg-lang-btn,.cfg-theme-btn{padding:5px 14px;background:var(--panel3);border:1px solid var(--border2);color:var(--muted);cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font-ui);transition:all .12s}.cfg-lang-btn:first-child,.cfg-theme-btn:first-child{border-radius:3px 0 0 3px}.cfg-lang-btn:last-child,.cfg-theme-btn:last-child{border-radius:0 3px 3px 0;border-left:none}.cfg-lang-btn.active,.cfg-theme-btn.active{background:#c8a0301f;border-color:#c8a03066;color:var(--accent)}.cfg-toggle{position:relative;cursor:pointer;flex-shrink:0}.cfg-toggle input{position:absolute;opacity:0;width:0;height:0}.cfg-toggle-track{display:block;width:40px;height:22px;background:var(--panel3);border:1px solid var(--border2);border-radius:11px;transition:background .18s,border-color .18s}.cfg-toggle input:checked+.cfg-toggle-track{background:#50b8784d;border-color:#50b87899}.cfg-toggle-thumb{position:absolute;top:4px;left:4px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .18s,background .18s}.cfg-toggle input:checked~.cfg-toggle-track .cfg-toggle-thumb{transform:translate(18px);background:#50b878}.cfg-actions{display:flex;gap:10px;padding-top:4px}.cfg-apply-btn{flex:1;height:38px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.06em;font-family:var(--font-ui);background:#50b8781f;border:1px solid rgba(80,184,120,.35);color:#50b878;transition:all .12s}.cfg-apply-btn:hover{background:#50b87838}.cfg-reset-btn{height:38px;padding:0 18px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.06em;font-family:var(--font-ui);background:none;border:1px solid var(--border2);color:var(--muted);transition:all .12s}.cfg-reset-btn:hover{color:var(--text);border-color:var(--muted)}.kb-row{display:flex;align-items:center;justify-content:space-between;padding:9px 16px;border-bottom:1px solid rgba(35,39,41,.5)}.kb-row:last-child{border-bottom:none}.kb-action{font-size:12px;color:var(--text)}.kb-key{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:26px;padding:0 8px;background:var(--panel3);border:1px solid var(--border2);border-bottom:2px solid rgba(0,0,0,.4);border-radius:4px;font-size:11px;font-family:var(--font-mono);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;transition:border-color .12s,background .12s,color .12s}.kb-key:hover{border-color:var(--muted2);background:var(--panel2);color:var(--accent)}.kb-key.recording{border-color:var(--accent);color:var(--accent);background:#c8a03014;animation:kb-pulse .7s ease-in-out infinite}.kb-key.kb-custom{border-color:#5096ff66;color:#80b0ff}@keyframes kb-pulse{0%,to{opacity:1}50%{opacity:.5}}.kb-fixed{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.kb-fixed .kb-key{cursor:default;opacity:.7}.kb-fixed .kb-key:hover{border-color:var(--border2);background:var(--panel3);color:var(--text)}#hover-hud{position:fixed;z-index:120;pointer-events:none;background:#0c0d0eeb;border:1px solid var(--border2);border-left:3px solid var(--accent);border-radius:3px;padding:7px 10px;min-width:120px;max-width:240px;font-size:12px;color:var(--text);box-shadow:0 4px 14px #00000080}#hover-hud.hidden{display:none}#hover-hud .hh-name{font-weight:600;color:var(--accent2);margin-bottom:3px}#hover-hud .hh-row{display:flex;justify-content:space-between;gap:14px;font-size:11px;line-height:1.5}#hover-hud .hh-k{color:var(--muted2);text-transform:uppercase;letter-spacing:.06em}#hover-hud .hh-v{color:var(--text);font-family:var(--font-mono)}#hover-hud .hh-hpbar{height:5px;background:var(--panel2);border-radius:2px;margin-top:4px;overflow:hidden}#hover-hud .hh-hpfill{height:100%}#hover-hud .hh-locked{color:var(--red)}#search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#0607088c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:flex-start;justify-content:center;padding-top:14vh}#search-overlay.hidden{display:none}.search-box{width:520px;max-width:92vw;background:var(--panel);border:1px solid var(--border2);border-radius:8px;box-shadow:0 12px 48px #0009;overflow:hidden}#search-input{width:100%;padding:16px 18px;border:none;outline:none;background:var(--panel2);color:var(--text);font-size:16px;font-family:var(--font-ui);border-bottom:1px solid var(--border)}#search-results{max-height:48vh;overflow-y:auto}.sr-item{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;border-bottom:1px solid rgba(35,39,41,.5)}.sr-item:hover{background:#ffffff0a}.sr-ico{font-size:15px;width:22px;text-align:center}.sr-label{flex:1;font-size:14px;color:var(--text)}.sr-sub{font-size:12px;color:var(--muted2);font-family:var(--font-mono)}.sr-empty{padding:20px;text-align:center;color:var(--muted);font-size:13px}#cheatsheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:#06070899;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center}#cheatsheet.hidden{display:none}.cheat-box{background:var(--panel);border:1px solid var(--border2);border-radius:8px;padding:24px 28px;box-shadow:0 12px 48px #0009;min-width:340px}.cheat-title{font-size:13px;font-weight:700;letter-spacing:.16em;color:var(--accent);font-family:var(--font-mono);margin-bottom:16px}.cheat-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 18px}.cheat-k{font-family:var(--font-mono);font-size:12px;color:var(--accent2);text-align:right}.cheat-v{font-size:13px;color:var(--text)}.cheat-hint{margin-top:16px;font-size:11px;color:var(--muted);text-align:center}.an-clickable{cursor:pointer}.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sort:hover{color:var(--text)}.th-sort.sort-asc:after{content:" ▲";font-size:8px;color:var(--accent)}.th-sort.sort-desc:after{content:" ▼";font-size:8px;color:var(--accent)}.ruler-fav{position:absolute;top:0;transform:translate(-50%);font-size:10px;color:var(--accent2);cursor:pointer;z-index:7;line-height:1;text-shadow:0 0 4px rgba(0,0,0,.6)}.ruler-fav:hover{transform:translate(-50%) scale(1.3)}:root[data-cb="1"]{--danger:#d55e00;--green:#0072b2;--red:#d55e00;--accent:#e69f00;--blue:#56b4e9}.rv-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(12px);z-index:500;padding:9px 18px;border-radius:4px;font-size:12px;font-family:var(--font-ui);font-weight:600;background:var(--panel2);border:1px solid var(--border2);color:var(--text);box-shadow:0 4px 16px #00000080;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap}.rv-toast.rv-toast-in{opacity:1;transform:translate(-50%) translateY(0)}.rv-toast.rv-toast-error{border-color:#c0382099;color:#e06040}.rv-toast.rv-toast-success{border-color:#50b87880;color:#50b878}.cfg-card,.an-kpi,.an-density,.logs-table-wrap,.base-table-wrap,#logs-kpi-bar,.an-summary,.an-verdict{box-shadow:inset 0 1px 0 var(--metal-hi),0 1px 2px var(--metal-lo)}.an-section-title,.cfg-card-title,.sidebar-section-title,.si-section-title{position:relative}.an-section-title:before{content:"";display:inline-block;width:14px;height:2px;background:var(--accent);vertical-align:middle;margin-right:8px;opacity:.8}.nav-tab.active{text-shadow:0 0 12px rgba(212,104,44,.35)}.cam-btn.active,.cam-btn.cam-toggle.active{color:var(--accent2);background:#d4682c1a;border-color:#d4682c73}#timeline-panel{box-shadow:inset 0 1px 0 var(--metal-hi)}.pb-play{background:#d4682c24!important;border-color:#d4682c66!important;color:var(--accent2)!important}#tl-playhead{box-shadow:0 0 8px #d4682c80}.splash-logo span{color:var(--accent)}*::-webkit-scrollbar-thumb{background:var(--border2)}.logs-export-btn{background:#d4682c14;border-color:#d4682c4d;color:var(--accent2)}.logs-export-btn:hover{background:#d4682c2e}