body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#3b82f6;--primary-dark:#1e40af;--secondary:#10b981;--accent:#f59e0b;--danger:#ef4444;--dark:#0f172a;--dark-2:#1e293b;--dark-3:#334155;--light:#f8fafc;--text:#e2e8f0;--text-muted:#94a3b8}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e2e8f0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app,body{background:linear-gradient(135deg,#0f172a,#1e293b)}.app{display:flex;flex-direction:column;min-height:100vh;width:100%}.card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172ab3;border:1px solid #94a3b81a;border-radius:16px;padding:24px;transition:all .3s ease}.card:hover{background:#0f172acc;border-color:#94a3b833}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1e40af);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff}.btn-primary:hover{box-shadow:0 8px 16px #3b82f64d;transform:translateY(-2px)}.btn-secondary{background:#10b98133;border:1px solid #10b981;border:1px solid var(--secondary);color:#10b981;color:var(--secondary)}.btn-secondary:hover{background:#10b9814d;transform:translateY(-2px)}.btn-outline{background:#0000;border:1px solid #94a3b8;border:1px solid var(--text-muted);color:#e2e8f0;color:var(--text)}.btn-outline:hover{background:#e2e8f01a;border-color:#e2e8f0;border-color:var(--text)}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;margin-bottom:16px}h2{font-size:32px;margin-bottom:12px}h2,h3{color:#e2e8f0;color:var(--text);font-weight:600}h3{font-size:24px}h3,p{margin-bottom:8px}p{color:#94a3b8;color:var(--text-muted);font-size:14px;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}.flex{display:flex}.flex-col{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-4{gap:16px}.gap-8{gap:32px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.grid{grid-gap:16px;display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px}.badge-primary{background:#3b82f633;color:#60a5fa}.badge-success{background:#10b98133;color:#6ee7b7}.badge-danger{background:#ef444433;color:#fca5a5}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}@media (max-width:768px){h1{font-size:32px}h2{font-size:24px}.grid-2,.grid-3{grid-template-columns:1fr}}.sim-page{display:flex;flex-direction:column;min-height:100vh}.sim-header{align-items:center;background:#0f172a99;border-bottom:1px solid #94a3b826;display:flex;gap:16px;padding:16px 24px}.sim-header h1{font-size:20px;margin:0}.sim-header p{color:var(--text-muted);font-size:12px;margin:2px 0 0}.sim-header .spacer{flex:1 1}.sim-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:340px 1fr;padding:20px}.sim-side{max-height:calc(100vh - 40px);overflow-y:auto;padding-right:4px;position:-webkit-sticky;position:sticky;top:20px}.sim-main,.sim-side{display:flex;flex-direction:column;gap:16px}.sim-main{min-width:0}.sim-panel{background:#0f172ab3;border:1px solid #94a3b81f;border-radius:12px;padding:16px}.sim-panel>h2{color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.6px;margin:0 0 12px;text-transform:uppercase}.sim-panel h3{font-size:13px;margin:0 0 8px}.sim-note{color:var(--text-muted);font-size:11px;line-height:1.5;margin:0 0 10px}.sim-field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.sim-field label{color:var(--text-muted);font-size:11px;font-weight:600}.sim-field input[type=number],.sim-field input[type=text],.sim-field select{background:#1e293bcc;border:1px solid #94a3b833;border-radius:6px;color:var(--text);font-size:12px;padding:7px 8px}.sim-field input:focus,.sim-field select:focus{border-color:var(--primary);outline:none}.sim-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.sim-actions{display:flex;flex-wrap:wrap;gap:8px}.sim-actions .btn{font-size:12px;padding:9px 14px}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.knob-group{border-top:1px solid #94a3b81a;margin-top:8px;padding-top:8px}.knob-group>summary{align-items:center;color:var(--text);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;list-style:none;padding:4px 0}.knob-group>summary::-webkit-details-marker{display:none}.knob-group>summary:before{color:var(--text-muted);content:"▸";font-size:10px}.knob-group[open]>summary:before{content:"▾"}.knob-group .changed-count{color:var(--accent);font-size:10px;font-weight:600;margin-left:auto}.knob{padding:6px 0 6px 14px}.knob-head{align-items:baseline;display:flex;font-size:11px;gap:8px;justify-content:space-between}.knob-head .name{color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.knob-head .value{color:var(--text);font-family:ui-monospace,Courier New,monospace;font-weight:700}.knob.dirty .knob-head .value{color:var(--accent)}.knob.dirty .knob-head .name{color:var(--text)}.knob-head .baseline{color:var(--text-muted);font-size:10px}.knob input[type=range]{appearance:none;-webkit-appearance:none;background:#94a3b840;border-radius:2px;height:4px;margin-top:4px;width:100%}.knob input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--primary);border-radius:50%;cursor:pointer;height:13px;width:13px}.knob.dirty input[type=range]::-webkit-slider-thumb{background:var(--accent)}.knob input[type=range]::-moz-range-thumb{background:var(--primary);border:none;border-radius:50%;cursor:pointer;height:13px;width:13px}.sim-verdict{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px}.sim-verdict .score{font-family:ui-monospace,Courier New,monospace;font-size:22px;font-weight:700}.sim-verdict .winner{color:var(--secondary);font-size:13px;font-weight:600}.sim-verdict .seed{color:var(--text-muted);font-family:ui-monospace,monospace;font-size:11px;margin-left:auto}.metric-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));margin-top:12px}.metric{background:#1e293b99;border:1px solid #94a3b81a;border-radius:8px;padding:10px}.metric .label{color:var(--text-muted);font-size:10px;letter-spacing:.4px;text-transform:uppercase}.metric .value{font-family:ui-monospace,Courier New,monospace;font-size:17px;font-weight:700;margin-top:2px}.metric .delta{font-size:11px;font-weight:600;margin-top:2px}.delta.up{color:var(--secondary)}.delta.down{color:var(--danger)}.delta.flat{color:var(--text-muted)}.sim-table{border-collapse:collapse;font-size:12px;width:100%}.sim-table th{border-bottom:1px solid #94a3b826;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.4px;padding:6px 8px;text-align:left;text-transform:uppercase}.sim-table td{border-bottom:1px solid #94a3b80f;padding:6px 8px}.sim-table td.num{font-family:ui-monospace,Courier New,monospace;text-align:right}.sim-table tr.out td:first-child{color:var(--text-muted)}.sim-table-wrap{overflow-x:auto}.innings-tabs{display:flex;gap:6px;margin-bottom:12px}.innings-tabs button{background:#1e293bb3;border:1px solid #94a3b826;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:12px;padding:6px 12px}.innings-tabs button.active{background:#3b82f633;border-color:var(--primary);color:var(--text)}.over-row{align-items:center;border-bottom:1px solid #94a3b80f;display:flex;font-size:12px;gap:8px;padding:5px 0}.over-row .over-no{color:var(--text-muted);flex-shrink:0;font-family:ui-monospace,monospace;width:34px}.over-row .balls{display:flex;flex:1 1;flex-wrap:wrap;gap:4px}.over-row .after{flex-shrink:0}.ball-chip,.over-row .after{color:var(--text-muted);font-family:ui-monospace,monospace}.ball-chip{align-items:center;background:#94a3b826;border-radius:50%;cursor:default;display:inline-flex;font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.ball-chip.runs{background:#94a3b840;color:var(--text)}.ball-chip.four{background:#3b82f64d;color:#93c5fd}.ball-chip.six{background:#10b9814d;color:#6ee7b7}.ball-chip.wicket{background:#ef444459;color:#fca5a5}.transcript-scroll{max-height:340px;overflow-y:auto}.chart-box{background:#1e293b66;border:1px solid #94a3b81a;border-radius:8px;padding:10px}.chart-box svg{display:block;height:auto;width:100%}.chart-legend{color:var(--text-muted);display:flex;font-size:11px;gap:16px;margin-top:8px}.chart-legend span.swatch{border-radius:2px;display:inline-block;height:10px;margin-right:5px;width:10px}.stat-list{max-height:260px;overflow-y:auto;padding-right:4px}.sim-empty{color:var(--text-muted);font-size:13px;padding:28px 12px;text-align:center}.sim-progress{color:var(--text-muted);font-family:ui-monospace,monospace;font-size:12px}@media (max-width:1000px){.sim-layout{grid-template-columns:1fr}.sim-side{max-height:none;position:static}}