:root{--bg-dark: hsl(240, 5%, 5%);--bg: hsl(240, 5%, 10%);--bg-light: hsl(240, 5%, 15%);--text: hsl(0, 0%, 95%);--muted: hsl(0, 0%, 80%);--accent: hsl(180, 100%, 40%);--accent-2: hsl(240, 100%, 57%);--accent-3: hsl(0, 100%, 57%);--select-bg: hsl(0, 0%, 24%);--grid: hsl(0, 0%, 53%);--chart-text: hsl(0, 0%, 95%);--combo1-bg: hsla(240, 100%, 57%, .25);--combo2-bg: hsla(0, 100%, 57%, .25);--border: hsl(0, 0%, 27%);--border-weak: hsl(0, 0%, 40%);--primary-button-bg: hsl(211, 100%, 50%);--primary-button-hover: hsl(211, 100%, 35%);--disabled: hsl(0, 0%, 40%);--combo1-panel-bg: hsl(240, 100%, 27%);--combo2-panel-bg: hsl(0, 100%, 27%);--transition: .15s}:root[data-theme=light]{--bg-dark: hsl(0, 0%, 80%);--bg: hsl(0, 0%, 90%);--bg-light: hsl(0, 0%, 100%);--text: hsl(215, 18%, 12%);--muted: hsl(215, 12%, 35%);--accent: hsl(186, 95%, 42%);--accent-2: hsl(215, 75%, 48%);--accent-3: hsl(6, 85%, 50%);--select-bg: hsl(0, 0%, 94%);--grid: hsl(220, 12%, 75%);--chart-text: hsl(215, 18%, 12%);--combo1-bg: hsla(215, 75%, 48%, .2);--combo2-bg: hsla(6, 85%, 50%, .2);--border: hsl(0, 0%, 87%);--border-weak: hsl(0, 0%, 88%);--primary-button-bg: var(--accent);--primary-button-hover: hsl(186, 95%, 36%);--disabled: hsl(0, 0%, 75%);--combo1-panel-bg: hsl(240, 100%, 73%);--combo2-panel-bg: hsl(6, 85%, 60%)}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--border-weak) var(--bg);scrollbar-width:thin}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:12px;height:12px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:var(--bg)}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:var(--border-weak);border-radius:999px;border:2px solid var(--bg)}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background:var(--muted)}.app{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-dark);color:var(--text);min-height:100vh;transition:background-color var(--transition) ease,color var(--transition) ease;position:relative}header{margin-bottom:30px;padding:12px 20px;background:var(--bg);border-radius:8px;transition:background-color var(--transition) ease;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.header-center{display:flex;flex-direction:column;align-items:center;grid-column:2;justify-self:center}.header-center .theme-toggle{margin-top:8px}.header-combo{display:flex;flex-direction:column;gap:8px;align-items:center;min-width:160px;padding:10px;background:var(--bg);border-radius:12px;border:1px solid var(--border)}.header-combo.combo1{background:var(--combo1-panel-bg);color:var(--text)}.header-combo.combo2{background:var(--combo2-panel-bg);color:var(--text)}.header-combo:first-of-type{justify-self:start}.header-combo:last-of-type{justify-self:end;align-items:center}.combo-label{font-size:12px;color:var(--muted);margin-right:6px}.theme-toggle-button{width:36px;height:36px;border-radius:50%;border:none;background:var(--bg-light);color:var(--accent);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px;transition:background-color var(--transition) ease,color var(--transition) ease;box-shadow:0 0 0 2px var(--accent);transition:background-color var(--transition) ease,color var(--transition) ease,box-shadow var(--transition) ease}.theme-toggle-button:focus{box-shadow:0 0 0 3px var(--accent)}.theme-toggle-icon{width:18px;height:18px;display:block}h1{color:var(--accent);margin:0 0 20px;font-size:clamp(1.85rem,2vw + 1rem,2.65rem);line-height:1.1;text-align:center}.mode-selector{display:flex;gap:10px;justify-content:space-between;width:360px;margin:0 auto}.mode-selector button{background:var(--bg-light);color:var(--text);border:1px solid var(--accent);padding:10px 12px;border-radius:4px;cursor:pointer;transition:background-color var(--transition) ease,color var(--transition) ease;flex:1;max-width:170px}.header-combo select{padding:6px;min-width:120px}.header-combo h4,.header-combo .combo-label{margin:0;font-size:13px;color:var(--text);font-weight:700}.header-combo select{width:100%;padding:8px 10px 8px 8px;background:var(--select-bg);color:var(--text);border:1px solid var(--accent);border-radius:4px;appearance:auto;-webkit-appearance:menulist-button}.header-right{align-items:flex-end}.theme-toggle{margin-left:0}.selected-name{color:var(--text);font-weight:600;margin-top:6px}.mode-selector button:hover,.mode-selector button.active{background:var(--accent);color:var(--text)}.combo-selectors{display:flex;gap:20px;margin-bottom:20px;padding:20px;background:var(--bg);border-radius:8px}.combo-column{flex:1}.basic-stats-layout .combo-column h3{color:var(--text);margin-top:0;margin-bottom:10px;text-align:center;font-weight:700;font-size:14pt}.basic-stats-layout .combo1 h3,.basic-stats-layout .combo2 h3{color:var(--text)}.basic-stats-layout .combo-column select{width:150px;padding:8px;margin:5px 0;background:var(--select-bg);color:var(--text);border:1px solid var(--accent);border-radius:4px}.basic-stats-layout .combo1 select,.combo1-select,.advanced-stats-table .combo1-select{border-color:var(--accent-2)}.basic-stats-layout .combo2 select,.combo2-select,.advanced-stats-table .combo2-select{border-color:var(--accent-3)}.tabs{display:flex;margin-bottom:20px;background:var(--bg);border-radius:8px;padding:5px;transition:background-color var(--transition) ease}.tabs button{flex:1;background:transparent;color:var(--text);border:none;padding:12px;cursor:pointer;border-radius:4px;transition:all .2s}.tabs button:hover,.tabs button.active{background:var(--accent);color:var(--text)}main{background:var(--bg);border-radius:8px;padding:20px;min-height:400px;transition:background-color var(--transition) ease}.stats-section{display:flex;gap:20px}.sim-results{background:var(--bg);padding:20px;border-radius:8px;min-height:200px;border:1px solid var(--border)}.sim-results h3{color:var(--accent);margin-top:0;margin-bottom:15px}.app-footer{background:var(--bg);border-top:1px solid var(--border-weak);padding:18px 0;box-shadow:0 -1px 6px #0000000f;color:var(--text);margin-top:20px;border-radius:8px}.app-footer .footer-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;gap:18px;justify-content:center;align-items:center;flex-wrap:wrap}.footer-links,.footer-credits{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;flex:0 1 280px;max-width:320px;word-wrap:break-word;white-space:normal}.footer-links{padding-left:0}.footer-about{display:flex;flex-direction:column;gap:6px;align-items:center;text-align:center;flex:0 1 210px;max-width:240px}.about-text{color:var(--muted);font-size:13px;line-height:1.3}.footer-title{font-size:12px;color:var(--text);font-weight:700;letter-spacing:.02em;margin-bottom:6px}.footer-links a{color:var(--muted);text-decoration:none;font-size:14px}.footer-links a:hover{color:var(--accent-1);text-decoration:underline}.footer-credits{color:var(--muted);font-size:13px;flex:0 1 170px;max-width:190px}.footer-credits .credit-link{color:var(--text);text-decoration:none;font-weight:600}.footer-credits .credit-link:hover{color:var(--accent-1);text-decoration:underline}@media(max-width:700px){.app-footer .footer-inner{flex-direction:column;align-items:center;gap:10px}.footer-about,.footer-links,.footer-credits{max-width:100%}.footer-credits{text-align:center}}.simulation-grid{display:grid;grid-template-columns:220px 1fr 220px;gap:16px;align-items:stretch;min-height:60vh}.sim-panel{padding:12px;border-radius:10px;color:var(--text);border:1px solid var(--border);display:flex;flex-direction:column}.sim-middle,.simulation-plot{min-width:0}.combo1-panel{background:var(--combo1-panel-bg)}.combo2-panel{background:var(--combo2-panel-bg)}.sim-panel h4{margin:0 0 8px;text-align:center}.combo-display{text-align:center;margin-bottom:8px}.combo-display-lines{display:flex;flex-direction:column;gap:2px}.combo-vehicle,.combo-character{font-weight:700;color:var(--text);font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.combo-display-empty{color:var(--muted)}.sim-panel-controls{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.sim-panel-controls .disabled-option{color:var(--muted);cursor:not-allowed;opacity:.9}.sim-panel-controls .disabled-option input{cursor:not-allowed}.disabled-option{color:var(--muted);cursor:not-allowed;opacity:.9}.sim-type-select{padding:8px;background:var(--select-bg);color:var(--text);border:1px solid var(--accent);border-radius:4px}.sim-panel-stats{font-size:13px;margin-top:10px;flex:1 1 auto}.sim-stat-line{margin-bottom:6px;color:var(--text)}.sim-middle{display:flex;flex-direction:column}.simulation-controls-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:12px;flex-wrap:wrap}.sim-controls-group{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sim-loading-indicator{margin-left:12px;font-size:12px;color:var(--accent-2)}.simulation-plot{background:var(--bg);padding:8px;border-radius:8px;border:1px solid var(--border);margin-bottom:10px;flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden}.simulation-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.simulation-time-group,.simulation-units-group,.simulation-unit-toggle-row{display:flex;align-items:center;gap:8px}.simulation-time-group{flex:1 1 320px;min-width:0}.simulation-slider{flex:1 1 auto;min-width:0}.stat-label{font-weight:700;color:var(--muted)}.stat-value{color:var(--text);font-family:monospace}.simulation-section{max-width:800px}.stats-browser{display:flex;flex-direction:column;gap:20px;max-width:none;width:calc(100vw - 40px)}.stats-browser-header{margin-bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.stats-browser-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.stats-browser-links a{color:var(--text);text-decoration:none;background:var(--bg-light);border:1px solid var(--border);border-radius:999px;padding:7px 12px;font-size:13px}.stats-browser-links a:hover{border-color:var(--accent);color:var(--accent)}.stats-browser-content{display:flex;flex-direction:column;gap:20px}.stats-loading,.stats-error,.stats-section-panel{background:var(--bg-light);border:1px solid var(--border);border-radius:12px}.stats-loading,.stats-error{padding:18px}.stats-error{color:var(--accent-3)}.stats-section-panel{overflow:hidden}.stats-table-shell{overflow-x:auto;scrollbar-color:var(--border-weak) var(--bg);scrollbar-width:thin}.stats-table-shell::-webkit-scrollbar{height:12px}.stats-table-shell::-webkit-scrollbar-track{background:var(--bg)}.stats-table-shell::-webkit-scrollbar-thumb{background:var(--border-weak);border-radius:999px;border:2px solid var(--bg)}.stats-table-shell::-webkit-scrollbar-thumb:hover{background:var(--muted)}.stats-data-table{width:100%;border-collapse:collapse;min-width:2100px}.stats-data-table th,.stats-data-table td{padding:10px 12px;border-bottom:1px solid var(--border);white-space:nowrap;text-align:center;font-size:13px}.stats-data-table th{background:var(--bg);color:var(--text);position:sticky;top:0;z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none}.stats-data-table th:hover{color:var(--accent)}.stats-data-table td{color:var(--muted)}.stats-data-table tbody tr:hover td{background:#ffffff08;color:var(--text)}.stats-data-table th:first-child,.stats-data-table td:first-child{position:sticky;left:0}.stats-data-table th:first-child{background:var(--bg);z-index:2}.stats-data-table td:first-child{background:var(--bg-light);color:var(--text);font-weight:700;text-align:center}.stats-data-table tbody tr:hover td:first-child{background:var(--bg)}.sort-indicator{margin-left:6px;color:var(--muted);font-size:11px}.active-sort .sort-indicator{color:var(--accent)}@media(max-width:900px){.stats-browser-links{flex-direction:column;align-items:center}.stats-section-head{align-items:start}}.sim-controls{display:flex;gap:20px;align-items:center;margin-bottom:30px;flex-wrap:wrap}.control-group label{font-weight:700;color:var(--muted)}.control-group select{padding:8px;background:var(--select-bg);color:var(--text);border:1px solid var(--accent);border-radius:4px}.sim-controls button{background:var(--primary-button-bg);color:var(--text);border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color var(--transition) ease}.sim-controls button:hover:not(:disabled){background:var(--primary-button-hover)}.sim-controls button:disabled{background:var(--disabled);cursor:not-allowed}.sim-results{background:var(--bg-light);padding:20px;border-radius:4px;border:1px solid var(--border)}.sim-results h3{color:var(--accent);margin-top:0}.sim-results pre{background:var(--bg);padding:15px;border-radius:4px;overflow-x:auto;color:var(--muted);font-size:12px}.basic-stats-layout{display:flex;height:100%;min-height:700px}.basic-stats-legend{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;margin-bottom:1.5rem;padding:1rem;color:var(--text);font-size:1.1rem;font-weight:700}.basic-stats-legend-row{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;text-align:center}.basic-stats-swatch{width:28px;height:28px;border-radius:50%;flex:0 0 auto}.combo1-swatch{background:var(--combo1-bg);border:2px solid var(--accent-2)}.combo2-swatch{background:var(--combo2-bg);border:2px solid var(--accent-3)}.basic-stats-legend-text{overflow-wrap:anywhere}.basic-stats-layout .combo-column{flex:0 0 200px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;background:var(--bg)}.basic-stats-layout .combo1{background:var(--combo1-panel-bg);border-radius:12px;overflow:hidden}.basic-stats-layout .combo2{background:var(--combo2-panel-bg);border-radius:12px;overflow:hidden}.basic-stats-layout .chart-column{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;height:100%}.radar-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.radar-chart{width:100%;max-width:900px;height:min(720px,70vh);background:var(--bg);border-radius:8px;padding:20px;margin:0 auto;display:flex;justify-content:center;align-items:center}.radar-chart canvas{width:100%!important;height:100%!important;margin:0 auto}.stats-list-container{width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;padding:20px}.stats-list{width:100%;max-width:800px;background:var(--bg);border-radius:8px;padding:20px;max-height:600px;overflow-y:auto}.stats-list h3{color:var(--accent);margin-top:0;text-align:center}.stats-comparison{display:flex;gap:40px;justify-content:space-around}.combo-stats-list{flex:1}.combo-stats-list h4{color:var(--accent);margin-bottom:10px;text-align:center}.stat-item{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--border)}@media(max-width:768px){.app{padding:12px}header{grid-template-columns:1fr;padding:16px;gap:10px}.header-center{grid-column:auto;order:-1}.header-combo{width:100%;min-width:0;justify-self:stretch}.header-combo:first-of-type,.header-combo:last-of-type{justify-self:stretch}.mode-selector{width:100%;max-width:420px}.mode-selector button,.tabs button{min-height:44px}.tabs{gap:6px}main{padding:14px}.combo-selectors,.stats-section{flex-direction:column}.sim-controls{flex-direction:column;align-items:stretch}.tabs{flex-direction:column}.basic-stats-layout{min-height:auto}.basic-stats-layout .chart-column{padding:8px 0 0}.basic-stats-legend{margin-bottom:.75rem;padding:.5rem 0 0;font-size:1rem}.radar-chart{padding:10px;width:min(100%,32rem);height:auto;aspect-ratio:1 / 1;min-height:0}.simulation-grid{grid-template-columns:1fr;gap:12px;min-height:auto}.sim-panel{padding:14px}.combo-display{margin-bottom:10px}.combo-vehicle,.combo-character{white-space:normal;overflow:visible;text-overflow:clip}.simulation-controls-row,.simulation-footer{flex-direction:column;align-items:stretch}.sim-controls-group,.simulation-time-group,.simulation-units-group{width:100%}.sim-controls-group{align-items:flex-start}.sim-loading-indicator{margin-left:0}.simulation-unit-toggle-row{justify-content:flex-start}.simulation-plot{min-height:320px}}@media(max-width:768px)and (orientation:portrait){h1{font-size:clamp(2.15rem,7vw,2.6rem)}.header-combo .combo-label,.header-combo h4,.header-combo select,.mode-selector button,.tabs button,.basic-stats-legend{font-size:1rem}.app{padding:10px}main{padding:10px}.basic-stats-layout .chart-column{padding-top:4px}.basic-stats-legend-row{gap:.6rem}.basic-stats-swatch{width:24px;height:24px}.radar-container{width:100%}.radar-chart{width:min(100%,calc(100vw - 28px));max-width:none;padding:2px}.simulation-grid{gap:10px}.sim-panel{padding:12px}.sim-panel-stats{margin-top:8px}.simulation-plot{padding:6px;min-height:360px}.simulation-slider{width:100%}}@media(max-width:1024px)and (orientation:landscape){.app{padding:8px}header{padding:8px 10px;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.header-center{grid-column:2;order:0}.header-combo{min-width:0;padding:8px;gap:6px}.header-combo select{padding:6px 8px;font-size:.92rem}h1{font-size:clamp(1.45rem,2.6vw,1.9rem);margin-bottom:6px}.header-center .theme-toggle{margin-top:4px}.mode-selector{width:min(100%,340px);gap:8px}.mode-selector button,.tabs button{padding:10px;font-size:.92rem}.tabs{margin-bottom:8px}main{padding:10px}.basic-stats-layout{min-height:auto}.basic-stats-layout .chart-column{padding:8px 0 0}.basic-stats-legend{margin-bottom:.35rem;padding:.25rem 0 0;gap:.35rem;font-size:.94rem}.radar-chart{max-width:none;padding:8px;height:clamp(400px,calc(100dvh - 120px),620px)}}.advanced-stats-container{width:100%;height:100%;min-height:700px;display:flex;justify-content:center;align-items:flex-start;padding:20px}.advanced-stats-scroll{width:100%;max-width:1200px;overflow:visible;background:var(--bg);border-radius:8px;padding:20px;transition:background-color var(--transition) ease}.advanced-stats-table{width:100%;border-collapse:collapse;background:var(--bg);color:var(--text)}.advanced-stats-table th,.advanced-stats-table td{padding:8px 12px;text-align:center;border:1px solid var(--border)}.advanced-stats-table th{background:var(--bg-light);font-weight:700;color:var(--text)}.combo1-header{color:var(--accent-2)}.combo2-header{color:var(--accent-3)}.advanced-stats-table th.combo1-header,.advanced-stats-table td.combo1-value{background:var(--combo1-bg)}.advanced-stats-table th.combo2-header,.advanced-stats-table td.combo2-value{background:var(--combo2-bg)}.stat-name-header{color:var(--muted)}.center-cell{text-align:center}.value-cell{font-family:monospace;font-size:14px;font-weight:600;color:var(--muted)}.combo1-value{text-align:right;color:inherit}.combo2-value{text-align:left;color:inherit}.stat-name-cell{font-weight:700;color:var(--muted);text-align:center;font-size:14px}.advanced-stats-table th.stat-name-header,.advanced-stats-table td.stat-name-cell{background:var(--bg)}.separator-row td{padding:5px;border:none}.separator-row hr{margin:0;border:0;border-top:1px solid var(--border-weak);width:100%}.advanced-stats-table select{width:100%;padding:8px 10px 8px 8px;background:var(--select-bg);color:var(--text);border:1px solid var(--accent);border-radius:4px;appearance:auto;-webkit-appearance:menulist-button}.styled-select{padding:8px 10px 8px 8px;background:var(--select-bg);color:var(--text);border:1px solid var(--accent);border-radius:4px;appearance:auto;-webkit-appearance:menulist-button}.basic-stats-layout .combo-column{background:transparent;border-radius:0;padding:20px 8px}.basic-stats-layout .combo-column h3,.basic-stats-layout .combo-column .combo-label{display:none}.advanced-stats-table thead select{border-color:inherit}.sim-checkboxes{margin-top:15px}.sim-checkboxes label{display:block;margin:5px 0;color:var(--text);font-size:12px}.sim-checkboxes input[type=checkbox]{margin-right:5px}.sim-controls-section{background:var(--bg);border-radius:8px;padding:20px;margin-bottom:20px}.control-row{display:flex;gap:20px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:5px}.control-group label{font-weight:700;color:var(--muted);font-size:12px}.control-group select{padding:8px;background:var(--select-bg);color:var(--text);border:1px solid var(--accent);border-radius:4px;min-width:120px}.time-slider-row{display:flex;flex-direction:column;gap:10px}.time-slider-row label{font-weight:700;color:var(--muted);font-size:14px}.time-slider{width:100%;max-width:300px}.sim-results pre{background:var(--bg-light);padding:15px;border-radius:4px;overflow-x:auto;color:var(--muted);font-size:12px;max-height:300px;overflow-y:auto}.unit-toggle{display:inline-block;position:relative;width:52px;height:28px}.unit-toggle-checkbox{position:absolute;opacity:0;width:0;height:0;left:0;top:0}.unit-toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--select-bg);border-radius:999px;border:1px solid var(--border);transition:background var(--transition) ease,box-shadow var(--transition) ease}.unit-toggle-slider:before{content:"";position:absolute;height:22px;width:22px;left:3px;top:50%;transform:translateY(-50%);background:var(--bg-light);border-radius:50%;box-shadow:0 2px 4px #00000026;transition:transform var(--transition) ease,background var(--transition) ease}.unit-toggle-checkbox:checked+.unit-toggle-slider{background:var(--accent);border-color:var(--accent)}.unit-toggle-checkbox:checked+.unit-toggle-slider:before{transform:translate(24px,-50%);background:#fff}.unit-toggle-checkbox:focus+.unit-toggle-slider{box-shadow:0 0 0 4px #00000014}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text);transition:background-color var(--transition) ease,color var(--transition) ease}#root{min-height:100vh}