:root{--bg:#0f1116}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#game{cursor:none;touch-action:none;width:100%;height:100%;display:block}.overlay{color:#e8f0ff;text-align:center;cursor:default;background:#0f1116eb;justify-content:center;align-items:center;padding:32px 16px;display:flex;position:absolute;inset:0;overflow-y:auto}.overlay.hidden{display:none}.menu-panel{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:480px;display:flex}.overlay h1{letter-spacing:.02em;font-size:2.5rem;font-weight:700}.difficulty-grid{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.difficulty-chip{display:inline-flex;position:relative}.delete-preset-button{color:#e8f0ff;cursor:pointer;background:#4a2229;border:1px solid #6b2c35;border-radius:999px;width:20px;height:20px;font-size:.85rem;line-height:1;position:absolute;top:-8px;right:-8px}.delete-preset-button:hover{background:#6b2c35}.difficulty-option{color:#e8f0ff;cursor:pointer;background:#1c2029;border:2px solid #2f3646;border-radius:8px;padding:12px 20px;font-family:inherit;font-size:1rem;transition:border-color .15s,background .15s}.difficulty-option:hover{border-color:#4a5568}.difficulty-option.selected{background:#2a1f24;border-color:#ff4d5a}.primary-button{color:#0f1116;cursor:pointer;background:#ff4d5a;border:none;border-radius:8px;padding:14px 40px;font-family:inherit;font-size:1.1rem;font-weight:600;transition:filter .15s}.primary-button:hover{filter:brightness(1.1)}.secondary-button{color:#e8f0ff;cursor:pointer;background:#1c2029;border:2px solid #2f3646;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:border-color .15s}.secondary-button:hover{border-color:#4a5568}.menu-actions-row{gap:12px;display:flex}.save-preset-row{gap:8px;width:100%;display:flex}.save-preset-row input[type=text]{color:#e8f0ff;background:#1c2029;border:1px solid #2f3646;border-radius:6px;flex:1;padding:10px 12px;font-family:inherit;font-size:.9rem}.save-preset-row .secondary-button{white-space:nowrap;padding:10px 16px}.hud-controls{cursor:default;position:absolute;top:16px;right:16px}.hud-controls.hidden{display:none}.hud-controls .secondary-button{background:#1c2029d9;padding:8px 16px;font-size:.85rem}.settings-form{text-align:left;flex-direction:column;gap:14px;width:100%;display:flex}.settings-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.settings-form label{color:#9aa5b8;flex-direction:column;gap:4px;font-size:.85rem;display:flex}.settings-form input[type=number],.settings-form select{color:#e8f0ff;background:#1c2029;border:1px solid #2f3646;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:.95rem}.checkbox-label{cursor:pointer;align-items:center;color:#e8f0ff!important;flex-direction:row!important;gap:8px!important;font-size:.95rem!important}.checkbox-label input[type=checkbox]{width:16px;height:16px}.sub-fields{grid-template-columns:repeat(3,1fr);gap:12px;padding-left:24px;display:grid}.sub-fields.hidden{display:none}.sub-fields-group{flex-direction:column;gap:12px;padding-left:24px;display:flex}.sub-fields-group.hidden{display:none}.sub-fields-group .sub-fields{padding-left:0}.appearance-fields{text-align:left;border:1px solid #2f3646;border-radius:8px;flex-wrap:wrap;gap:16px;width:100%;padding:14px 16px;display:flex}.appearance-fields legend{color:#9aa5b8;padding:0 6px;font-size:.85rem}.appearance-fields label{color:#9aa5b8;flex-direction:column;flex:1;gap:4px;min-width:130px;font-size:.85rem;display:flex}.appearance-fields select{color:#e8f0ff;background:#1c2029;border:1px solid #2f3646;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:.95rem}.appearance-fields input[type=color]{cursor:pointer;background:#1c2029;border:1px solid #2f3646;border-radius:6px;width:100%;height:36px;padding:2px}.best-score-line{color:#9aa5b8;font-size:.9rem}.profile-indicator{color:#9aa5b8;align-items:center;gap:8px;font-size:.85rem;display:flex}.sync-status{white-space:nowrap;background:#1c2029;border:1px solid #2f3646;border-radius:999px;padding:2px 8px;font-size:.75rem}.sync-status.hidden{display:none}.sync-status.warn{color:#ffcf7a;background:#2a2318;border-color:#5a4520}.auth-intro{color:#9aa5b8;max-width:380px;font-size:.9rem;line-height:1.5}.auth-form{text-align:left;flex-direction:column;gap:14px;width:100%;display:flex}.auth-form>label{color:#9aa5b8;flex-direction:column;gap:4px;font-size:.85rem;display:flex}.auth-form>label.hidden{display:none}.auth-form input[type=text],.auth-form input[type=password]{color:#e8f0ff;background:#1c2029;border:1px solid #2f3646;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:.95rem}.auth-form input:focus{border-color:#ff4d5a;outline:none}.auth-form .primary-button:disabled{opacity:.55;cursor:progress}.auth-message{color:#ffb3b8;background:#2a1a1d;border:1px solid #5a2a31;border-radius:6px;padding:10px 12px;font-size:.85rem;line-height:1.45}.auth-message.info{color:#ffcf7a;background:#2a2318;border-color:#5a4520}.auth-message.hidden{display:none}.auth-server{text-align:left;color:#9aa5b8;width:100%;font-size:.85rem}.auth-server summary{cursor:pointer;padding:6px 0}.auth-server .save-preset-row{margin-top:8px}.auth-hint{color:#6f7a88;margin-top:8px;font-size:.78rem;line-height:1.5}.auth-hint code{background:#1c2029;border:1px solid #2f3646;border-radius:4px;padding:1px 5px;font-size:.75rem}.appearance-fields input[type=range]{accent-color:#ff4d5a;cursor:pointer;width:100%;height:36px}.audio-mute-label{align-self:flex-end;padding-bottom:8px;flex:none!important}.link-button{color:#ff8087;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.85rem;text-decoration:underline}.link-button:hover{color:#ffa2a7}.results-grid{text-align:left;grid-template-columns:auto auto;gap:10px 24px;font-size:1rem;display:grid}.results-grid dt{color:#9aa5b8}.results-grid dd{text-align:right;font-weight:600}.stats-panel{max-width:720px}.chart-wrapper{width:100%;position:relative}.chart-canvas{background:#1a1a19;border-radius:8px;width:100%;height:320px;display:block}.chart-tooltip{color:#fff;pointer-events:none;white-space:nowrap;text-align:left;background:#0b0b0b;border:1px solid #ffffff1a;border-radius:6px;margin-top:-10px;padding:8px 10px;font-size:.8rem;line-height:1.4;position:absolute;transform:translate(-50%,-100%)}.chart-tooltip.hidden{display:none}.chart-legend{color:#c3c2b7;flex-wrap:wrap;justify-content:center;gap:12px 20px;font-size:.85rem;display:flex}.chart-legend-item{align-items:center;gap:6px;display:inline-flex}.chart-legend-swatch{border-radius:999px;flex-shrink:0;width:10px;height:10px}