:root{color-scheme:dark;--bg: #0c0e12;--bg-elev: #13161c;--fg: #d6dae3;--muted: #6b7280;--accent: #4f8cff;--warn: #f1c878;--ok: #5fd2a5;--err: #e25656;--hairline: #1c1f26}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}body{display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:baseline;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid var(--hairline);flex:0 0 auto}.topbar h1{margin:0;font-size:1rem;font-weight:600;letter-spacing:.04em;color:var(--accent);cursor:pointer;user-select:none}.mode-label{color:var(--fg);font-size:.8rem;opacity:.7}.factory-name-input{background:transparent;border:none;border-bottom:1px solid transparent;color:var(--fg);font:inherit;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:.1rem .25rem;width:14rem;outline:none;transition:border-color .15s}.factory-name-input::placeholder{color:var(--fg-mute);font-weight:400}.factory-name-input:hover{border-bottom-color:var(--hairline)}.factory-name-input:focus{border-bottom-color:var(--accent)}.tick-label{color:var(--accent);font-size:.8rem;font-variant-numeric:tabular-nums}.unit-count{color:#7eb6ff;font-size:.8rem;font-variant-numeric:tabular-nums}.result-label{color:var(--warn);font-size:.8rem}.sim-version{color:var(--muted);font-size:.75rem}.settings-anchor{position:relative;display:flex;align-items:center}.settings-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--muted);padding:.2rem .35rem;border-radius:4px;line-height:1}.settings-btn:hover{background:var(--tile-dark, #1a1d23);color:var(--fg)}.settings-panel{position:absolute;top:calc(100% + 6px);right:0;background:var(--card-bg, #1c1f26);border:1px solid var(--hairline);border-radius:6px;padding:.6rem .9rem;z-index:200;white-space:nowrap;box-shadow:0 4px 12px #0006}.settings-panel[hidden]{display:none}.settings-row{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.85rem;color:var(--fg);user-select:none}.save-state{font-size:.72rem;color:var(--muted);font-style:italic}.save-state.ok{color:var(--ok);font-style:normal}.save-state.err{color:var(--err);font-style:normal}.user-chip{margin-left:auto;display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .5rem;background:var(--bg-elev);border:1px solid var(--hairline);border-radius:999px;font-size:.75rem;color:var(--fg)}.user-chip-name{letter-spacing:.02em}.user-chip-logout{font:inherit;font-size:.9rem;line-height:1;width:1.1rem;height:1.1rem;border:none;background:transparent;color:var(--muted);cursor:pointer;border-radius:50%}.user-chip-logout:hover{color:var(--err)}.modal-backdrop{position:fixed;inset:0;background:#080a0ec7;display:flex;align-items:center;justify-content:center;z-index:2000;backdrop-filter:blur(2px)}.modal-backdrop[hidden]{display:none}.modal{width:min(420px,90vw);padding:1.5rem 1.5rem 1.25rem;background:var(--bg-elev);border:1px solid var(--hairline);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;box-shadow:0 12px 32px #0000008c}.modal h2{margin:0;font-size:1.1rem;color:var(--accent)}.modal-help{margin:0;font-size:.78rem;color:var(--muted);line-height:1.4}.modal input[type=text],.modal input[type=password]{font:inherit;font-size:.95rem;padding:.5rem .7rem;background:var(--bg);color:var(--fg);border:1px solid var(--hairline);border-radius:4px}.modal input[type=text]:focus,.modal input[type=password]:focus{outline:none;border-color:var(--accent)}.modal-error{font-size:.78rem;color:var(--err);min-height:1rem}.modal-error[hidden]{display:none}.dashboard-view{flex:1 1 auto;display:flex;flex-direction:column;overflow-y:auto}.dashboard-stage{flex:1 1 auto;padding:1.5rem 2rem;max-width:1100px;margin:0 auto;width:100%}.dashboard-heading{margin:0 0 .25rem;font-size:1.2rem;font-weight:600;color:var(--fg)}.dashboard-help{margin:0 0 1.25rem;color:var(--muted);font-size:.82rem}.slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.slot-card{background:var(--bg-elev);border:1px solid var(--hairline);border-radius:6px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.slot-card-header{display:flex;align-items:baseline;justify-content:space-between}.slot-card-title{font-size:.95rem;font-weight:600;color:var(--fg)}.slot-card-slotnum{font-size:.72rem;color:var(--muted);margin-left:.4rem}.slot-card-status{font-size:.7rem;color:var(--muted)}.slot-card-status.published{color:var(--ok)}.slot-card-meta{font-size:.72rem;color:var(--muted);line-height:1.5}.slot-card-actions{display:flex;gap:.4rem;margin-top:.5rem}.slot-card-error{font-size:.72rem;color:var(--err);white-space:pre-wrap}.slot-card-error[hidden]{display:none}.slot-card-ladder{border-top:1px solid var(--hairline);padding-top:.5rem;margin-top:.25rem;display:flex;flex-direction:column;gap:.45rem}.ladder-rating{display:inline-flex;align-items:baseline;gap:.4rem}.ladder-rating-num{font-size:1.4rem;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums}.ladder-rating-label{font-size:.7rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.ladder-progress{display:flex;flex-direction:column;gap:.25rem}.ladder-progress-label{font-size:.7rem;color:var(--muted)}.ladder-progress-bar{height:6px;background:var(--bg);border:1px solid var(--hairline);border-radius:3px;overflow:hidden}.ladder-progress-fill{height:100%;background:var(--accent);transition:width .4s ease}.ladder-recent{display:flex;flex-wrap:wrap;gap:.25rem}.ladder-result{font-size:.65rem;padding:.15rem .4rem;border-radius:3px;background:var(--bg);border:1px solid var(--hairline);white-space:nowrap}.ladder-result-win{color:var(--ok);border-color:#5fd2a566}.ladder-result-loss{color:var(--err);border-color:#e2565666}.ladder-result-draw{color:var(--warn);border-color:#f1c87866}.ladder-result-pending{color:var(--muted)}.leaderboard-view{flex:1 1 auto;display:flex;flex-direction:column;overflow-y:auto}.leaderboard-stage{flex:1 1 auto;padding:1.5rem 2rem;max-width:900px;margin:0 auto;width:100%}.leaderboard-heading-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1rem}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.85rem}.leaderboard-table th,.leaderboard-table td{text-align:left;padding:.55rem .75rem;border-bottom:1px solid var(--hairline)}.leaderboard-table th{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.leaderboard-table tr:hover td{background:#4f8cff0d}.leaderboard-rank{font-variant-numeric:tabular-nums;color:var(--muted);width:3rem}.leaderboard-rating{font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent)}.leaderboard-bot-chip{font-size:.65rem;background:var(--bg);border:1px solid var(--hairline);border-radius:3px;padding:.05rem .35rem;color:var(--muted);margin-left:.4rem;letter-spacing:.04em;text-transform:uppercase}.view{flex:1 1 auto;display:flex;min-height:0}.view.hidden{display:none}.editor-view{display:flex;flex-direction:row}.palette{flex:0 0 232px;background:var(--bg-elev);border-right:1px solid var(--hairline);padding:1rem .85rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.palette-heading{margin:0;padding:0 .25rem .25rem;font-size:.7rem;font-weight:600;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.palette-list{display:flex;flex-direction:column;gap:.25rem}.palette-button{display:flex;align-items:center;gap:.5rem;padding:.4rem .5rem;background:transparent;color:var(--fg);border:1px solid transparent;border-radius:4px;cursor:pointer;text-align:left;font:inherit;font-size:.8rem;transition:background .12s,border-color .12s}.palette-button:hover{background:#ffffff0a}.palette-button.active{background:#4f8cff1f;border-color:#4f8cff99}.palette-swatch{width:16px;height:16px;border-radius:3px;flex:0 0 16px;border:1px solid rgba(0,0,0,.35)}.palette-shortcut{margin-left:auto;color:var(--muted);font-size:.7rem}.palette-section{margin-top:.6rem;padding-top:.6rem;border-top:1px solid var(--hairline);display:flex;flex-direction:column;gap:.4rem}.palette-section[hidden]{display:none}.palette-section.dim{opacity:.35}.section-label{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.meta-value{color:var(--fg);font-weight:500;font-size:.8rem}#dir-row{flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}#dir-row .section-label{flex:1 1 100%}.dir-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;background:var(--bg);border:1px solid var(--hairline);border-radius:999px;font-size:.8rem}.dir-arrow{font-size:1.05rem;line-height:1;color:var(--accent);font-weight:700}.dir-letter{color:var(--fg)}#flip-row{flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}#flip-row .section-label{flex:1 1 100%}.flip-pill{display:inline-flex;align-items:center;padding:.25rem .6rem;background:var(--bg);border:1px solid var(--hairline);border-radius:999px;font-size:.8rem;color:var(--warn)}#recipe-row{flex-direction:row;align-items:center;gap:.5rem;flex-wrap:wrap}#recipe-row .section-label{flex:1 1 100%}.recipe-pill{display:inline-flex;align-items:center;padding:.2rem .55rem;background:#4f8cff1f;border:1px solid rgba(79,140,255,.4);border-radius:999px;color:var(--fg);font-size:.78rem;font-weight:500}.recipe-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;width:100%}.recipe-pill-btn{font:inherit;font-size:.75rem;padding:.3rem .5rem;background:var(--bg);border:1px solid var(--hairline);border-radius:4px;color:var(--fg);cursor:pointer;text-align:center;transition:background .12s,border-color .12s,color .12s}.recipe-pill-btn:hover{border-color:var(--accent)}.recipe-pill-btn.active{background:#4f8cff2e;border-color:#4f8cffb3;color:var(--accent);font-weight:600}.recipe-hint{font-size:.66rem;color:var(--muted);line-height:1.35}.kbd-row{display:inline-flex;gap:.2rem;margin-left:auto}.kbd-hint{margin-left:auto}kbd{display:inline-block;min-width:1.3em;padding:.05rem .35rem;background:var(--bg);border:1px solid var(--hairline);border-bottom-width:2px;border-radius:3px;font:inherit;font-size:.68rem;color:var(--fg);text-align:center;line-height:1.3}.shortcut-grid{margin:0;display:grid;grid-template-columns:max-content 1fr;column-gap:.6rem;row-gap:.3rem;align-items:center;font-size:.72rem}.shortcut-grid dt{display:flex;align-items:center;gap:.15rem;white-space:nowrap;color:var(--fg)}.shortcut-grid dd{margin:0;color:var(--muted)}.bp-actions{display:flex;gap:.35rem}.tool-btn{font:inherit;font-size:.72rem;padding:.25rem .55rem;border:1px solid var(--hairline);background:transparent;color:var(--fg);border-radius:3px;cursor:pointer;transition:border-color .12s,color .12s}.tool-btn:hover{border-color:var(--accent);color:var(--accent)}.editor-stage{flex:1 1 auto;display:flex;flex-direction:column;padding:1rem;min-width:0;min-height:0}.editor-canvas{flex:1 1 auto;min-height:0;margin:0 auto;display:block;background:#000;max-width:100%;max-height:100%;aspect-ratio:1 / 1;width:auto;cursor:crosshair}.action-bar{flex:0 0 auto;display:flex;align-items:center;gap:.75rem;margin-top:.75rem;padding:.5rem .25rem;border-top:1px solid var(--hairline);flex-wrap:wrap}.validation{flex:1 1 auto;font-size:.8rem}.validation.ok{color:var(--ok)}.validation.err{color:var(--err)}.opponent-picker{display:inline-flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--muted)}.opponent-picker select{font:inherit;font-size:.78rem;padding:.25rem .4rem;background:var(--bg);color:var(--fg);border:1px solid var(--hairline);border-radius:3px;cursor:pointer}.opponent-picker select:hover,.opponent-picker select:focus{border-color:var(--accent);outline:none}.opponent-blurb{font-size:.7rem;color:var(--muted);max-width:280px;line-height:1.3}button.primary,button.secondary{font:inherit;font-size:.85rem;padding:.5rem 1rem;border-radius:4px;border:1px solid transparent;cursor:pointer}button.primary{background:var(--accent);color:#0c0e12}button.primary:hover:not(:disabled){filter:brightness(1.1)}button.primary:disabled{background:var(--bg-elev);color:var(--muted);cursor:not-allowed;border-color:var(--hairline)}button.secondary:disabled{opacity:.38;cursor:not-allowed}.publish-warning{font-size:.72rem;color:var(--warn);white-space:nowrap}button.secondary{background:transparent;color:var(--fg);border-color:var(--hairline)}button.secondary:hover{border-color:var(--accent);color:var(--accent)}.battle-view{display:flex;flex-direction:column}.battle-stage{flex:1 1 auto;display:flex;flex-direction:column;padding:1rem;min-width:0}.battle-topbar{display:flex;align-items:center;padding-bottom:.5rem}.battle-canvas{display:block;background:#000;width:100%;height:auto;max-height:100%;aspect-ratio:4 / 1}.replay-view{display:flex;flex-direction:column}.replay-action-bar,.battle-action-bar{flex-wrap:wrap;gap:.5rem .75rem}.replay-speed-group{display:inline-flex;gap:.25rem}.replay-speed-btn.active,.battle-speed-btn.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.replay-scrubber{flex:1 1 auto;min-width:8rem;accent-color:var(--accent)}.replay-tick-label{font-size:.85rem;color:var(--fg-mute);min-width:5rem;text-align:right;font-variant-numeric:tabular-nums}.slot-card-replays{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.35rem}.replay-pill{font-size:.75rem;padding:.2rem .5rem;border-radius:999px;background:#ffffff0f;border:1px solid var(--hairline);color:var(--fg-mute);cursor:pointer}.replay-pill:hover{border-color:var(--accent);color:var(--fg)}.leaderboard-row-clickable{cursor:pointer}.factory-replays-controls{display:flex;align-items:center;gap:.5rem}.factory-replays-sort-label{color:var(--muted);font-size:.8rem}.factory-replays-sort-btn{font-size:.75rem;padding:.15rem .6rem}.factory-replays-sort-btn.active{border-color:var(--accent);color:var(--fg)}.replay-outcome-win{color:var(--accent);font-weight:600}.replay-outcome-loss{color:#e05252}.replay-outcome-draw{color:var(--muted)}.replay-delta-pos{color:var(--accent);font-variant-numeric:tabular-nums}.replay-delta-neg{color:#e05252;font-variant-numeric:tabular-nums}.replay-delta-zero{color:var(--muted);font-variant-numeric:tabular-nums}.tooltip{position:fixed;pointer-events:none;z-index:1000;max-width:280px;padding:.4rem .6rem;background:#0c0e12f2;border:1px solid var(--hairline);border-radius:4px;color:var(--fg);font:inherit;font-size:.72rem;line-height:1.45;white-space:pre-line;box-shadow:0 4px 12px #00000073}.tooltip[hidden]{display:none}.tooltip-title{display:block;font-weight:600;color:var(--accent);margin-bottom:.15rem}.tooltip-row{color:var(--muted)}.tooltip-row .val{color:var(--fg)}.tutorial-overlay{position:fixed;bottom:5rem;right:1.5rem;z-index:500;width:340px;pointer-events:auto}.tutorial-overlay.hidden{display:none}.tutorial-card{background:var(--bg-elev);border:1px solid rgba(79,140,255,.55);border-radius:8px;padding:1.1rem 1.25rem 1rem;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;gap:.65rem}.tutorial-progress{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tutorial-title{font-size:1rem;font-weight:600;color:var(--accent);line-height:1.3}.tutorial-body{font-size:.82rem;color:var(--fg);line-height:1.55;white-space:pre-wrap}.tutorial-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.1rem}.tutorial-skip{font:inherit;font-size:.75rem;color:var(--muted);background:transparent;border:none;cursor:pointer;padding:.25rem 0;transition:color .12s}.tutorial-skip:hover{color:var(--fg)}.tutorial-next{font-size:.82rem;padding:.4rem .9rem}.palette-button.tutorial-highlight,.recipe-pill-btn.tutorial-highlight{background:#facc151a;border-color:#facc15bf;animation:tutorial-pulse 1.6s ease-in-out infinite}@keyframes tutorial-pulse{0%,to{box-shadow:0 0 6px #facc1540}50%{box-shadow:0 0 14px #facc158c}}#error-toast{position:fixed;bottom:1.5rem;right:1.5rem;z-index:1500;background:var(--err);color:#fff;padding:.7rem 1.1rem;border-radius:6px;font-size:.875rem;max-width:320px;box-shadow:0 4px 16px #0006;animation:toast-in .15s ease;cursor:default}#error-toast[hidden]{display:none}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}