:root{--bg: #00010a;--bg-card: #020414;--bg-card-hover: #050820;--border: #0f1538;--border-light: #151d46;--text: #eaf2ff;--text-muted: #7080b0;--accent: #4a7cff;--accent-light: #6e9eff;--accent-lighter: #96baff;--accent-hover: var(--accent-light);--accent-darkest: #132d8f;--accent-dark: #1f3ea8;--accent-dark-hover: #2c4fc2;--bg-trail-far: color-mix(in srgb, var(--accent-dark) 65%, var(--bg));--bg-trail-mid: color-mix(in srgb, var(--accent) 65%, var(--bg));--bg-trail-near: color-mix(in srgb, var(--accent-light) 65%, var(--bg));--bg-trail-front: color-mix(in srgb, var(--accent-lighter) 65%, var(--bg));--gold: #ffd166;--orange: #ff6a12;--track-empty: #0a0f2e;--green: #2ee62e;--danger: #ff3b3b;--danger-surface: #2e0b13;--radius-panel: 12px;--radius-control: 6px;--bg-field: var(--bg-card-hover);--focus-ring: 0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent);--control-h-sm: 32px;--control-fs-sm: 14px;--control-h-md: 38px;--control-fs-md: 16px;--control-h-lg: 48px;--control-fs-lg: 18px;--nav-h: 64px}:focus-visible{outline:none;box-shadow:var(--focus-ring)}:disabled{opacity:.4;cursor:not-allowed}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:PixelOperator,monospace;font-size:16px;background:var(--bg);color:var(--text);-webkit-font-smoothing:none;-moz-osx-font-smoothing:unset;image-rendering:pixelated}.card{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-panel);padding:32px 24px;display:flex;flex-direction:column;gap:12px}.card.is-dense{padding:20px 18px;gap:10px}.is-dense .section-label,.section-label.is-dense{font-size:20px;margin-top:0;margin-bottom:4px}.label-dense{font-size:var(--control-fs-sm);text-transform:uppercase;letter-spacing:1px}.title{font-size:38px;text-align:center;color:var(--text);margin-bottom:8px}.pixel-outline{text-shadow:-2px -2px 0 var(--bg),2px -2px 0 var(--bg),-2px 2px 0 var(--bg),2px 2px 0 var(--bg),0 -2px 0 var(--bg),0 2px 0 var(--bg),-2px 0 0 var(--bg),2px 0 0 var(--bg)}.subtitle{font-size:30px;text-align:center}.accent{color:var(--accent)}label{font-size:22px;color:var(--text-muted);font-weight:700}input[type=text],input[type=password],input[type=number],input[type=date]{font-family:PixelOperator,monospace;font-size:var(--control-fs-lg);height:var(--control-h-lg);background:var(--bg-field);color:var(--text);border:2px solid var(--border);border-radius:var(--radius-control);padding:0 12px;margin-bottom:8px;transition:border-color .15s}input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,input[type=date]:focus{border-color:var(--accent)}input[type=text]:hover:not(:disabled),input[type=password]:hover:not(:disabled),input[type=number]:hover:not(:disabled),input[type=date]:hover:not(:disabled){border-color:var(--accent-dark)}input[type=number],input[type=date]{color-scheme:dark}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:var(--text);caret-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg-field) inset;box-shadow:0 0 0 1000px var(--bg-field) inset;transition:background-color 9999s ease-out 0s;border-color:var(--border)}input:-webkit-autofill:focus{border-color:var(--accent)}input:-webkit-autofill:focus-visible{-webkit-box-shadow:var(--focus-ring),0 0 0 1000px var(--bg-field) inset;box-shadow:var(--focus-ring),0 0 0 1000px var(--bg-field) inset}input:autofill{background:var(--bg-field);color:var(--text);font-family:PixelOperator,monospace;font-size:var(--control-fs-lg)}.btn-primary{font-family:PixelOperator,monospace;font-size:22px;font-weight:700;background:var(--accent-dark);color:var(--text);border:none;border-radius:var(--radius-control);padding:12px;cursor:pointer;transition:background .15s;margin-top:8px}.btn-primary:hover:not(:disabled){background:var(--accent-dark-hover)}.btn-secondary{font-family:PixelOperator,monospace;font-size:22px;font-weight:700;background:transparent;color:var(--text-muted);border:2px solid var(--border);border-radius:var(--radius-control);padding:12px;margin-top:16px;cursor:pointer;transition:color .15s,border-color .15s}.btn-secondary:hover:not(:disabled){color:var(--text);border-color:var(--accent-dark)}.btn-danger{font-family:PixelOperator,monospace;font-size:var(--control-fs-md);font-weight:700;background:var(--danger-surface);color:var(--text);border:2px solid var(--border);border-radius:var(--radius-control);padding:6px 12px;cursor:pointer;transition:border-color .15s}.btn-danger:hover:not(:disabled){border-color:var(--danger)}.btn-sm{font-size:var(--control-fs-md);height:var(--control-h-md);padding:0 14px;margin-top:0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;justify-content:center;align-items:center;z-index:100}.modal-dismiss{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;border:none;cursor:default}.modal-dismiss:focus-visible{box-shadow:inset var(--focus-ring)}.modal-card{position:relative;background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-panel);padding:24px;min-width:min(320px,100%);max-width:min(420px,calc(100vw - 32px));display:flex;flex-direction:column;gap:12px}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.error{color:var(--text-muted);font-size:14px;text-align:center;margin-top:8px}.muted{color:var(--text-muted);font-size:15px;line-height:1.5}.install-steps{color:var(--text);font-size:16px;line-height:1.6;margin:0;padding-left:22px;max-width:40ch}.install-steps strong{color:var(--accent)}.text-muted{color:var(--text-muted);font-size:14px;text-align:center}.section-label{font-size:22px;font-weight:700;color:var(--text-muted);text-transform:uppercase;margin-top:8px}.data-table{width:100%;border-collapse:collapse;font-size:var(--control-fs-lg)}.data-table th,.data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);vertical-align:middle}.data-table th{color:var(--text-muted);font-weight:700;font-size:var(--control-fs-sm);text-transform:uppercase;letter-spacing:1px}.data-table tr:last-child td{border-bottom:none}.data-table .actions{display:flex;gap:6px;flex-wrap:nowrap}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.data-table th.sortable:has(.sort-btn){padding:0}.data-table th.sortable .sort-btn{width:100%;padding:10px 12px;background:none;border:none;color:inherit;font:inherit;font-weight:700;text-transform:inherit;letter-spacing:inherit;text-align:inherit;cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover,.data-table th.sortable.sorted{color:var(--text)}.sort-marker{margin-left:6px;color:var(--accent)}.is-dense .data-table{font-size:var(--control-fs-md)}.data-table.is-framed{background:var(--bg-card);border:2px solid var(--border);border-radius:var(--radius-panel);overflow:hidden}.countdown{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:PixelOperator,monospace;font-size:200px;font-weight:700;color:var(--text);background:var(--bg);text-shadow:0 0 40px color-mix(in srgb,var(--accent) 40%,transparent);z-index:30}.version-footer{position:fixed;right:8px;bottom:6px;color:var(--text-muted);font-size:11px;pointer-events:none;-webkit-user-select:none;user-select:none}.bottom-nav,.install-bar,.stats-tabs{position:fixed;left:0;right:0;z-index:50;display:flex;background:var(--bg-card)}.bottom-nav{bottom:0;border-top:2px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.install-bar,.stats-tabs{top:0;border-bottom:2px solid var(--border);padding-top:env(safe-area-inset-top)}.bottom-nav__item,.install-bar__item,.stats-tabs__item{flex:1;min-height:var(--nav-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:transparent;border:none;color:var(--text-muted);font-family:PixelOperator,monospace;cursor:pointer;transition:color .15s,background .15s}.bottom-nav__item:hover,.install-bar__item:hover,.stats-tabs__item:hover{color:var(--text);background:var(--bg-card-hover)}.bottom-nav__item.is-active,.stats-tabs__item.is-active{color:var(--accent)}.bottom-nav__icon,.install-bar__icon,.stats-tabs__icon{width:22px;height:22px;fill:currentColor}.stats-tabs__item[aria-controls=pane-overall] .stats-tabs__icon{width:28px}.bottom-nav__label,.install-bar__label,.stats-tabs__label{font-size:13px;font-weight:700;line-height:1}.select-wrap{--sel-h: var(--control-h-lg);--sel-fs: var(--control-fs-lg);--sel-caret-w: calc(var(--sel-h) * .85);display:block;position:relative}.select-input{width:100%;height:var(--sel-h);-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--bg-field);border:2px solid var(--border);border-radius:var(--radius-control);color:var(--text);font-family:inherit;font-size:var(--sel-fs);padding:0 calc(var(--sel-caret-w) + 12px) 0 10px;cursor:pointer;transition:border-color .15s}.select-input:focus{border-color:var(--accent)}.select-wrap:before{content:"";position:absolute;top:calc(var(--sel-h) / 8);bottom:calc(var(--sel-h) / 8);right:var(--sel-caret-w);width:2px;background:var(--border);pointer-events:none}.select-wrap:after{content:"";position:absolute;top:50%;right:calc(var(--sel-caret-w) / 2);width:9px;height:9px;margin-top:-6px;margin-right:-5px;border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);transform:rotate(45deg);pointer-events:none}.select-wrap:hover:not(:has(.select-input:disabled)):after{border-color:var(--text)}.select-wrap:hover .select-input:not(:disabled){border-color:var(--accent-dark)}.select-wrap:has(.select-input:disabled):after,.select-wrap:has(.select-input:disabled):before{opacity:.4}
