:root{--bg: #f7f7fb;--card: #ffffff;--text: #1f2233;--muted: #6b7192;--border: #e6e7f0;--accent: #6366f1;--accent-2: #ec4899;--danger: #ef4444;--tile: #fcefc7;--tile-border: #e0b64d;--tile-text: #3a2f10;--dl: #bfdbfe;--tl: #60a5fa;--dw: #fbcfe8;--tw: #f9a8d4;--radius: 12px;--shadow: 0 2px 8px rgba(30, 30, 60, .08)}@media (prefers-color-scheme: dark){:root{--bg: #14151f;--card: #1e2030;--text: #e8e9f3;--muted: #9aa0c0;--border: #2d3048;--tile: #f5e6b8;--dl: #1e3a5f;--tl: #2563eb;--dw: #6d283f;--tw: #9d3667}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}.wordmark{font-family:Georgia,Times New Roman,serif;font-weight:700;letter-spacing:-.02em;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;margin:0}.wordmark-sm{font-size:1.2rem}.btn{font:inherit;font-weight:600;border:1px solid var(--border);background:var(--card);color:var(--text);padding:.6rem 1rem;border-radius:var(--radius);cursor:pointer;transition:transform .08s ease,background .15s ease,opacity .15s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-danger{color:var(--danger);border-color:var(--danger)}.btn-ghost{background:transparent;border-color:transparent;color:var(--muted)}.btn-lg{padding:.85rem 1.4rem;font-size:1.05rem}.btn-sm{padding:.4rem .7rem;font-size:.85rem}.btn-block{width:100%}.app-page{max-width:620px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:10}.topbar-right{display:flex;align-items:center;gap:.5rem}.username-chip{font-size:.85rem;color:var(--muted)}.content{padding:1rem;display:flex;flex-direction:column;gap:1.25rem}.centered-page{min-height:100dvh;display:grid;place-items:center;padding:1rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.landing{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.15),transparent 60%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.12),transparent 55%);padding:1rem}.landing-card{text-align:center;max-width:380px}.landing-card .wordmark{font-size:3.5rem}.tagline{color:var(--muted);font-size:1.15rem;margin:.5rem 0 1.75rem}.invite-first-word{color:var(--muted);margin-bottom:1.5rem}.onboarding{max-width:380px;width:100%;text-align:center;display:flex;flex-direction:column;gap:1rem}.onboarding .wordmark{font-size:2.5rem}.field{text-align:left}.input{width:100%;font:inherit;padding:.75rem .9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--text)}.input:focus{outline:2px solid var(--accent);border-color:var(--accent)}.hint{font-size:.85rem;margin-top:.4rem;min-height:1.2em;color:var(--muted)}.hint-available{color:#16a34a}.hint-taken,.hint-invalid{color:var(--danger)}.section-title{font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .6rem}.section-title.accent{color:var(--accent)}.game-cards{display:flex;flex-direction:column;gap:.6rem}.game-card{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--text);box-shadow:var(--shadow);transition:transform .1s}.game-card:active{transform:scale(.99)}.game-card-accent{border-color:var(--accent)}.game-card-main{display:flex;flex-direction:column;gap:.15rem}.opponent{font-weight:600}.score-line{color:var(--muted);font-variant-numeric:tabular-nums}.badge{font-size:.8rem;padding:.25rem .6rem;border-radius:999px;background:var(--border);color:var(--muted);white-space:nowrap}.badge-accent{background:var(--accent);color:#fff}.badge-win{background:#16a34a;color:#fff}.badge-loss{background:var(--border);color:var(--muted)}.empty-state{text-align:center;color:var(--muted);padding:2rem 0}.board-wrap{padding:.5rem 1rem;display:flex;justify-content:center}.board{display:grid;grid-template-columns:repeat(15,1fr);gap:2px;width:100%;max-width:540px;aspect-ratio:1;background:var(--border);border:2px solid var(--border);border-radius:8px;padding:2px}.cell{position:relative;aspect-ratio:1;border:none;border-radius:3px;background:var(--card);display:grid;place-items:center;padding:0;cursor:default;overflow:visible}.cell-dl{background:var(--dl)}.cell-tl{background:var(--tl)}.cell-dw{background:var(--dw)}.cell-tw{background:var(--tw)}.cell-center{background:var(--dw)}.cell-premium{font-size:clamp(6px,1.4vw,10px);font-weight:700;color:var(--text);opacity:.65;pointer-events:none}.cell-last{box-shadow:inset 0 0 0 2px var(--accent)}.tile{position:relative;width:100%;height:100%;min-width:32px;min-height:32px;aspect-ratio:1;border:1px solid var(--tile-border);background:linear-gradient(180deg,#fdf3d0,var(--tile));border-radius:5px;color:var(--tile-text);display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 2px #0003;padding:0}.tile:disabled{cursor:default}.tile-small{box-shadow:0 1px 1px #0000002e;border-radius:3px}.tile-letter{font-weight:700;font-size:clamp(12px,3.2vw,22px);line-height:1}.tile-value{position:absolute;right:2px;bottom:1px;font-size:clamp(6px,1.4vw,10px);font-weight:600;opacity:.75}.tile-pending{box-shadow:0 0 0 2px var(--accent),0 2px 6px #6366f166}.tile-selected{box-shadow:0 0 0 3px var(--accent);transform:translateY(-3px)}.tile-blank{background:linear-gradient(180deg,#fff,#f0f0f5)}.game-screen{gap:.25rem}.rack-area{padding:.5rem 1rem 0}.rack{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;max-width:400px;margin:0 auto;padding:.5rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.rack-slot{aspect-ratio:1}.rack-slot-empty{border:2px dashed var(--border);border-radius:5px}.rack-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.provisional{font-weight:700;color:var(--accent);font-size:1.1rem}.scorebar{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;gap:.5rem}.scorebar-player{display:flex;flex-direction:column;padding:.4rem .8rem;border-radius:var(--radius);flex:1;border:1px solid transparent}.scorebar-player.active{border-color:var(--accent);background:#6366f114}.scorebar-player:last-child{align-items:flex-end}.player-name{font-size:.8rem;color:var(--muted)}.player-score{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.scorebar-mid{text-align:center}.tiles-left{font-size:.75rem;color:var(--muted);white-space:nowrap}.game-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;padding:.75rem 1rem}.game-actions .btn{flex:1;min-width:80px}.game-actions .btn-primary{flex:2}.hint-text{text-align:center;color:var(--muted);font-size:.9rem;margin:0 0 1rem}.share-panel{padding:1rem}.challenge-form{display:flex;gap:.5rem;margin:.75rem 0}.challenge-form .input{flex:1}.or-divider{text-align:center;color:var(--muted);margin:1rem 0;font-size:.85rem}.invite-url{font-size:.8rem;color:var(--muted);word-break:break-all;margin-top:.5rem}.error-inline{color:var(--danger);font-size:.85rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f1e80;display:grid;place-items:center;padding:1rem;z-index:100}.modal{background:var(--card);border-radius:var(--radius);padding:1.5rem;max-width:380px;width:100%;box-shadow:0 10px 40px #0000004d}.modal h3{margin-top:0}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1rem}.letter-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.4rem;margin:1rem 0}.letter-btn{padding:.6rem 0;font-weight:700}.swap-rack{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:1rem 0}.summary{gap:1rem}.result-banner{text-align:center;padding:1.5rem;border-radius:var(--radius);color:#fff;background:linear-gradient(120deg,var(--accent),var(--accent-2))}.result-loss{background:linear-gradient(120deg,#64748b,#475569)}.result-draw{background:linear-gradient(120deg,#0891b2,#0e7490)}.result-banner h1{margin:0 0 .25rem}.result-banner p{margin:0;opacity:.9}.final-scores{display:flex;align-items:center;justify-content:space-around;gap:1rem}.score-col{display:flex;flex-direction:column;align-items:center;text-align:center}.score-col-label{font-size:.85rem;color:var(--muted)}.score-col-final{font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums}.score-col-adj{font-size:.75rem;color:var(--danger)}.vs{color:var(--muted)}.chart{width:100%}.stats-grid{display:grid;gap:1rem}.stat-card h4{margin:0 0 .75rem}.stat-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.stat{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:var(--bg);border-radius:8px}.stat-value{font-size:1.4rem;font-weight:700}.stat-label{font-size:.7rem;color:var(--muted);text-align:center}.best-word{margin:.75rem 0 0;font-size:.9rem;color:var(--muted)}.checkbox-row{display:flex;gap:.75rem;align-items:flex-start;margin:1rem 0;cursor:pointer}.checkbox-row input{margin-top:.2rem;width:1.2rem;height:1.2rem;accent-color:var(--accent)}.checkbox-row small{display:block;color:var(--muted);margin-top:.2rem}.muted{color:var(--muted);font-size:.9rem}.error-banner{background:#ef44441f;color:var(--danger);padding:.75rem 1rem;border-radius:var(--radius);margin:0 1rem 1rem;text-align:center;font-size:.9rem}.spinner-full{min-height:100dvh;display:grid;place-items:center}.spinner{display:flex;gap:6px;justify-content:center;padding:1.5rem}.spinner-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:bounce .6s infinite alternate}.spinner-dot:nth-child(2){animation-delay:.2s}.spinner-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{to{transform:translateY(-8px);opacity:.4}}