:root{--canvas: #f5eee6;--surface-primary: #fbf7f2;--surface-secondary: #efe2d6;--surface-muted: #f8f2ec;--border-soft: #e4d4c7;--border-mute: #dfcfc2;--text-primary: #241d18;--text-secondary: #66544a;--text-muted: #8f7565;--board-correct: #728f64;--board-present: #b79e5c;--board-absent: #d8ccc1;--board-empty: #ede3d9;--action-primary: #2c231d;--action-primary-text: #fff8f2;--radius-panel: 30px;--radius-card: 22px;--radius-tile: 14px;--radius-pill: 999px;--shadow-panel: 0 18px 40px rgba(73, 47, 29, .06);color-scheme:light;font-family:Inter,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--canvas);color:var(--text-primary)}a{color:inherit;text-decoration:none}button{font:inherit}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:120px minmax(0,1fr) 320px;gap:18px;min-height:100vh;max-height:100vh;padding:22px;overflow:hidden}.app-shell__main{padding:4px 0 32px;min-height:0;overflow-y:auto;overflow-x:hidden}.app-shell__intro{max-width:42rem;margin-bottom:28px}.side-nav{border-right:1px solid var(--border-mute);padding:12px 10px 12px 4px}.wordmark{margin-bottom:18px;color:#927765;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.side-nav__list{display:flex;flex-direction:column;gap:8px}.side-nav__groups{display:flex;flex-direction:column;gap:16px}.side-nav__group-label{margin:0 0 6px 4px;color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.side-nav__link{display:block;padding:10px 12px;border-radius:14px;color:#6e5c50;font-size:13px}.side-nav__link--active{background:#efe2d5;color:#2f241d;font-weight:600}.editorial-label{color:var(--text-muted);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.display-hero,.display-section{color:var(--text-primary);font-weight:650}.display-hero{margin:10px 0 0;font-size:40px;line-height:1.02}.display-section{margin:10px 0 0;font-size:28px;line-height:1.08}.lede,.body-copy,.option-card__body,.validation-note,.result-panel__stats,.boot-state{color:var(--text-secondary);font-size:15px;line-height:1.62}.lede{max-width:34ch;margin-top:12px}.surface-panel{border:1px solid var(--border-soft);border-radius:var(--radius-panel);background:var(--surface-primary);box-shadow:var(--shadow-panel)}.app-shell__support{display:flex;flex-direction:column;gap:12px;padding-top:62px}.support-panel{padding:16px;border:1px solid #e0cebe;border-radius:var(--radius-card);background:var(--surface-secondary)}.support-panel--muted{border-color:#e7d8ca;background:var(--surface-muted)}.gameplay-hint{margin:12px 0 0;color:var(--text-primary);font-weight:600}.status-legend{display:grid;gap:10px;margin-top:16px}.status-legend__item{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:14px}.status-legend__swatch{width:14px;height:14px;border:1px solid transparent;border-radius:999px;flex-shrink:0}.status-legend__swatch--correct{background:var(--board-correct)}.status-legend__swatch--present{background:var(--board-present)}.status-legend__swatch--absent{background:var(--board-absent)}.home-card,.gameplay-panel,.onboarding-panel,.result-panel{margin-top:20px;padding:24px 20px 28px}.gameplay-panel{margin-top:8px}.home-card__header,.onboarding-panel__meta,.result-panel__stats,.home-actions,.result-panel__actions,.onboarding-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-card__title{margin:4px 0 0;color:#231c18;font-size:28px;font-weight:650}.home-card__streak{color:var(--text-secondary);font-size:14px}.home-card__copy{max-width:38ch}.board-preview{display:grid;grid-template-columns:repeat(5,52px);gap:9px;margin:18px 0}.board-preview__tile,.tile{width:52px;height:52px;border-radius:var(--radius-tile);display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;text-transform:uppercase}.board-preview__tile{background:var(--board-empty)}.board-preview__tile--exact{background:var(--board-correct)}.board-preview__tile--present{background:var(--board-present)}.button-primary,.button-secondary,.option-card,.keyboard__key{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);transition:background-color .15s ease,border-color .15s ease}.button-primary,.button-secondary{padding:10px 14px;border:1px solid transparent}.button-primary{background:var(--action-primary);color:var(--action-primary-text)}.button-secondary{background:transparent;border-color:var(--border-mute);color:var(--text-primary)}.button-primary:disabled,.button-secondary:disabled{cursor:not-allowed;opacity:.58}.onboarding-options{display:grid;gap:12px;margin-top:18px}.option-card{width:100%;border:1px solid var(--border-soft);background:#fffaf5;padding:16px 18px;text-align:left;border-radius:var(--radius-card);flex-direction:column;align-items:flex-start;gap:4px}.option-card--selected{border-color:#9f846f;background:var(--surface-secondary)}.option-card__title{color:var(--text-primary);font-weight:600}.onboarding-actions{margin-top:18px}.wordle-board{display:grid;gap:8px;justify-content:flex-start}.wordle-board__row{display:grid;gap:8px}.tile{border:1px solid transparent;background:var(--board-empty);color:var(--text-primary)}.tile--correct{background:var(--board-correct);color:#fff8f2;animation:tile-reveal .45s ease both}.tile--present{background:var(--board-present);color:#fff8f2;animation:tile-reveal .45s ease both}.tile--absent{background:var(--board-absent);color:var(--text-secondary);animation:tile-reveal .45s ease both}@keyframes tile-reveal{0%{transform:rotateX(90deg);opacity:.35}to{transform:rotateX(0);opacity:1}}@media(prefers-reduced-motion:reduce){.tile--correct,.tile--present,.tile--absent{animation:none}}body.colorblind-mode .tile--correct:after,body.colorblind-mode .tile--present:after,body.colorblind-mode .tile--absent:after{position:absolute;font-size:10px;line-height:1;bottom:3px;right:4px;opacity:.95}body.colorblind-mode .tile--correct,body.colorblind-mode .tile--present,body.colorblind-mode .tile--absent{position:relative;background-image:repeating-linear-gradient(-45deg,transparent,transparent 3px,rgba(255,255,255,.18) 3px,rgba(255,255,255,.18) 6px)}body.colorblind-mode .tile--correct:after{content:"●"}body.colorblind-mode .tile--present:after{content:"△"}body.colorblind-mode .tile--absent:after{content:"✕";opacity:.7}.overview-tabs{display:flex;gap:8px;margin-bottom:18px}.overview-tabs__tab{border:1px solid var(--border-soft);background:transparent;color:var(--text-secondary);padding:8px 14px;border-radius:var(--radius-pill);cursor:pointer}.overview-tabs__tab--active{border-color:#9f846f;background:var(--surface-secondary);color:var(--text-primary);font-weight:600}.tile--draft,.tile--empty{background:var(--board-empty);border-color:var(--border-soft)}.tile--caret{border-color:var(--text-primary);box-shadow:inset 0 -3px 0 var(--text-primary);outline:2px solid color-mix(in srgb,var(--text-primary) 35%,transparent);outline-offset:1px}.keyboard{margin-top:18px;margin-bottom:12px;display:grid;gap:8px;padding-bottom:8px}.keyboard__row{display:flex;flex-wrap:wrap;gap:8px}.keyboard__row--special{justify-content:center}.keyboard__row--actions{justify-content:flex-end}.keyboard__key{min-width:42px;padding:10px 12px;border:1px solid var(--border-mute);background:#fffaf5}.keyboard__key--correct{background:var(--board-correct);border-color:var(--board-correct);color:#fff8f2}.keyboard__key--present{background:var(--board-present);border-color:var(--board-present);color:#fff8f2}.keyboard__key--absent{background:var(--board-absent);border-color:var(--board-absent);color:var(--text-secondary)}.keyboard__key--wide{min-width:132px}.keyboard__key--submit{background:var(--action-primary);border-color:var(--action-primary);color:var(--action-primary-text)}.validation-note{margin:16px 0 0;padding:10px 12px;border-radius:12px;background:#f6ede3;color:#7a4f3f}.validation-note--error{border:1px solid #d8b2a3}.result-panel__stats{margin:18px 0;justify-content:flex-start}.boot-state{padding:32px}.analytics-grid,.progress-grid,.settings-grid,.challenge-grid{display:grid;gap:16px;margin-top:20px}.analytics-grid,.progress-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-grid,.challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-card,.progress-section,.settings-section,.challenge-section,.analytics-support,.progress-summary,.settings-support,.challenge-support{padding:18px 20px}.insight-card__value,.progress-section__headline,.challenge-section__headline,.settings-section__headline,.progress-summary__level,.achievement-feed__title,.settings-toggle__title{margin:8px 0;color:var(--text-primary);font-size:22px;font-weight:650}.achievement-feed{display:grid;gap:12px}.achievement-feed__item{padding:14px;border:1px solid var(--border-soft);border-radius:var(--radius-card);background:#fffaf5}.achievement-feed__item--unlocked{background:var(--surface-secondary);border-color:#ccb49f}.mode-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.mode-chip{padding:6px 10px;border:1px solid var(--border-mute);border-radius:var(--radius-pill);color:var(--text-secondary);font-size:12px;text-transform:uppercase}.mode-chip--link{display:inline-flex;align-items:center;background:var(--surface-secondary);color:var(--text-primary);text-transform:none;font-size:13px}.mode-chip--link:hover{border-color:#9f846f}.result-panel__share{margin:12px 0 0;padding:12px 14px;border-radius:14px;background:var(--surface-muted);color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;line-height:1.45;white-space:pre-wrap}.insight-card__action{margin-top:14px}.validation-note--success{color:#4f6b45}.settings-toggle{display:flex;justify-content:space-between;gap:16px;align-items:center;padding-top:14px;margin-top:14px;border-top:1px solid var(--border-soft)}.provider-settings__group{display:grid;gap:14px;margin-top:16px}.provider-settings__label{display:grid;gap:6px;color:var(--text-secondary);font-size:13px}.provider-settings__field{width:100%;padding:10px 12px;border:1px solid var(--border-soft);border-radius:14px;background:var(--surface-muted);color:var(--text-primary);font:inherit}.provider-settings__status{margin-top:14px;color:var(--text-primary);font-size:14px;font-weight:650}.provider-settings__hint{margin:6px 0 0;color:var(--text-secondary);font-size:13px;line-height:1.5}.provider-settings__checkbox{display:flex;gap:10px;align-items:center;margin-top:12px;color:var(--text-secondary);font-size:13px}.provider-settings__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.provider-settings__feedback{margin-top:12px;font-size:13px}.provider-settings__feedback--success{color:#4b6f47}.provider-settings__feedback--error{color:#8d4f3f}.challenge-textarea,.challenge-seed-field{width:100%;margin-top:12px;padding:12px;border:1px solid var(--border-soft);border-radius:18px;background:#fffaf5;color:var(--text-primary);font:inherit}.challenge-textarea{min-height:160px;resize:vertical}.settings-select{width:100%;margin:8px 0 16px;padding:10px 12px;border:1px solid var(--border-soft);border-radius:14px;background:#fffaf5;color:var(--text-primary);font:inherit}.freeplay-controls{margin-top:20px;padding:16px 20px}.freeplay-controls__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.training-layout{display:grid;gap:16px}.training-section__copy{margin:8px 0 0}.duel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.duel-column--full,.challenge-section--full{grid-column:1 / -1}.result-panel__coach{margin-top:8px;color:var(--text-secondary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:1200px){.app-shell{grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto auto}.app-shell__support{grid-column:2;padding-top:0}.analytics-grid,.progress-grid,.settings-grid,.challenge-grid,.duel-grid{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.app-shell__support{grid-column:1}.side-nav{border-right:none;border-bottom:1px solid var(--border-mute);padding-bottom:16px}.side-nav__list{flex-direction:row;flex-wrap:wrap}}.party-invite{display:grid;gap:8px;margin-top:12px}.party-invite__line{display:grid;gap:4px;margin:0}.party-invite__label{font-size:.75rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary)}.party-invite__value{display:block;padding:8px 10px;border:1px solid var(--border-mute);border-radius:8px;background:color-mix(in srgb,var(--surface) 88%,var(--text-primary) 12%);font-size:.9rem;word-break:break-all;-webkit-user-select:all;user-select:all}.party-invite__value--code{font-size:1.25rem;font-weight:700;letter-spacing:.12em}.party-play-grid{align-items:start}.party-race-track__list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.party-race-card{display:grid;gap:8px;padding:12px;border:1px solid var(--border-mute);border-radius:12px;background:color-mix(in srgb,var(--surface) 92%,transparent)}.party-race-card--self{border-color:color-mix(in srgb,var(--accent, #3d7ea6) 45%,var(--border-mute))}.party-race-card--pulse{animation:party-race-pulse .7s ease-out}@keyframes party-race-pulse{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--accent, #3d7ea6) 0%,transparent)}40%{transform:scale(1.02);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent, #3d7ea6) 25%,transparent)}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}.party-race-card__head{display:flex;align-items:center;justify-content:space-between;gap:8px}.party-race-card__name{font-weight:600}.party-race-badge{font-size:.75rem;letter-spacing:.02em;padding:2px 8px;border-radius:999px;border:1px solid var(--border-mute);white-space:nowrap}.party-race-badge--playing{background:color-mix(in srgb,#c4a35a 22%,transparent)}.party-race-badge--done{background:color-mix(in srgb,#5a8f6b 28%,transparent)}.party-race-badge--left,.party-race-badge--forfeited{background:color-mix(in srgb,#a35a5a 28%,transparent)}.party-race-card__bar{height:8px;border-radius:999px;background:color-mix(in srgb,var(--text-primary) 12%,transparent);overflow:hidden}.party-race-card__bar-fill{height:100%;border-radius:inherit;background:color-mix(in srgb,var(--accent, #3d7ea6) 75%,#1f3a4d);transition:width .25s ease}.party-race-card__meta{display:flex;justify-content:space-between;gap:8px;font-size:.85rem;color:var(--text-secondary)}.party-end-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:24px;background:color-mix(in srgb,#0f1720 62%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.party-end-overlay__panel{width:min(440px,100%);display:grid;gap:16px}.party-end-overlay__title{margin:0;font-size:1.5rem}.party-end-overlay__winner{margin:0;font-weight:600}.party-end-overlay__ranking{margin:0;padding:0;list-style:none;display:grid;gap:8px}.party-end-overlay__ranking li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--border-mute)}.party-end-overlay__rank{color:var(--text-secondary)}.party-end-overlay__hint{margin:0;color:var(--text-secondary)}@media(max-width:1200px){.party-race-column{order:2}}