:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e8ecf1;background:#0e1116;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}html,body{overscroll-behavior:none;height:100%;margin:0}#app{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);-webkit-overflow-scrolling:touch;position:fixed;inset:0;overflow-y:auto}.screen{flex-direction:column;align-items:center;gap:12px;padding:24px 16px;display:flex}.screen-title{margin:0 0 12px;font-size:22px}.button{min-width:220px;font:inherit;color:inherit;background:#243042;border:1px solid #3a4a62;border-radius:8px;padding:12px 16px;font-size:17px}.button:disabled{opacity:.5}.overlay{z-index:6;background:#0e1116eb;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}.overlay-text{font-size:20px}.button-main{background:#2f5d8a;border-color:#4a7fb3;font-weight:600}.note{color:#aab4c2;text-align:center;margin:0;font-size:14px}.note-warn{color:#f0b45a}.list,.orders{flex-direction:column;gap:6px;width:min(100%,360px);display:flex}.panel-title{margin:6px 0 0;font-size:15px}.chips{flex-wrap:wrap;justify-content:center;gap:6px;width:min(100%,360px);display:flex}.chip,.card{font:inherit;color:inherit;background:#1c2533;border:1px solid #3a4a62;border-radius:6px;padding:8px 10px;font-size:14px}.card{text-align:left}.chip-on,.card-on{background:#2f5d8a;border-color:#6fa3d6}.chip:disabled{opacity:.4}.line{justify-content:space-between;align-items:center;gap:8px;display:flex}.line-text{margin:0;font-size:14px}.verdict{margin:0;font-size:26px;font-weight:700}.verdict-win{color:#7be07b}.verdict-loss{color:#ff6b6b}.report-wrap{flex-direction:column;align-items:center;gap:8px;width:min(100%,360px);display:flex}.report{box-sizing:border-box;width:100%;color:inherit;background:#121722;border:1px solid #3a4a62;font:12px ui-monospace,monospace}[hidden]{display:none!important}.stress{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);-webkit-user-select:none;user-select:none;position:absolute;overflow:hidden}.stress-hud{background:#0e1116b8;border:1px solid #3a4a62;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;padding:6px 10px;display:flex;position:absolute;top:6px;left:8px;right:8px}.stress-title{margin:0;font-size:15px}.stress-line{margin:0;font-size:13px}.stress-note{color:#ffb74d}.stress-exit{padding:4px 8px;position:absolute;top:6px;right:8px}.fight{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);-webkit-user-select:none;user-select:none;position:absolute;overflow:hidden}.stage{touch-action:none;position:absolute;inset:0}.stage-canvas{width:100%;height:100%;display:block}.hud-top{box-sizing:border-box;background:#140e0cd6;justify-content:space-between;align-items:center;gap:8px;height:9.21875%;padding:0 12px;display:flex;position:absolute;top:0;left:0;right:0}.hud-titles{min-width:0}.hud-fight{color:#f0e1cd;margin:0;font-size:16px;font-weight:700}.hud-hive{color:#ff785a;margin:2px 0 0;font-size:13px}.chips-layer{pointer-events:none;position:absolute;inset:0}.edge-chip{white-space:nowrap;color:#ff5a46;background:#140e0ce0;border:2px solid #ff5a46;border-radius:9px;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;left:0}.edge-arrow{display:inline-block}.hud-follow{position:absolute;top:calc(73.4375% - 46px);right:10px}.log-panel{background:#0e1116f2;border:1px solid #3a4a62;border-radius:8px;max-height:55%;padding:8px 10px;position:absolute;top:calc(9.21875% + 6px);left:8px;right:8px;overflow-y:auto}.log-list{margin:6px 0 0;padding:0;font-size:13px;line-height:1.4;list-style:none}.hud-panel{background:#140e0ce6;flex-direction:column;display:flex;position:absolute;inset:73.4375% 0 0}.panel-body{flex-direction:column;flex:1;align-items:center;gap:6px;min-height:0;padding:6px 10px;display:flex;overflow-y:auto}.panel-foot{border-top:1px solid #3a2e26;align-items:center;gap:10px;padding:6px 10px;display:flex}.panel-action{flex:1;min-width:0}.panel-who{color:#e8ecf1;font-weight:600}.minimap{width:56px;height:80px;image-rendering:pixelated;border:1px solid #3a4a62;flex:none}.strip{gap:6px;width:100%;display:flex}.strip-card{min-width:0;font:inherit;color:inherit;touch-action:none;text-overflow:ellipsis;white-space:nowrap;background:#1c2533;border:1px solid #3a4a62;border-radius:6px;flex:1;padding:8px 4px;font-size:13px;overflow:hidden}.strip-on{background:#2f5d8a;border-color:#ffe27a}.strip-unplaced{border-style:dashed}.playback-line{min-height:1.4em}.drag-ghost{z-index:10;color:#0e1116;pointer-events:none;background:#4fc3f7;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;margin:-17px 0 0 -17px;font-weight:700;display:flex;position:fixed;top:0;left:0}.perf-layer{inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);pointer-events:none;z-index:5;position:absolute}.perf-toggle{color:#9fe6a0;pointer-events:auto;background:#0e1116d9;border:1px solid #3a4a62;border-radius:6px;padding:6px 10px;font:700 12px ui-monospace,monospace;position:absolute;top:calc(73.4375% - 46px);left:10px}.perf-panel{pointer-events:auto;-webkit-user-select:text;user-select:text;background:#0e1116f5;border:1px solid #3a4a62;border-radius:8px;flex-direction:column;align-items:center;padding:8px 10px;display:flex;position:absolute;inset:calc(9.21875% + 6px) 8px calc(26.5625% + 52px);overflow-y:auto}.report-text{white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text;width:100%;margin:0;font:11px/1.35 ui-monospace,monospace}