@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@600;700&family=Manrope:wght@400;500;700;800&display=swap";:root{color-scheme:dark;--bg: #0a0d14;--bg-top: #18131b;--surface: rgba(16, 20, 31, .86);--surface-2: rgba(24, 29, 43, .92);--surface-3: #33405d;--line: rgba(255, 255, 255, .1);--line-strong: rgba(255, 255, 255, .16);--text: #f3efe7;--muted: #b7b0a3;--accent: #ff8a3d;--accent-soft: #ffd067;--green: #69c47d;--yellow: #efc55d;--absent: #222938;--unused-key: #3b4868;--unused-key-border: rgba(149, 169, 214, .18);--absent-key: #242c3d;--shadow: 0 22px 60px rgba(0, 0, 0, .34);--radius: 24px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at top left,rgba(255,138,61,.18),transparent 23%),radial-gradient(circle at top right,rgba(255,208,103,.12),transparent 18%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg) 34%,#07090f 100%);color:var(--text);font-family:Manrope,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.shell{width:min(1440px,calc(100% - 28px));margin:0 auto;padding:18px 0 28px}.toast{position:fixed;top:18px;left:50%;transform:translate(-50%) translateY(-12px);padding:12px 18px;border-radius:999px;background:#090c13f0;border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:.18s ease;z-index:50}.toast.visible{opacity:1;transform:translate(-50%) translateY(0)}.eyebrow,.section-tag,.account-label,.dist-title{margin:0 0 10px;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:var(--accent-soft)}.navbar,.game-panel,.sidebar,.sidebar-card,.auth-modal{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navbar{position:sticky;top:12px;z-index:10;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:18px;align-items:center;padding:16px 18px;border-radius:22px;margin-bottom:18px}.nav-brand h1,.game-panel h2,.sidebar-head h2,.sidebar-card h3,.result-banner h3,.auth-modal h2{margin:0;font-family:Cormorant Garamond,serif;font-weight:700;letter-spacing:-.03em}.nav-brand h1{font-size:clamp(2.7rem,4vw,4.4rem);line-height:.88}.nav-center{display:grid;gap:12px;min-width:0}.nav-switch{margin:0}.mode-switch,.nav-actions,.game-actions,.account-actions,.auth-tabs{display:flex;gap:10px;flex-wrap:wrap}.nav-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.metric,.stat-card{background:#ffffff0b;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:12px 14px}.metric span,.stat-card span{display:block;margin-bottom:8px;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.metric strong,.stat-card strong{font-size:1.6rem;line-height:1}.mode-pill,.ghost-button,.primary-button,.saved-user,.keycap,.close-button{border-radius:999px;border:1px solid transparent;transition:transform .14s ease,background .14s ease,border-color .14s ease,opacity .14s ease}.mode-pill,.ghost-button,.saved-user,.keycap{background:#ffffff0a;color:var(--text);border-color:var(--line)}.mode-pill,.ghost-button,.primary-button{padding:11px 16px}.mode-pill.active{background:linear-gradient(135deg,#f0d078,var(--accent));color:#15181f;border-color:transparent}.primary-button{background:linear-gradient(135deg,#ffd57b,var(--accent));color:#12161d;border:none;font-weight:800}.primary-button.full,.ghost-button.full{width:100%;display:flex;justify-content:center}.guest-button{margin-top:12px}.mode-pill:hover,.ghost-button:hover,.primary-button:hover,.saved-user:hover,.keycap:hover,.close-button:hover{transform:translateY(-1px)}.primary-button:disabled,.keycap:disabled{opacity:.5;cursor:not-allowed;transform:none}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start;transition:grid-template-columns .22s ease}.shell.sidebar-collapsed .workspace{grid-template-columns:minmax(0,1fr) 0}.game-panel{min-width:0;padding:20px;border-radius:26px}.play-intro,.result-banner{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;border-radius:20px;background:var(--surface-2);border:1px solid rgba(255,255,255,.08)}.game-panel h2{font-size:clamp(2rem,3vw,3rem)}.section-copy,.account-note,.account-subtitle,.account-meta,.muted-note,.toggle-row p,.history-item p,.empty-copy{color:var(--muted);line-height:1.65}.account-subtitle,.account-meta{margin:6px 0 0}.board-stage{margin:18px 0 14px;padding:24px 18px;border-radius:24px;background:radial-gradient(circle at top,rgba(255,138,61,.08),transparent 38%),#ffffff05;border:1px solid rgba(255,255,255,.06)}.board{display:grid;gap:10px;width:min(100%,560px);margin:0 auto}.tile{aspect-ratio:1 / 1;border-radius:18px;border:1px solid var(--line-strong);display:grid;place-items:center;background:#ffffff06;font-size:clamp(1.12rem,2vw,1.9rem);font-weight:800;letter-spacing:.06em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0a}.tile-filled{border-color:#ffffff47}.tile-correct,.tile-present,.tile-absent{animation:tile-rise .26s ease both}.tile-correct{background:#69c47df0;border-color:#69c47dd1;color:#101711}.tile-present{background:#efc55df2;border-color:#efc55dd1;color:#19150d}.tile-absent{background:var(--absent);border-color:var(--absent);color:#f3efe7e0}@keyframes tile-rise{0%{transform:rotateX(-75deg) translateY(-8px);opacity:0}to{transform:rotateX(0) translateY(0);opacity:1}}.keyboard-shell{padding:16px 0 8px}.keyboard{display:grid;gap:10px}.keyboard-row{display:flex;justify-content:center;gap:8px}.keycap{min-width:42px;height:54px;padding:0 10px;background:var(--unused-key);border-color:var(--unused-key-border)}.keycap.wide{min-width:84px}.keycap-correct{background:var(--green);color:#111711}.keycap-present{background:var(--yellow);color:#1a160d}.keycap-absent{background:var(--absent-key);border-color:#ffffff0f;color:#f3efe7b3}.sidebar{min-width:0;overflow:hidden;border-radius:26px;transition:opacity .18s ease,transform .18s ease}.shell.sidebar-collapsed .sidebar{opacity:0;transform:translate(16px);pointer-events:none}.sidebar-inner{width:380px;max-width:100%;display:grid;gap:16px;padding:18px}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-head h2{font-size:2rem}.sidebar-toggle{white-space:nowrap}.sidebar-card{border-radius:22px;padding:18px}.account-card{background:radial-gradient(circle at bottom right,rgba(255,138,61,.12),transparent 32%),var(--surface-2)}.field-grid,.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:7px}.field span{color:var(--muted);font-size:.84rem}.field input,.field select{width:100%;border-radius:16px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);padding:12px 14px}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0}.toggle-row input{width:22px;height:22px;accent-color:var(--accent)}.distribution{margin-top:16px}.dist-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:8px}.dist-bar{height:24px;border-radius:999px;background:#ffffff0d;overflow:hidden}.dist-fill{min-width:10%;height:100%;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;background:linear-gradient(135deg,#ffd57b,var(--accent));color:#15181f;font-weight:800}.history-list,.saved-users,.auth-form,.profile-form{display:grid;gap:12px}.history-item,.saved-user{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px}.history-item{border-radius:18px;border:1px solid var(--line);background:#ffffff08}.history-item p,.empty-copy{margin:4px 0 0}.history-badge{padding:7px 11px;border-radius:999px;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em}.history-badge.won{background:#69c47d29;color:#9fe0ab}.history-badge.lost{background:#ffffff14;color:#d7d2c5}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#080a0fd6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:none;align-items:center;justify-content:center;padding:20px;z-index:40}.auth-overlay.open{display:flex}.auth-modal{position:relative;width:min(560px,100%);border-radius:24px;padding:24px}.close-button{position:absolute;top:14px;right:14px;width:36px;height:36px;background:#ffffff0d;color:var(--text);border-color:var(--line)}.saved-user{width:100%;text-align:left}.saved-user-copy{display:grid;gap:4px;min-width:0}.saved-user span{color:var(--muted);font-size:.82rem;text-align:right}@media (max-width: 1120px){.navbar{grid-template-columns:1fr}.nav-actions{justify-content:space-between}.workspace,.shell.sidebar-collapsed .workspace{grid-template-columns:1fr}.sidebar{opacity:1;transform:none}.shell.sidebar-collapsed .sidebar{display:none}.sidebar-inner{width:100%}}@media (max-width: 760px){.shell{width:min(100% - 16px,100%);padding-top:10px}.navbar,.game-panel,.sidebar,.sidebar-card,.auth-modal{border-radius:20px}.navbar,.game-panel,.sidebar-inner,.auth-modal{padding:16px}.nav-metrics,.field-grid,.stat-grid{grid-template-columns:1fr}.play-intro,.result-banner,.toggle-row,.history-item,.saved-user{flex-direction:column;align-items:stretch}.keycap{min-width:30px;height:48px;padding:0 8px;font-size:.78rem}.keycap.wide{min-width:62px}.saved-user span{text-align:left}}