:root{color-scheme:dark;--bg-deep: #05070f;--bg: #0b1020;--bg-raised: #101a33;--bg-panel: #16223f;--text: #cfd8ea;--text-on-accent: #06121c;--accent: #4be0c8;--accent-2: #6ea8ff;--warning: #ffb060;--danger: #965adc;--partner: #ff606e;--success: #4be08c;--grad-primary: linear-gradient(90deg, var(--accent), var(--accent-2));--border-subtle: 1px solid rgba(255, 255, 255, .08);--border-strong: 1px solid rgba(255, 255, 255, .15);--border-accent: 1px solid rgba(110, 168, 255, .4);--radius-s: 8px;--radius-m: 10px;--radius-l: 14px;--radius-xl: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--font: system-ui, -apple-system, sans-serif;--fs-caption: 11px;--fs-small: 12.5px;--fs-body-s: 13.5px;--fs-ui: 14px;--fs-body: 15px;--fs-h2: 20px;--fs-display: 42px;--shadow-raised: 0 6px 24px rgba(0, 0, 0, .5);--glow-accent: 0 0 30px rgba(75, 224, 200, .35);--t-tap: .12s;--t-panel: .25s;--z-overlay: 10;--z-panel: 20;--z-card: 25;--z-banner: 30;--z-splash: 40;--touch-min: 44px;--safe-top: max(env(safe-area-inset-top, 0px), var(--safe-top-fallback, 0px));--safe-bottom: min(env(safe-area-inset-bottom, 0px), 34px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding:0 var(--space-4);border:none;border-radius:var(--radius-m);font:400 var(--fs-ui) / 1 var(--font);color:var(--text);background:none;transition:transform var(--t-tap) ease-out;cursor:pointer;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--grad-primary);color:var(--text-on-accent);font-weight:700}.btn-ghost{background:#ffffff14;border:var(--border-strong)}.btn-soft{background:#4be0c826;border:1px solid rgba(75,224,200,.4);color:var(--accent);font-size:var(--fs-small);min-height:36px;padding:0 var(--space-3)}.btn-lg{font-size:20px;padding:var(--space-4) 42px;border-radius:var(--radius-xl);box-shadow:var(--glow-accent)}.chip{background:#ffffff14;border:var(--border-strong);min-height:36px;padding:0 var(--space-3);border-radius:999px;font-size:var(--fs-small)}.chip.active{background:#4be0c826;border:1px solid rgba(75,224,200,.4);color:var(--accent)}.chip{position:relative}.chip:before{content:"";position:absolute;inset:calc((var(--touch-min) - 100%) / -2) 0}.panel{background:#ffffff0a;border:var(--border-subtle);border-radius:var(--radius-l);padding:var(--space-3)}.hud-chip{display:inline-flex;align-items:center;justify-content:center;background:#ffffff0f;border:var(--border-subtle);border-radius:999px;padding:4px 10px;font-size:var(--fs-body-s);font-variant-numeric:tabular-nums;white-space:nowrap}.hud-chip:empty{display:none}.hud-chip.done{color:var(--success);border-color:#4be08c73;background:#4be08c1a}.hud-chip.rec{border-color:#ff606e73}.hud-chip.rec:before{content:"●";color:var(--partner);margin-right:6px;font-size:.8em}.hud-chip.waiting{color:var(--partner);border-color:#ff606e73;background:#ff606e1f}.mode-item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--touch-min);padding:var(--space-3);color:var(--text);text-align:left;cursor:pointer}.mode-item .mode-icon{font-size:22px;flex-shrink:0}.mode-item .mode-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mode-item .mode-title{font-size:var(--fs-body);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-item .mode-sub{font-size:var(--fs-small);opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mode-item .mode-meta{font-size:var(--fs-small);opacity:.8;color:var(--warning);white-space:nowrap}.mode-item.suggest{border:1px solid rgba(75,224,200,.4)}.mode-item.suggest .mode-sub{color:var(--accent);opacity:1}.mode-item .mode-sub.warn{color:var(--warning);opacity:1}.banner{display:flex;align-items:center;gap:var(--space-3);background:var(--bg-panel);border:var(--border-accent);border-radius:var(--radius-l);padding:var(--space-3) 14px;font-size:var(--fs-body-s);line-height:1.4;box-shadow:var(--shadow-raised)}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + var(--space-1));transform:translate(-50%);background:var(--bg-panel);color:var(--text);border:var(--border-strong);border-radius:var(--radius-m);padding:var(--space-1) var(--space-2);font-size:var(--fs-caption);white-space:nowrap;box-shadow:var(--shadow-raised);opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:var(--z-overlay)}.tip-below:after{bottom:auto;top:calc(100% + var(--space-1))}@media(hover:hover){[data-tip]:hover:after{opacity:1}}@media(hover:none){[data-tip]:focus:after{opacity:1}}@media(prefers-reduced-motion:reduce){[data-tip]:after{transition:none}}.hidden{display:none!important}.btn.warn{color:var(--warning);border-color:var(--warning)}.mode-item.tier-locked .mode-title:after,.chip.tier-locked:after{content:" 🔓";font-size:.85em}.chip.tier-locked{opacity:.7}.level-item.tier-locked{opacity:.75}