body{margin:0}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0b0e14}::-webkit-scrollbar-thumb{background:#2a3042;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#333a4d}:root{--bg-deep:#0b0e14;--bg-surface:#141820;--bg-card:#1a1f2b;--bg-elevated:#222836;--border:#2a3042;--border-light:#333a4d;--text:#c8cdd8;--text-muted:#6b7280;--text-bright:#eef0f4;--cyan:#22d3ee;--cyan-dim:#22d3ee26;--amber:#f59e0b;--amber-dim:#f59e0b1f;--green:#10b981;--green-dim:#10b9811f;--red:#ef4444;--red-dim:#ef44441f;--purple:#a78bfa;--purple-dim:#a78bfa1f;--blue:#3b82f6;--blue-dim:#3b82f61f;--font:"DM Sans", system-ui, sans-serif;--mono:"JetBrains Mono", "SF Mono", monospace;--radius:8px;--radius-lg:14px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg-deep);color:var(--text);-webkit-font-smoothing:antialiased}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.app-header h1{font-family:var(--mono);letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);font-size:1rem;font-weight:700}.header-right{align-items:center;gap:14px;display:flex}.header-user{font-family:var(--mono);color:var(--text-muted);font-size:.75rem}.header-btn{border:1px solid var(--border-light);color:var(--text-muted);border-radius:var(--radius);cursor:pointer;font-family:var(--font);background:0 0;padding:5px 14px;font-size:.75rem;font-weight:500;transition:all .15s}.header-btn:hover{border-color:var(--cyan);color:var(--cyan)}.sim-btn{border-radius:var(--radius);cursor:pointer;font-family:var(--font);letter-spacing:.3px;border:1px solid #0000;padding:8px 18px;font-size:.8rem;font-weight:600;transition:all .15s}.sim-btn.start{background:var(--green);color:#fff}.sim-btn.start:hover{background:#059669}.sim-btn.pause{background:var(--amber);color:#000}.sim-btn.pause:hover{background:#d97706}.sim-btn.reset{background:var(--bg-elevated);color:var(--text-muted);border-color:var(--border-light)}.sim-btn.reset:hover{color:var(--text-bright);border-color:var(--text-muted)}.sim-btn.policy{background:var(--purple-dim);color:var(--purple);border-color:#a78bfa4d}.sim-btn.policy:hover{background:#a78bfa40}.sim-btn.save{background:var(--cyan-dim);color:var(--cyan);border-color:#22d3ee4d}.sim-btn.save:hover{background:#22d3ee40}.sim-btn.compare{background:var(--purple-dim);color:var(--purple);border-color:#a78bfa4d}.sim-btn.compare:hover{background:#a78bfa40}.sim-btn:disabled{opacity:.35;cursor:not-allowed}.round-controls{background:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:10px 24px;display:flex}.round-controls-left{align-items:center;gap:8px;display:flex}.round-controls-center{align-items:center;display:flex}.round-badge{font-family:var(--mono);color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);letter-spacing:.5px;border-radius:20px;padding:5px 16px;font-size:.8rem;font-weight:600}.metrics-dashboard{background:var(--bg-surface);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding:10px 24px;display:flex;overflow-x:auto}.metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;min-width:90px;padding:8px 14px;display:flex}.metric-value{font-family:var(--mono);color:var(--text-bright);font-size:1.2rem;font-weight:700}.metric-label{color:var(--text-muted);text-align:center;text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.7rem}.metric-util{align-items:stretch;min-width:200px}.metric-little{align-items:stretch;min-width:220px}.util-bars{width:100%;margin-top:4px}.util-bar-row{align-items:center;gap:6px;margin-bottom:2px;font-size:.65rem;display:flex}.util-bar-label{text-align:right;width:46px;color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.util-bar-track{background:var(--bg-deep);border-radius:3px;flex:1;height:5px;overflow:hidden}.util-bar-fill{border-radius:3px;height:100%;transition:width .3s}.util-bar-fill.low{background:var(--green)}.util-bar-fill.medium{background:var(--amber)}.util-bar-fill.high{background:var(--red)}.util-bar-pct{width:28px;color:var(--text-muted);font-family:var(--mono);font-size:.65rem}.little-law{color:var(--text-muted);font-size:.7rem;font-family:var(--mono);flex-direction:column;gap:2px;margin-top:4px;display:flex}.sim-board{flex:1;align-items:flex-start;gap:10px;padding:16px 20px;display:flex;overflow-x:auto}.sim-stage{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;width:260px;min-width:260px;padding:12px;transition:border-color .2s;display:flex}.sim-stage.over-limit{background:var(--red-dim);border-color:var(--red)}.backlog-stage,.done-stage{background:var(--bg-surface);border-color:var(--border);width:130px;min-width:130px}.sim-stage-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.sim-stage-header h3{font-family:var(--mono);text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-size:.7rem;font-weight:600}.sim-stage-count{font-family:var(--mono);color:var(--text-muted);background:var(--bg-deep);border-radius:10px;padding:2px 8px;font-size:.65rem;font-weight:700}.sim-stage-count.count-over{background:var(--red);color:#fff}.sim-substages{flex:1;gap:8px;margin-bottom:8px;display:flex}.sim-substage{background:var(--bg-deep);border:1px solid var(--border);border-radius:6px;flex:1;min-width:0;min-height:80px;padding:6px}.sim-substage-label{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;text-align:center;margin-bottom:6px;font-size:.7rem}.sim-items{flex-direction:column;gap:4px;display:flex}.sim-items-stack{flex-direction:column;flex:1;gap:4px;display:flex}.sim-item{cursor:default;border:1px solid #0000;border-radius:6px;flex-direction:column;gap:2px;padding:6px 10px;font-size:.7rem;font-weight:500;transition:all .12s;display:flex}.backlog-item{background:var(--bg-elevated);color:var(--text-muted);border-color:var(--border)}.doing-item{background:var(--blue-dim);color:var(--blue);border-color:#3b82f640}.done-item{background:var(--amber-dim);color:var(--amber);border-color:#f59e0b33}.completed-item{background:var(--green-dim);color:var(--green);border-color:#10b98133}.blocked-item{animation:2s infinite pulse;background:var(--red-dim)!important;color:var(--red)!important;border-color:#ef44444d!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.sim-item.urgent{border-left:3px solid var(--red)}.sim-item.item-clickable{cursor:pointer;border-style:dashed;border-color:#22d3ee66}.sim-item.item-clickable:hover{border-color:var(--cyan);transform:translateY(-1px);box-shadow:0 0 12px #22d3ee26}.sim-item.item-assigned{box-shadow:0 0 8px #10b98133;border-color:var(--green)!important;border-style:solid!important}.item-name-row{justify-content:space-between;align-items:center;width:100%;display:flex}.item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.item-cost{font-family:var(--mono);color:var(--text-muted);white-space:nowrap;margin-left:6px;font-size:.65rem}.sim-item.item-clickable .item-cost{color:var(--cyan)}.item-cost-done{font-weight:700;color:var(--green)!important}.item-owner-dot{font-family:var(--mono);color:#fff;vertical-align:middle;border-radius:4px;margin-right:4px;padding:1px 4px;font-size:.6rem;font-weight:700;display:inline-block}.item-effort-bar{background:#ffffff14;border-radius:3px;width:100%;height:6px;overflow:hidden}.item-effort-fill{background:var(--cyan);border-radius:2px;height:100%;transition:width .25s;box-shadow:0 0 6px #22d3ee66}.item-pts-badge{background:var(--green);color:#fff;font-family:var(--mono);border-radius:6px;flex-shrink:0;margin-left:6px;padding:1px 6px;font-size:.55rem;font-weight:700}.item-lead-time{font-family:var(--mono);opacity:.7;font-size:.55rem}.sim-item-more{color:var(--text-muted);text-align:center;padding:4px;font-size:.6rem}.sim-workers{border-top:1px solid var(--border);flex-direction:column;gap:3px;padding-top:8px;display:flex}.sim-worker{background:var(--bg-deep);border-radius:4px;align-items:center;gap:6px;padding:3px 8px;font-size:.65rem;display:flex}.sim-worker.active{background:var(--green-dim)}.sim-worker.idle{background:var(--amber-dim)}.worker-icon{font-size:.7rem}.worker-cap{color:var(--text-muted);font-family:var(--mono);font-size:.6rem}.worker-processed{color:var(--green);font-weight:700;font-family:var(--mono);margin-left:auto;font-size:.6rem}.dice-bar{background:var(--bg-card);border-bottom:1px solid var(--border);gap:10px;padding:10px 24px;display:flex;overflow-x:auto}.dice-player{background:var(--bg-deep);border-radius:var(--radius);border:2px solid var(--border);cursor:pointer;align-items:center;gap:10px;min-width:160px;padding:8px 14px;transition:all .15s;display:flex}.dice-player.active{border-color:var(--player-color,var(--cyan));box-shadow:0 0 16px color-mix(in srgb, var(--player-color,var(--cyan)) 25%, transparent)}.dice-player.rolled:not(.active){opacity:.5}.dice-label{font-family:var(--mono);font-size:.75rem;font-weight:700}.dice-roll-btn{background:var(--amber);color:#000;font-family:var(--mono);cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:700;transition:background .15s}.dice-roll-btn:hover{background:#d97706}.dice-info{align-items:center;gap:8px;display:flex}.dice-value{font-family:var(--mono);background:var(--amber);color:#000;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.3rem;font-weight:700;display:flex;box-shadow:0 0 10px #f59e0b66}.dice-remaining{font-family:var(--mono);color:var(--text-muted);font-size:.75rem;font-weight:600}.event-banner{background:var(--amber-dim);border-bottom:1px solid #f59e0b4d;padding:8px 24px}.event-item{padding:4px 0;font-size:.8rem;font-weight:500}.event-urgent{color:var(--red)}.event-blocker{color:var(--amber)}.event-demand{color:var(--blue)}.event-staff{color:var(--purple)}.cfd-chart{background:var(--bg-surface);border-top:1px solid var(--border);padding:16px 24px}.cfd-chart h3{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-size:.75rem}.cfd-svg{width:100%;max-width:700px;height:auto}.cfd-empty{text-align:center;color:var(--text-muted);padding:20px;font-size:.8rem}.cfd-legend{flex-wrap:wrap;gap:14px;margin-top:8px;display:flex}.cfd-legend-item{color:var(--text-muted);align-items:center;gap:5px;font-size:.75rem;display:flex}.cfd-legend-color{border-radius:2px;width:10px;height:10px;display:inline-block}.scenario-page{justify-content:center;padding:48px 24px;display:flex}.scenario-intro,.debrief,.summary{width:100%;max-width:680px}.scenario-intro h1{font-family:var(--mono);color:var(--text-bright);letter-spacing:-.5px;margin-bottom:6px;font-size:2rem;font-weight:700}.summary h2,.debrief h2{font-family:var(--mono);color:var(--text-bright);margin-bottom:20px;font-size:1.4rem;font-weight:700}.scenario-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:.95rem;line-height:1.5}.player-select{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;margin-bottom:24px;padding:24px}.player-select h3{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:.85rem}.player-buttons{justify-content:center;gap:10px;display:flex}.player-btn{border:2px solid var(--border-light);background:var(--bg-deep);width:52px;height:52px;font-family:var(--mono);cursor:pointer;color:var(--text-muted);border-radius:12px;font-size:1.1rem;font-weight:700;transition:all .15s}.player-btn:hover{border-color:var(--cyan);color:var(--cyan)}.player-btn.active{background:var(--cyan);color:#000;border-color:var(--cyan);box-shadow:0 0 16px #22d3ee4d}.scenario-cards{gap:14px;margin-bottom:24px;display:flex}.scenario-preview{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;padding:20px;position:relative}.scenario-number{background:var(--cyan);color:#000;width:28px;height:28px;font-family:var(--mono);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-10px;left:-10px}.scenario-preview h3{color:var(--text-bright);margin-bottom:6px;font-size:.9rem;font-weight:600}.scenario-preview p{color:var(--text-muted);font-size:.8rem;line-height:1.4}.scenario-hint{color:var(--cyan);background:var(--cyan-dim);border-radius:var(--radius);border:1px solid #22d3ee33;margin-bottom:28px;padding:12px 16px;font-size:.8rem;line-height:1.4}.scenario-actions{gap:12px;margin-top:24px;display:flex}.policy-summary{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin:20px 0;padding:20px}.policy-summary h3{color:var(--text-bright);margin-bottom:12px;font-size:.9rem}.policy-summary ul{padding:0;list-style:none}.policy-summary li{border-bottom:1px solid var(--border);color:var(--text);padding:8px 0;font-size:.8rem}.debrief-metrics-compare{gap:14px;margin-bottom:24px;display:flex}.debrief-metric-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);flex:1;padding:16px}.debrief-metric-card h4{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.7rem}.debrief-metric-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.debrief-metric-grid div{text-align:center}.dm-val{font-family:var(--mono);color:var(--text-bright);font-size:1rem;font-weight:700;display:block}.dm-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem}.debrief-questions{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.debrief-questions h3{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;font-size:.75rem}.debrief-q{border-bottom:1px solid var(--border);color:var(--text);padding:10px 0;font-size:.85rem;line-height:1.4}.summary-table{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);margin:20px 0;padding:16px}.summary-header,.summary-row{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:8px;padding:8px 0;font-size:.8rem;display:grid}.summary-header{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);font-size:.65rem;font-weight:700}.summary-row{border-bottom:1px solid var(--border);color:var(--text)}.summary-label{color:var(--text-bright);font-weight:600}.summary-diff.better{color:var(--green);font-weight:700;font-family:var(--mono)}.summary-diff.worse{color:var(--red);font-weight:700;font-family:var(--mono)}.summary-insight{background:var(--cyan-dim);border-radius:var(--radius-lg);border:1px solid #22d3ee33;margin:20px 0;padding:20px}.summary-insight h3{color:var(--cyan);margin-bottom:8px;font-size:.9rem}.summary-insight p{color:var(--text);font-size:.85rem;line-height:1.5}.auth-page{background:var(--bg-deep);justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:20px;width:380px;padding:44px}.auth-card h1{font-family:var(--mono);color:var(--cyan);letter-spacing:1px;text-transform:uppercase;margin-bottom:6px;font-size:1.3rem}.auth-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:.85rem}.auth-card input{border:1px solid var(--border-light);border-radius:var(--radius);width:100%;font-family:var(--font);background:var(--bg-deep);color:var(--text-bright);outline:none;margin-bottom:12px;padding:12px 16px;font-size:.9rem;transition:border-color .2s;display:block}.auth-card input:focus{border-color:var(--cyan)}.auth-card input::placeholder{color:var(--text-muted)}.auth-error{color:var(--red);margin-bottom:12px;font-size:.8rem}.auth-submit{background:var(--cyan);color:#000;border-radius:var(--radius);width:100%;font-family:var(--font);cursor:pointer;letter-spacing:.3px;border:none;padding:12px;font-size:.9rem;font-weight:700;transition:background .2s}.auth-submit:hover{background:#06b6d4}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-switch{color:var(--cyan);cursor:pointer;font-family:var(--font);background:0 0;border:none;margin-top:18px;font-size:.8rem}.auth-switch:hover{text-decoration:underline}.auth-hint{color:var(--text-muted);text-align:center;margin-top:24px;font-size:.75rem;line-height:1.5}.sim-list{max-width:900px;margin:0 auto;padding:32px 24px}.sim-list-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.sim-list-header h2{font-family:var(--mono);color:var(--text-bright);font-size:1.2rem}.sim-list-actions{gap:8px;display:flex}.sim-list-empty,.sim-list-loading{text-align:center;color:var(--text-muted);padding:48px}.sim-list-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.sim-list-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;padding:18px;transition:all .15s}.sim-list-card:hover{border-color:var(--border-light);transform:translateY(-1px)}.sim-list-card.selected{border-color:var(--purple);box-shadow:0 0 12px #a78bfa26}.sim-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.sim-card-header h3{color:var(--text-bright);font-size:.95rem}.sim-card-date{font-family:var(--mono);color:var(--text-muted);font-size:.65rem}.sim-card-metrics{color:var(--text-muted);flex-direction:column;gap:3px;margin-bottom:12px;font-size:.75rem;display:flex}.sim-card-actions{gap:8px;display:flex}.sim-card-btn{border:1px solid var(--border-light);cursor:pointer;color:var(--text-muted);font-size:.75rem;font-family:var(--font);background:0 0;border-radius:6px;padding:5px 12px;transition:all .15s}.sim-card-btn:hover{border-color:var(--cyan);color:var(--cyan)}.sim-card-btn.danger{color:var(--red);border-color:#ef44444d}.sim-card-btn.danger:hover{background:var(--red-dim)}.sim-list-hint{text-align:center;color:var(--purple);margin-top:16px;font-size:.8rem}.compare-view{max-width:1000px;margin:0 auto;padding:32px 24px}.compare-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.compare-header h2{font-family:var(--mono);color:var(--text-bright);font-size:1.2rem}.compare-loading{text-align:center;color:var(--text-muted);padding:48px}.compare-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.compare-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.compare-card h3{color:var(--text-bright);margin-bottom:4px;font-size:1rem}.compare-date{font-family:var(--mono);color:var(--text-muted);margin-bottom:16px;font-size:.7rem}.compare-section{margin-top:16px}.compare-section h4{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.7rem}.compare-metrics{grid-template-columns:1fr 1fr;gap:8px;display:grid}.compare-metric{background:var(--bg-deep);border-radius:var(--radius);text-align:center;padding:10px}.compare-metric-value{font-family:var(--mono);color:var(--text-bright);font-size:1.1rem;font-weight:700;display:block}.compare-metric-label{color:var(--text-muted);font-size:.6rem}.compare-columns{flex-direction:column;gap:4px;display:flex}.compare-col-item{background:var(--bg-deep);color:var(--text);border-radius:6px;justify-content:space-between;padding:6px 10px;font-size:.8rem;display:flex}.compare-col-wip{color:var(--text-muted);font-family:var(--mono);font-size:.75rem}.policy-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.policy-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;width:500px;max-height:80vh;padding:28px;overflow-y:auto;box-shadow:0 24px 48px #00000080}.policy-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.policy-header h2{font-family:var(--mono);color:var(--text-bright);font-size:1rem}.policy-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.2rem}.policy-section{margin-bottom:20px}.policy-section h3{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:6px;font-size:.7rem}.policy-row{align-items:center;gap:10px;margin-bottom:8px;font-size:.85rem;display:flex}.policy-row label{color:var(--text);align-items:center;gap:6px;display:flex}.policy-row select,.policy-row input[type=number]{border:1px solid var(--border-light);font-family:var(--font);background:var(--bg-deep);color:var(--text-bright);border-radius:6px;width:80px;padding:6px 10px;font-size:.85rem}.policy-row select{width:auto}.policy-stage{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.policy-stage-name{color:var(--text-bright);font-size:.85rem;font-weight:600}.policy-stage-fields{gap:12px;display:flex}.policy-stage-fields label{color:var(--text-muted);align-items:center;gap:4px;font-size:.75rem;display:flex}.policy-stage-fields input{border:1px solid var(--border-light);width:50px;font-family:var(--mono);text-align:center;background:var(--bg-deep);color:var(--text-bright);border-radius:4px;padding:4px 6px;font-size:.8rem}.policy-hint{background:var(--cyan-dim);border-radius:var(--radius);color:var(--cyan);border:1px solid #22d3ee33;padding:12px;font-size:.8rem;line-height:1.4}@keyframes dice-flash{0%,to{background:var(--bg-card)}50%{background:#f59e0b40;border-color:#f59e0b80}}.dice-bar-flash{animation:.55s dice-flash}.item-undo-btn{background:var(--bg-elevated);border:1px solid var(--border-light);color:var(--text-muted);cursor:pointer;border-radius:4px;flex-shrink:0;margin-left:4px;padding:0 6px;font-size:.8rem;font-weight:700;line-height:18px;transition:all .1s}.item-undo-btn:hover{border-color:var(--red);color:var(--red)}.item-queued-progress{font-family:var(--mono);color:var(--cyan);margin-left:4px;font-size:.7rem;font-weight:700}.save-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.save-modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:380px;padding:28px;box-shadow:0 24px 48px #00000080}.save-modal h3{font-family:var(--mono);color:var(--text-bright);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;font-size:.85rem}.save-modal-input{border:1px solid var(--border-light);border-radius:var(--radius);background:var(--bg-deep);width:100%;color:var(--text-bright);font-family:var(--font);outline:none;margin-bottom:16px;padding:10px 14px;font-size:.9rem;transition:border-color .2s;display:block}.save-modal-input:focus{border-color:var(--cyan)}.save-modal-actions{justify-content:flex-end;gap:10px;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.save-toast{border-radius:var(--radius);z-index:300;padding:12px 20px;font-size:.85rem;font-weight:600;animation:.3s toast-in;position:fixed;bottom:24px;right:24px}.save-toast-success{background:var(--green);color:#fff}.save-toast-error{background:var(--red);color:#fff}.conn-dot{border-radius:50%;width:10px;height:10px;margin-right:4px;display:inline-block}.join-game-info{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius);text-align:left;margin-bottom:12px;padding:10px 14px}.join-game-status{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.join-player-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.join-player-pip,.trainer-game-pip{font-family:var(--mono);color:#fff;opacity:.4;border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-block}.join-player-pip[title=verbunden],.trainer-game-pip.connected{opacity:1}.trainer-dashboard{max-width:1100px;margin:0 auto;padding:28px 24px}.trainer-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.trainer-header h2{font-family:var(--mono);color:var(--text-bright);font-size:1.2rem}.trainer-create{gap:10px;margin-bottom:24px;display:flex}.trainer-create input{background:var(--bg-deep);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-bright);font-family:var(--font);outline:none;flex:1;padding:10px 14px}.trainer-create input:focus{border-color:var(--cyan)}.trainer-grid{grid-template-columns:280px 1fr;gap:18px;display:grid}.trainer-list h3,.trainer-detail h3{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:.8rem}.trainer-list-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;margin-bottom:8px;padding:12px 14px;transition:border-color .1s}.trainer-list-item:hover{border-color:var(--border-light)}.trainer-list-item.active{border-color:var(--cyan);background:var(--cyan-dim)}.trainer-list-name{color:var(--text-bright);font-size:.9rem;font-weight:600}.trainer-list-meta{font-family:var(--mono);color:var(--text-muted);margin:4px 0 8px;font-size:.7rem}.trainer-detail-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.trainer-detail-header h3{font-family:var(--font);text-transform:none;letter-spacing:0;color:var(--text-bright);margin:0;font-size:1.1rem}.trainer-games{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:18px;display:grid}.trainer-game-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px}.trainer-game-code-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.trainer-game-code{font-family:var(--mono);letter-spacing:.2em;color:var(--cyan);font-size:1.4rem;font-weight:700}.trainer-game-meta{font-family:var(--mono);color:var(--text-muted);margin-bottom:8px;font-size:.7rem}.trainer-game-players{flex-wrap:wrap;gap:4px;min-height:22px;display:flex}.trainer-game-empty{color:var(--text-muted);font-size:.75rem;font-style:italic}.trainer-actions{border-top:1px solid var(--border);gap:10px;padding-top:12px;display:flex}.trainer-game-code-big{font-family:var(--mono);letter-spacing:.25em;color:var(--cyan);text-shadow:0 0 16px #22d3ee4d;font-size:2.2rem;font-weight:800}.trainer-game-code-actions{gap:4px;display:flex}.trainer-pip-kick{color:#fff;cursor:pointer;opacity:.7;background:#0000004d;border:none;border-radius:50%;width:16px;height:16px;margin-left:4px;padding:0;font-size:.85rem;font-weight:700;line-height:14px;display:inline-block}.trainer-pip-kick:hover{background:var(--red);opacity:1}.trainer-running-list{margin:0 0 16px;padding:0;list-style:none}.trainer-running-list li{background:var(--bg-deep);border-radius:var(--radius);font-size:.85rem;font-family:var(--mono);color:var(--text);margin-bottom:6px;padding:8px 12px}.trainer-running-list li strong{color:var(--cyan);letter-spacing:.15em}.player-header-badge{background:var(--bg-deep);border-radius:var(--radius);border-left:4px solid;border-left-color:var(--cyan);align-items:center;gap:8px;padding:4px 10px 4px 12px;display:flex}.player-header-swatch{font-family:var(--mono);color:#fff;letter-spacing:.05em;border-radius:4px;padding:2px 7px;font-size:.7rem;font-weight:800}.player-header-name{color:var(--text-bright);font-size:.9rem;font-weight:600}.player-header-you{font-family:var(--mono);letter-spacing:.15em;background:var(--cyan);color:#000;border-radius:3px;padding:2px 6px;font-size:.65rem;font-weight:800}.player-game-code{font-family:var(--mono);letter-spacing:.3em;color:var(--cyan);font-size:1.1rem}.conn-dot{border-radius:50%;width:14px;height:14px;display:inline-block}.conn-dot.conn-connected{background:var(--green);box-shadow:0 0 10px #10b98199}.conn-dot.conn-connecting{background:var(--amber);animation:1.2s infinite pulse}.conn-dot.conn-lost{background:var(--red);animation:.8s infinite pulse}.conn-dot.conn-error{background:var(--red)}.trainer-in-player-banner{background:var(--purple-dim);color:var(--purple);border-bottom:1px solid #a78bfa4d;padding:6px 24px;font-size:.8rem}.s2-modal{width:480px}.s2-rules{margin:0 0 16px;padding:0;list-style:none}.s2-rules li{background:var(--bg-deep);border-left:3px solid var(--cyan);border-radius:var(--radius);color:var(--text);margin-bottom:6px;padding:10px 12px;font-size:.85rem}.s2-rules li strong{color:var(--cyan)}.trainer-aggregate{background:var(--bg-card);border:1px solid var(--cyan);border-radius:var(--radius-lg);margin-bottom:14px;padding:14px 16px;box-shadow:0 0 16px #22d3ee14}.trainer-aggregate-cells{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;display:grid}.trainer-aggregate-cell{background:var(--bg-deep);border-radius:var(--radius);text-align:center;padding:10px 12px}.trainer-aggregate-value{font-family:var(--mono);color:var(--text-bright);font-size:1.25rem;font-weight:700}.trainer-aggregate-label{font-family:var(--mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:.6rem}.trainer-aggregate-sub{font-family:var(--mono);color:var(--text-muted);margin-top:1px;font-size:.65rem}.trainer-aggregate-phase{border-top:1px solid var(--border);font-family:var(--mono);color:var(--text-muted);text-align:center;letter-spacing:.05em;margin-top:10px;padding-top:10px;font-size:.75rem}.app-footer{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border);z-index:50;background:#080c12d9;justify-content:center;gap:8px;padding:8px 16px;font-size:.7rem;display:flex;position:fixed;bottom:0;left:0;right:0}.footer-link{color:var(--text-muted);cursor:pointer;font-family:var(--font);background:0 0;border:none;padding:4px 8px;font-size:.7rem}.footer-link:hover{color:var(--cyan);text-decoration:underline}.footer-sep{color:var(--text-muted);align-self:center}.legal-page{background:var(--bg);min-height:100vh;padding:24px 24px 80px}.legal-topbar{max-width:800px;margin:0 auto 24px}.legal-back{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;font-family:var(--font);border-radius:6px;padding:8px 14px;font-size:.85rem}.legal-back:hover{border-color:var(--cyan);color:var(--cyan)}.legal-content{background:var(--surface);border:1px solid var(--border);max-width:800px;color:var(--text);border-radius:8px;margin:0 auto;padding:32px;font-size:.9rem;line-height:1.6}.legal-content h1{color:var(--text);margin:0 0 24px;font-size:1.6rem}.legal-content h2{color:var(--cyan);letter-spacing:.02em;margin:28px 0 12px;font-size:1.1rem}.legal-content h3{color:var(--text);margin:20px 0 8px;font-size:.95rem}.legal-content p{color:var(--text-muted);margin:0 0 12px}.legal-content ul{color:var(--text-muted);margin:0 0 16px;padding-left:24px}.legal-content li{margin:4px 0}.legal-content a{color:var(--cyan);text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-note{border-left:3px solid var(--cyan);background:#6ec8e614;margin:0 0 24px;padding:12px 16px;font-style:italic}.admin-panel{max-width:800px;color:var(--text);margin:0 auto;padding:24px 24px 80px}.admin-topbar{align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-topbar h2{margin:0;font-size:1.4rem}.admin-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;padding:20px 24px}.admin-card h3{color:var(--cyan);letter-spacing:.04em;text-transform:uppercase;margin:0 0 16px;font-size:1rem}.admin-form{grid-template-columns:1fr 1fr auto auto;align-items:center;gap:12px;display:grid}.admin-form input[type=text]{background:var(--bg);border:1px solid var(--border);color:var(--text);font-family:var(--font);border-radius:6px;padding:10px 12px;font-size:.9rem}.admin-form input[type=text]:focus{border-color:var(--cyan);outline:none}.admin-checkbox{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:.85rem;display:flex}.admin-user-list{margin:0;padding:0;list-style:none}.admin-user-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:10px 0;display:grid}.admin-user-row:last-child{border-bottom:none}.admin-username{font-family:var(--mono);align-items:center;gap:8px;font-size:.95rem;display:flex}.admin-badge{background:var(--cyan);color:var(--bg);font-family:var(--font);letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.65rem}.admin-badge-self{background:var(--surface-2,#2a2a2a);color:var(--text-muted);border:1px solid var(--border);letter-spacing:.05em;text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.65rem}.admin-created{color:var(--text-muted);font-size:.75rem}.admin-delete{border:1px solid var(--border);color:#f76;cursor:pointer;font-family:var(--font);background:0 0;border-radius:6px;padding:6px 12px;font-size:.8rem}.admin-delete:hover:not(:disabled){background:#ff77661a;border-color:#f76}.admin-delete:disabled{opacity:.3;cursor:not-allowed}.admin-muted{color:var(--text-muted);font-size:.85rem}@media (width<=600px){.admin-form{grid-template-columns:1fr}}