:root{--ui-tempo:2;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#05070d;--panel:#0e1422d1;--edge:#78a0dc2e;--text:#dce4f2;--muted:#8aa0c4;--accent:#59c6ff;--good:#59ff8f;--bad:#ff5b5b;--hud-bg:#050a12e0;--hud-bg-hi:#0e1927eb;--hud-line:#70b4e047;--hud-line-hi:#59c6ff9e;--hud-glow:#59c6ff29}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}body{color:var(--text);-webkit-font-smoothing:antialiased;font-family:Kode Mono,Gothic A1,Pretendard,ui-monospace,Segoe UI,Roboto,sans-serif;font-size:12px}#view{touch-action:none;display:block;position:fixed;inset:0}#nsLayerCanvas{z-index:89;pointer-events:none;touch-action:none;width:100%;height:100%;display:none;position:fixed;inset:0}body[data-mode=build] .battle-only,body[data-mode=battle] .build-only,body:not(.editmode) .edit-only{display:none!important}#titlebar{pointer-events:none;z-index:5;background:linear-gradient(#050810e6,#05081000);align-items:center;gap:14px;height:46px;padding:0 18px;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:3px;font-size:16px;font-weight:300}.logo b{color:var(--accent);font-weight:700}.tag{color:var(--muted);font-size:10px}.brandline{align-items:center;gap:14px;min-width:0;display:flex}.toplinks{pointer-events:auto;align-items:center;gap:5px;margin-left:auto;display:flex}.toplink{color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:650;text-decoration:none}.toplink:hover{color:var(--text);border-color:var(--edge);background:#ffffff0f}.view-picker{pointer-events:auto;color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.view-picker select{max-width:158px;padding:5px 7px;font-size:10px}.panel{z-index:6;background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:14px 16px;position:fixed;box-shadow:0 8px 30px #00000059}.panel h3{color:var(--accent);letter-spacing:.5px;margin:0 0 10px;font-size:12px;font-weight:600}.perf-panel{width:760px;max-width:calc(100vw - 16px);max-height:calc(100vh - 52px);overscroll-behavior:contain;scrollbar-gutter:stable;pointer-events:auto;touch-action:pan-y;max-height:calc(100dvh - 52px);overflow-y:auto}.perf-panel-columns{border-bottom:1px solid #1d2537;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);display:grid}.perf-panel-section{min-width:0}.perf-panel-section+.perf-panel-section{border-left:1px solid #1d2537}@media (max-width:600px){.perf-panel-columns{grid-template-columns:minmax(0,1fr)}.perf-panel-section+.perf-panel-section{border-top:1px solid #1d2537;border-left:0}}#left{width:240px;top:58px;left:16px}#toast{z-index:7;color:#ffd9d9;opacity:0;transition:opacity calc(.15s * var(--ui-tempo));pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#3c1414d9;border:1px solid #ff787880;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;position:fixed;top:92px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}.stat{justify-content:space-between;padding:3px 0;font-size:11px;display:flex}.stat span{color:var(--muted)}.stat b{font-weight:600}.bar{background:#ffffff14;border-radius:4px;height:6px;margin:4px 0 8px;overflow:hidden}.bar i{height:100%;transition:width calc(.15s * var(--ui-tempo));display:block}#warn{color:var(--bad);margin:4px 0;font-size:12px;line-height:1.6}#matchup{border-top:1px solid var(--edge);margin-top:8px;padding-top:8px}#matchup h4{color:var(--accent);margin:0 0 6px;font-size:12px}.mrow{color:var(--text);padding:2px 0;font-size:12px}.mrow span{width:78px;color:var(--muted);display:inline-block}.mrow.s span{color:var(--good)}.mrow.w span{color:#ffcf5b}.mrow.v span{color:var(--bad)}.blk.t1{border-color:#4aa3ff8c}.blk.t2{border-color:#b26bff8c}.blk.t3{border-color:#ffc23e99}select{color:var(--text);border:1px solid var(--edge);background:#ffffff0f;border-radius:8px;max-width:240px;padding:7px 8px;font-family:inherit;font-size:12px}button{color:var(--text);cursor:pointer;border:1px solid var(--edge);transition:calc(.12s * var(--ui-tempo));background:#ffffff0d;border-radius:8px;padding:7px 10px;font-family:inherit;font-size:12px}button:hover{background:#ffffff1f}button:disabled{opacity:.35;cursor:default}button:disabled:hover{background:#ffffff0d}button.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:#59c6ff29}button.primary{background:var(--accent);color:#04121e;border-color:var(--accent);font-weight:700}button.primary:hover{filter:brightness(1.1)}.blk{flex-direction:column;align-items:flex-start;gap:2px;min-width:92px;display:flex}.blk small{color:var(--muted);font-size:10px}.sw{align-items:center;gap:6px;display:flex}.sw .dot{border:1px solid #0006;border-radius:3px;width:12px;height:12px}#editorDock{flex-direction:column;width:340px;padding:0;display:flex;top:58px;bottom:112px;right:16px;overflow:hidden}.dock-head{justify-content:space-between;align-items:center;padding:14px 14px 10px;display:flex}.dock-head h2{color:var(--text);letter-spacing:-.02em;margin:1px 0 0;font-size:17px}.eyebrow{color:var(--accent);letter-spacing:.16em;font-size:8px}.iconbtn{min-width:30px;padding:5px 8px}.dock-tabs{grid-template-columns:1fr 1fr;gap:6px;padding:0 10px 10px;display:grid}.dock-tab{border-radius:7px;font-weight:700}.dock-tab.on{color:#04121e;background:var(--accent);border-color:var(--accent)}.dock-pane{scrollbar-width:thin;min-height:0;padding:2px 12px 14px;overflow-y:auto}.dock-pane[hidden]{display:none}.dock-section{border-top:1px solid var(--edge);padding:10px 0}.dock-section>label,.preset-tools>label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:9px;display:block}.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.tile-grid button{text-align:left;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:54px;padding:7px;display:flex}.tile-grid button b{font-size:11px}.tile-grid button small{color:var(--muted);font-size:8px}.tile-grid button.on{border-color:var(--accent);background:#59c6ff24}.tile-grid.shapes{grid-template-columns:repeat(2,minmax(0,1fr))}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.color-grid .sw{flex-direction:row;align-items:center;min-width:0;padding:6px}.color-grid .sw span:last-child{text-overflow:ellipsis;font-size:9px;overflow:hidden}.group-row,.chip-row{flex-wrap:wrap;gap:5px;display:flex}.group-row{margin-bottom:7px}.group-row button,.chip-row button{border-radius:999px;padding:5px 7px;font-size:9px}.group-row button.on,.chip-row button.on{color:#04121e;background:var(--accent);border-color:var(--accent)}.chip-row.compact{flex-wrap:nowrap}.tier-line{justify-content:space-between;align-items:center;gap:8px;display:flex}.tier-line>label{margin:0}.item-list{flex-direction:column;gap:6px;padding-bottom:8px;display:flex}.item-list .blk{text-align:left;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;width:100%;min-width:0;padding:9px 10px;display:grid}.item-list .blk b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.item-list .blk small{grid-column:1/-1}.item-list .blk:after{content:attr(data-tier-label);color:var(--muted);font-size:8px}.item-list .blk.on{border-color:var(--accent);background:#59c6ff24}#selectionBar{z-index:7;border:1px solid var(--edge);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080d17e6;border-radius:11px;align-items:center;gap:5px;padding:7px 9px;display:flex;position:fixed;bottom:72px;left:270px;right:370px;overflow-x:auto;box-shadow:0 8px 26px #00000059}#selectionBar button{white-space:nowrap;padding:6px 8px;font-size:10px}#selectionBar .toolbtn.on{color:#04121e;background:var(--accent);border-color:var(--accent)}#selectionInfo{min-width:70px;color:var(--muted);text-align:center;white-space:nowrap;font-size:9px}.bar-sep{background:var(--edge);width:1px;height:22px}button.danger:not(:disabled){color:#ffd2d2;background:#ff5b5b1a;border-color:#ff5b5b73}#buildbar{z-index:7;background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;justify-content:space-between;align-items:flex-end;gap:10px;width:auto;min-width:0;padding:8px 10px;display:flex;position:fixed;bottom:12px;left:270px;right:370px;overflow-x:auto}.preset-tools,.build-actions{align-items:center;gap:5px;display:flex}.preset-tools>label{margin:0 2px 0 0}#buildbar button,#buildbar select{padding:6px 8px;font-size:10px}#buildbar #presetSel{max-width:150px}body.library-collapsed #editorDock{bottom:auto}body.library-collapsed #editorDock .dock-tabs,body.library-collapsed #editorDock .dock-pane{display:none}body.library-collapsed #btnDockCollapse{transform:rotate(180deg)}body.preview-mode #selectionBar{opacity:.42;pointer-events:none}input[type=range]{touch-action:none}#pilotHud{z-index:9;pointer-events:none;position:fixed;inset:0}#pilotFlight{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}body.piloting .render-tuner-panel,body.piloting .perf-panel,body.uihide>:not(#view):not(#pilotHud):not(#nsHudCanvas):not(#nsLayerCanvas),body.uihide #pilotHud>:not(#pilotFlight){display:none!important}#btnPanel{pointer-events:auto;margin-left:auto;padding:5px 10px;font-size:11px;display:none}body.collapsed #left{display:none!important}@media (max-width:860px){#btnPanel{display:inline-block}#titlebar{pointer-events:auto;background:#050810e6;flex-wrap:wrap;gap:5px 8px;height:auto;min-height:76px;padding:7px 8px}.brandline{width:calc(100% - 55px)}.logo{letter-spacing:2px;font-size:14px}.tag{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.toplinks{order:3;max-width:calc(100% - 150px);margin:0;overflow-x:auto}.toplink{border-color:var(--edge);background:#ffffff09;padding:5px 7px;font-size:9px}.view-picker{order:4;margin-left:auto}.view-picker>span{display:none}.view-picker select{max-width:140px}#btnPanel{margin-left:auto}#left{width:172px;max-height:38vh;padding:8px 10px;font-size:11px;top:82px;left:8px;overflow-y:auto}#left h3{margin-bottom:6px;font-size:11px}.stat{padding:2px 0;font-size:11px}#matchup{display:none}#editorDock{border-radius:14px 14px 10px 10px;width:auto;max-height:43vh;inset:auto 6px 116px}.dock-head{padding:9px 11px 6px}.dock-head h2{font-size:14px}.dock-tabs{padding:0 8px 7px}.dock-pane{padding:0 9px 9px}.dock-section{padding:7px 0}.tile-grid{grid-template-columns:repeat(4,minmax(82px,1fr));display:flex;overflow-x:auto}.tile-grid button{flex:0 0 92px;min-height:48px}.tile-grid.shapes{display:flex}.color-grid{display:flex;overflow-x:auto}.color-grid .sw{flex:0 0 72px}.group-row,.chip-row{flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.item-list{max-height:23vh;overflow-y:auto}body.library-collapsed #editorDock{bottom:116px}#selectionBar{justify-content:flex-start;max-width:none;padding:5px 7px;bottom:61px;left:6px;right:6px;overflow-x:auto;transform:none}#selectionBar button{min-height:34px;padding:7px 9px}#selectionInfo{min-width:62px}#buildbar{justify-content:flex-start;width:auto;min-width:0;padding:6px 7px;bottom:6px;left:6px;right:6px;overflow-x:auto;transform:none}.preset-tools,.build-actions{flex:none}#buildbar #presetSel{max-width:112px}button{font-size:11px}#toast{max-width:calc(100vw - 20px);padding:7px 12px;font-size:12px;top:82px}}body[data-mode=battle] button,body[data-mode=battle] select{border:1px solid var(--hud-line);color:#b9c9db;background-color:var(--hud-bg);letter-spacing:.04em;border-radius:3px;min-height:28px;font-size:9px;font-weight:650;box-shadow:inset 0 1px #b3e1ff0b,inset 2px 0 #59c6ff12}body[data-mode=battle] button{text-transform:uppercase;padding:4px 8px}body[data-mode=battle] button:hover{color:#e9f7ff;border-color:var(--hud-line-hi);box-shadow:inset 2px 0 0 var(--accent), 0 0 10px var(--hud-glow);background:linear-gradient(#30546e6b,#0a131df0)}body[data-mode=battle] button.on{color:#dff7ff;border-color:var(--hud-line-hi);box-shadow:inset 2px 0 0 var(--accent), 0 0 8px #59c6ff1f;background:linear-gradient(#235b798a,#081927f0)}body[data-mode=battle] button:focus-visible,body[data-mode=battle] select:focus-visible{outline-offset:2px;outline:1px solid #b7e9ff}body[data-mode=battle] select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#6ca8c8 50%),linear-gradient(135deg,#6ca8c8 50%,#0000 50%),linear-gradient(90deg,#59c6ff1f,#59c6ff1f);background-position:calc(100% - 10px) 11px,calc(100% - 6px) 11px,calc(100% - 20px) 0;background-repeat:no-repeat;background-size:4px 4px,4px 4px,1px 100%;padding:4px 22px 4px 8px}body[data-mode=battle] select:hover{border-color:var(--hud-line-hi);color:#e9f7ff}body[data-mode=battle] .panel{border-color:var(--hud-line);background:linear-gradient(145deg,#0c1825db,#050a12c2);border-radius:3px;box-shadow:inset 2px 0 #59c6ff1c,0 8px 24px #00000047}.perf-panel{scrollbar-width:thin;scrollbar-color:#31536c #060c1499}.perf-panel::-webkit-scrollbar{width:6px}.perf-panel::-webkit-scrollbar-thumb{background:#31536c;border:1px solid #132433}:root{--place-top:88px}@media (max-width:640px){:root{--place-top:calc(124px + env(safe-area-inset-top,0px))}}