:root{--bg:#0b0e14;--bg-elevated:#12151f;--bg-card:#171b28;--border:#2a2f42;--border-strong:#3d4363;--text:#d7dbe8;--text-h:#f5f6fa;--text-muted:#8b90a6;--accent:#4f8cff;--accent-strong:#6ea2ff;--accent-contrast:#06101f;--success:#22c55e;--success-bg:#10331f;--success-border:#34d372;--danger:#ef4444;--danger-bg:#3a1414;--danger-border:#f16060;--highlight-bg:#24304d;--radius:10px;--radius-lg:16px;--shadow:0 12px 30px -10px #0009;--sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, "SF Mono", Consolas, monospace;font:16px/1.5 var(--sans);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at top, #141826 0%, var(--bg) 60%);min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3{color:var(--text-h);margin:0}button{cursor:pointer;font-family:inherit;font-size:15px}input{font-family:inherit;font-size:16px}ul{list-style:none}.app-status{min-height:100vh;color:var(--text-muted);justify-content:center;align-items:center;font-size:18px;display:flex}.app{flex-direction:column;flex:1;gap:20px;width:100%;max-width:720px;margin:0 auto;padding:24px 20px 48px;display:flex}.stats-header{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.stats-header__title-group{flex-direction:column;gap:2px;min-width:0;display:flex}.stats-header__title{color:var(--text-h);letter-spacing:-.3px;font-size:22px;font-weight:700}.stats-header__mode{font-family:var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);font-size:11px}.stats-header__score{font-family:var(--mono);color:var(--accent-strong);background:#4f8cff1f;border:1px solid #4f8cff4d;border-radius:999px;margin-left:auto;padding:6px 14px;font-size:15px}.stats-header__buckets{font-family:var(--mono);align-items:center;gap:6px;margin-left:auto;font-size:13px;display:flex}.stats-header__buckets-label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;margin-right:4px;font-size:12px}.stats-header__bucket{border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text-muted);border-radius:999px;align-items:baseline;gap:4px;padding:4px 10px;display:inline-flex}.stats-header__bucket-label{letter-spacing:.5px;font-size:11px}.stats-header__bucket-value{color:var(--text-h);font-weight:700}.stats-header__bucket--none{color:#7cf3a4;border-color:var(--success-border);background:var(--success-bg)}.stats-header__bucket--none .stats-header__bucket-value{color:#7cf3a4}.stats-header__bucket--wrong{color:#ff9d9d;border-color:var(--danger-border);background:var(--danger-bg)}.stats-header__bucket--wrong .stats-header__bucket-value{color:#ff9d9d}.hints{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.hints__heading{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:0 4px;font-size:13px;font-weight:600}.hints__item{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);align-items:baseline;gap:8px;padding:12px 16px;font-size:15px;display:flex}.hints__label{color:var(--text-muted);font-weight:500}.hints__value{color:var(--text-h);font-weight:700}.round{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);flex-direction:column;gap:24px;padding:28px 24px;display:flex}.round__controls{align-items:flex-start;gap:12px;display:flex}.round__controls .guess-input{flex:1}.round__result{border-radius:var(--radius);border:1px solid #0000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.round__result.is-correct{background:var(--success-bg);border-color:var(--success-border);color:#7cf3a4}.round__result.is-wrong{background:var(--danger-bg);border-color:var(--danger-border);color:#ff9d9d}.round__result strong{color:var(--text-h)}.career-arc{flex-wrap:wrap;gap:8px;display:flex}.team-chip{background:var(--bg-elevated);border:2px solid var(--border-strong);border-radius:var(--radius);flex-direction:column;align-items:center;gap:6px;width:84px;padding:10px 8px;transition:transform .15s;display:flex}.team-chip:hover{transform:translateY(-2px)}.team-chip__logo{object-fit:contain;width:48px;height:48px}.team-chip__tri{color:#fff;width:48px;height:48px;font-family:var(--mono);letter-spacing:.5px;text-shadow:0 1px 2px #00000080;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.team-chip__label{font-family:var(--mono);color:var(--text-muted);white-space:nowrap;font-size:12px}.guess-input{position:relative}.guess-input input{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius);width:100%;color:var(--text-h);outline:none;padding:12px 14px;transition:border-color .15s,box-shadow .15s}.guess-input input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f8cff33}.guess-input input:disabled{opacity:.6;cursor:not-allowed}.guess-input__list{border:1px solid var(--border-strong);border-radius:var(--radius);z-index:10;background:#1d2233;width:100%;max-height:260px;margin:0;padding:6px;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto;box-shadow:0 16px 32px -8px #000000b3}.guess-input__list li{color:var(--text);cursor:pointer;border-radius:6px;padding:9px 12px;font-size:14px}.guess-input__list li:hover{background:#ffffff0f}.guess-input__list li.is-highlight{background:var(--highlight-bg);color:var(--text-h)}.round__controls button{border-radius:var(--radius);border:1px solid var(--border-strong);color:var(--text);white-space:nowrap;background:0 0;padding:12px 18px;font-weight:600;transition:background .15s,border-color .15s}.round__controls button:hover:not(:disabled){border-color:var(--text-muted);background:#ffffff0f}.round__controls button:disabled{opacity:.4;cursor:not-allowed}.round__result button{border-radius:var(--radius);background:var(--accent);color:var(--accent-contrast);border:none;padding:10px 20px;font-weight:700;transition:background .15s}.round__result button:hover{background:var(--accent-strong)}.mode-selector{flex-direction:column;gap:6px;display:flex}.mode-selector__row{flex-wrap:wrap;gap:8px;display:flex}.mode-selector__btn{border-radius:var(--radius);border:1px solid var(--border-strong);min-width:120px;color:var(--text);cursor:pointer;background:0 0;flex:1 1 0;padding:10px 14px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,color .15s}.mode-selector__btn:hover:not(.is-selected){border-color:var(--text-muted);background:#ffffff0f}.mode-selector__btn.is-selected{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.mode-selector__btn.is-pending{border-style:dashed;border-color:var(--accent);color:var(--accent-strong);background:#4f8cff14}.mode-selector__btn.is-pending.is-selected{border-style:solid}.mode-selector__caption{font-family:var(--mono);color:var(--text-muted);align-self:flex-end;font-size:12px}@media (width<=640px){.app{gap:14px;padding:12px 12px 32px}.stats-header{border-radius:var(--radius);flex-wrap:wrap;gap:10px;padding:12px 14px}.stats-header__title{font-size:20px}.stats-header__buckets{flex:100%;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px 5px;margin-left:0;display:grid}.stats-header__buckets-label{grid-column:1/-1;margin:0 0 2px}.stats-header__bucket{justify-content:center;gap:4px;min-width:0;padding:4px;display:flex}.stats-header__bucket-label{font-size:12px}.stats-header__bucket-value{font-size:13px}.stats-header__bucket{gap:3px;padding:3px 8px}.round{border-radius:var(--radius);gap:18px;padding:16px 14px}.round__controls{flex-wrap:wrap;gap:8px}.round__controls .guess-input{flex:100%;order:-1}.round__controls button{flex:1 1 0;padding:11px 12px;font-size:14px}.round__result{gap:12px;padding:14px 16px;font-size:14px}.round__result button{width:100%;padding:10px 14px}.career-arc{justify-content:center;gap:6px}.team-chip{gap:4px;width:72px;padding:8px 3px}.team-chip__logo,.team-chip__tri{width:40px;height:40px}.team-chip__tri{font-size:12px}.team-chip__label{letter-spacing:-.4px;font-size:10px}.hints__item{padding:10px 14px;font-size:14px}.mode-selector__btn{min-width:0;padding:9px 10px;font-size:13px}}@media (width<=380px){.team-chip{width:66px;padding:8px 3px}.team-chip__logo,.team-chip__tri{width:36px;height:36px}.team-chip__label{letter-spacing:-.4px;font-size:9px}.stats-header__bucket{padding:3px 2px}.stats-header__bucket-label{font-size:11px}.stats-header__bucket-value{font-size:12px}}