:root{--color-bg-primary:#151922;--color-bg-secondary:#20253a;--color-bg-tertiary:#323851;--color-border:#404962;--color-border-strong:#525d78;--color-text-primary:#e8ecf2;--color-text-secondary:#a0aec0;--color-text-muted:#718096;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-stat-ion:#facc15;--color-stat-plasma:#fb923c;--color-stat-soliton:#60a5fa;--color-stat-antimatter:#ef4444;--color-stat-rift:#f9a8d4;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-size-sm:.875rem;--font-size-base:.9375rem;--font-size-lg:1.0625rem;--font-size-xl:1.1875rem;--font-size-2xl:1.375rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.625rem;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease;--max-width:56.25rem}body{max-width:var(--max-width);padding:var(--space-lg);background:var(--color-bg-primary);color:var(--color-text-primary);font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;line-height:1.6;font-size:var(--font-size-base);margin:0 auto}.main-header{display:flex;margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border-strong);justify-content:space-between;align-items: center}.main-header h1{font-size:var(--font-size-2xl);color:var(--color-text-primary);border:none;margin:0;padding:0}.main-header h1 a{color:inherit;text-decoration:none}.main-header h1 a:hover{text-decoration:none}.main-header nav a{color:var(--color-text-secondary);text-decoration:none;margin-left:var(--space-md)}.main-header nav a:hover,.main-header nav a.active{color:var(--color-text-primary)}h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-border-strong);color:var(--color-text-primary)}h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-md);color:var(--color-text-primary)}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-top:var(--space-lg);margin-bottom:var(--space-sm);color:var(--color-text-primary)}h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-top:var(--space-lg);margin-bottom:var(--space-sm);color:var(--color-text-primary)}.fleets-section{margin-bottom:var(--space-xl)}.section-header{display:flex;margin-bottom:var(--space-md);justify-content:space-between;align-items: center}.section-header h2{margin:0}#add-fleet-btn{padding:var(--space-xs)var(--space-md);width:auto}input,select,button{font-family:inherit;font-size:inherit;padding:var(--space-xs)var(--space-sm);border:1px solid var(--color-border-strong);background:var(--color-bg-secondary);color:var(--color-text-primary)}input[type=number]{text-align:center;width:3.125rem}input[type=text]{width:12.5rem}input[type=checkbox]{appearance:none;-webkit-appearance:none;background:var(--color-bg-tertiary);border:2px solid var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;position:relative;width:1.125rem;height:1.125rem;margin:0;padding:0}input[type=checkbox]:hover{border-color:var(--color-text-secondary);background:var(--color-border)}input[type=checkbox]:checked{background:var(--color-info);border-color:var(--color-text-secondary)}input[type=checkbox]:checked:after{content:"";position:absolute;border:solid var(--color-text-primary);border-width:0 2px 2px 0;width:.25rem;height:.5rem;top:.0625rem;left:.25rem;transform:rotate(45deg)}input[type=checkbox]:focus{outline:none}button{cursor:pointer;background:var(--color-bg-tertiary);border-radius:var(--radius-sm)}button:hover{background:var(--color-border)}button.primary{background:var(--color-info);border-color:var(--color-info);font-weight:var(--font-weight-semibold);padding:var(--space-sm)var(--space-lg);font-size:var(--font-size-lg)}button.primary:hover{filter:brightness(.9)}button.danger{border-color:var(--color-danger);color:var(--color-danger);background:0 0;margin-left:auto}button.danger:hover{color:var(--color-danger);background:#ef44441a}select{width:11.25rem}.controls{margin:var(--space-lg)0;display:flex;gap:var(--space-md);align-items: center}.controls button{padding:var(--space-sm)var(--space-md)}#results-container{margin-top:var(--space-lg)}.results-section:not(:has(calc-results)){display:none}.card{border:1px solid var(--color-border);background:var(--color-bg-secondary)}.card-header{padding:calc(var(--space-sm)*1.5)var(--space-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.card-body{padding:var(--space-lg)}.flex{display:flex}.flex-center{display:flex;align-items: center}.flex-between{display:flex;justify-content:space-between;align-items: center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-bold{font-weight:var(--font-weight-bold)}.text-medium{font-weight:var(--font-weight-medium)}.text-semibold{font-weight:var(--font-weight-semibold)}.text-secondary{color:var(--color-text-secondary)}.btn-icon{background:var(--color-bg-tertiary);border:1px solid var(--color-border-strong);font-size:var(--font-size-lg);cursor:pointer;color:var(--color-text-primary);border-radius:var(--radius-sm);flex-shrink:0;width:1.75rem;height:1.75rem;padding:0;line-height:1}.btn-icon:hover:not(:disabled){background:var(--color-border)}.btn-icon:disabled{opacity:.3;cursor:default}a,a:active,a:visited{color:var(--color-info);text-decoration:none;transition:color var(--transition-fast)}a:hover,a:visited:hover{text-decoration:underline}.fleet-component{margin-bottom:var(--space-lg)}.fleet{margin-bottom:var(--space-lg);padding:0}.fleet-name{padding-right:var(--space-md)}.fleet:not(:has(calc-ship-type)) .fleet-tech{border-top:none}.ship-selector{margin-left:auto;margin-right:var(--space-sm);font-family:inherit;font-size:inherit;padding:var(--space-xs)var(--space-md);border:1px solid var(--color-border-strong);background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-sm);text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;min-width:0}.ship-selector:hover{background:var(--color-border)}.ship-selector:focus{outline:2px solid var(--color-accent);outline-offset:2px}.fleet-tech{padding:var(--space-sm)var(--space-md);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);display:flex;align-items: center;gap:var(--space-md);font-size:.875rem}.tech-option{display:flex;align-items: center;gap:var(--space-sm);cursor:pointer}.ship-type{margin:0 0 var(--space-sm)0;background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:0}.ship-type:last-of-type{margin-bottom:0}.ship-type>header{padding:var(--space-sm)var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-sm)var(--radius-sm)0 0}.ship-type-name{flex:1}.quantity{margin-left:auto;margin-right:var(--space-sm)}.ship-type .stats{padding:var(--space-sm)var(--space-md);display:grid;grid-template-columns:repeat(auto-fit,minmax(3.5rem,1fr));gap:var(--space-xs)}.selector{display:flex;align-items: center;gap:var(--space-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:calc(var(--space-xs)/2);max-width:5rem}.selector button{border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--font-size-base);display:flex;cursor:pointer;border-radius:calc(var(--radius-sm)/2);justify-content:center;align-items: center;width:1.75rem;height:1.75rem;padding:0}.selector button:hover:not(:disabled),.selector button:active:not(:disabled){background:var(--color-border-strong)}.selector button:disabled{opacity:.3;cursor:default}.selector-value{text-align:center;font-weight:var(--font-weight-bold);color:var(--color-text-primary);flex:1;min-width:1.5rem}.stat-cube{display:flex;aspect-ratio:1;background:var(--color-bg-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-sizing:border-box;cursor:pointer;flex-direction:column;justify-content:space-between;align-items: center;width:100%;padding:.375rem 0}.stat-cube label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.625rem}.stat-cube input{text-align:center;color:var(--color-text-primary);outline:none;background:0 0;border:none;width:2rem;height:1.5rem;margin:auto 0;font-size:1rem;font-weight:600}.stat-cube input:focus{color:var(--color-accent)}.stat-cube input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stat-cube input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stat-cube input[type=number]{-moz-appearance:textfield;appearance:textfield}calc-stat-cube[data-stat*=ion] .stat-cube label{color:var(--color-stat-ion)}calc-stat-cube[data-stat*=plasma] .stat-cube label{color:var(--color-stat-plasma)}calc-stat-cube[data-stat*=soliton] .stat-cube label{color:var(--color-stat-soliton)}calc-stat-cube[data-stat*=antimatter] .stat-cube label{color:var(--color-stat-antimatter)}calc-stat-cube[data-stat*=rift] .stat-cube label{color:var(--color-stat-rift)}calc-results{display:block}.results-container{margin-top:var(--space-lg);display:flex;gap:var(--space-lg);flex-wrap:wrap;align-items: flex-start}.results-card,.survivors-card{flex:1 1 0;min-width:20rem}.results-header h2{font-size:var(--font-size-base);margin:0}.results-body{padding:0}.results-time{padding:var(--space-sm)var(--space-md)}.results-table{border-collapse:collapse;width:100%}.results-table td{padding:var(--space-sm)var(--space-md);text-align:left;border-bottom:1px solid var(--color-border);font-size:var(--font-size-base)}.fleet-name{font-weight:var(--font-weight-bold);white-space:nowrap}.win-percentage{white-space:nowrap;text-align:right;padding-right:var(--space-sm)}.win-bar-cell{width:100%}.win-bar{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;height:1.25rem}.win-bar-fill{background-color:var(--color-success);height:100%;transition:width .3s}.result-row.draw .win-bar-fill{background-color:var(--color-text-secondary)}.survivors-header h3{font-size:var(--font-size-base);margin:0}.survivors-body{padding:var(--space-md);overflow:hidden}.survivors-grid{display:flex;flex-direction:column}.survivor-fleet-card:not(:last-child){padding-bottom:var(--space-md);margin-bottom:var(--space-md);position:relative}.survivor-fleet-card:not(:last-child):after{content:"";position:absolute;bottom:0;left:calc(-1*var(--space-md));right:calc(-1*var(--space-md));background-color:var(--color-border);height:1px}.survivor-fleet-card:last-child{padding-bottom:0}.survivor-fleet-name{font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.survivor-ships-table{border-collapse:collapse;width:100%}.survivor-ships-table td{padding:0 var(--space-xs)0 0;font-size:var(--font-size-sm)}.survivor-ships-table td:first-child{color:var(--color-text-primary)}.survivor-ships-table td:last-child{text-align:right;padding-right:0}