:root{--bg: #14161a;--fg: #e8eaed;--muted: #8a8f98;--accent: #5fb878;--accent-soft: #2f5d3a;--danger: #d96565;--slot-bg: #1d2128;--slot-border: #2a3038;--slot-active: #5fb878}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--fg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}.app{max-width:720px;margin:0 auto;padding:32px 16px env(safe-area-inset-bottom,16px);display:flex;flex-direction:column;align-items:center;gap:24px}header{text-align:center;width:100%}.account-bar{display:flex;justify-content:flex-end;align-items:center;gap:8px;font-size:.85rem;color:var(--muted);margin-bottom:4px;min-height:28px;flex-wrap:wrap}.account-email{color:var(--fg);font-variant-numeric:tabular-nums}.account-name{color:var(--fg);font-weight:500}.account-name-edit{display:flex;align-items:center;gap:4px}.account-name-edit input{background:var(--slot-bg);color:var(--fg);border:1px solid var(--slot-border);border-radius:4px;padding:4px 8px;font:inherit;width:160px}.account-name-edit input:focus{outline:none;border-color:var(--accent)}.account-link{background:transparent;border:none;color:var(--accent);font:inherit;cursor:pointer;padding:4px 8px;border-radius:4px;touch-action:manipulation}.account-link:hover:not(:disabled){background:#5fb8781a}.account-link:disabled{opacity:.5;cursor:not-allowed}.account-prompt input{background:var(--slot-bg);color:var(--fg);border:1px solid var(--slot-border);border-radius:4px;padding:6px 10px;font:inherit;min-width:200px}.account-prompt input:focus{outline:none;border-color:var(--accent)}.account-cancel{color:var(--muted);font-size:1.1rem;line-height:1;padding:4px 6px}.account-error{color:var(--danger);font-size:.8rem;margin:0;flex-basis:100%;text-align:right}.account-signin{flex-direction:column;align-items:stretch;gap:10px;max-width:320px;margin-left:auto}.account-oauth{display:flex;flex-direction:column;gap:6px}.account-oauth-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:6px;font:inherit;font-weight:500;cursor:pointer;border:1px solid var(--slot-border);background:var(--slot-bg);color:var(--fg);touch-action:manipulation}.account-oauth-btn:hover:not(:disabled){border-color:var(--accent)}.account-oauth-btn:disabled{opacity:.5;cursor:not-allowed}.account-divider{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.account-divider:before,.account-divider:after{content:"";flex:1;height:1px;background:var(--slot-border)}.account-email-row{display:flex;align-items:center;gap:6px}.account-email-row input{flex:1;min-width:0;background:var(--slot-bg);color:var(--fg);border:1px solid var(--slot-border);border-radius:4px;padding:6px 10px;font:inherit}.account-email-row input:focus{outline:none;border-color:var(--accent)}h1{font-size:clamp(1.75rem,6vw,2.5rem);margin:0;letter-spacing:.04em}.tagline{color:var(--muted);margin:8px 0 0;text-align:center;font-size:clamp(.85rem,3.2vw,1rem)}.mode-tabs{margin-top:16px;display:flex;gap:4px;justify-content:center}.mode-tab{background:var(--slot-bg);color:var(--muted);border:1px solid var(--slot-border);padding:8px 18px;border-radius:6px;font-family:inherit;font-size:.9rem;cursor:pointer;transition:color .1s ease,border-color .1s ease,background .1s ease;touch-action:manipulation;min-height:40px}.mode-tab:hover{color:var(--fg)}.mode-tab.active{color:var(--fg);border-color:var(--slot-active);background:var(--accent-soft)}.hud{display:flex;gap:clamp(12px,4vw,32px);justify-content:center;width:100%;flex-wrap:wrap}.hud-item{display:flex;flex-direction:column;align-items:center;min-width:60px}.hud-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.hud-value{font-size:clamp(1.1rem,4vw,1.4rem);font-variant-numeric:tabular-nums;font-weight:600}.hud-value.depleted{color:var(--danger)}.slots{display:flex;gap:clamp(4px,1.5vw,12px);justify-content:center;width:100%;max-width:640px}.tile-rack{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;width:100%;max-width:640px;padding:12px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:12px}.tile-rack-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.rack-tile{position:relative;display:inline-flex;align-items:center;justify-content:center;width:48px;height:56px;background:var(--bg);color:var(--fg);border:1px solid var(--slot-border);border-radius:6px;font-family:inherit;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .1s ease,border-color .1s ease,transform 80ms ease,opacity .1s ease}.rack-tile:hover:not(.disabled){border-color:var(--accent);background:var(--accent-soft)}.rack-tile:active:not(.disabled){cursor:grabbing;transform:translateY(1px)}.rack-tile.disabled{opacity:.4;cursor:not-allowed}.rack-tile.dragging{opacity:.3}.rack-tile.spinning .rack-tile-letter{color:var(--muted);opacity:.85}.rack-tile-letter{font-size:1.5rem;font-weight:700;letter-spacing:.05em}.rack-tile-value{position:absolute;top:3px;right:5px;font-size:.65rem;color:var(--muted);font-variant-numeric:tabular-nums}.tile-rack-chip .tile-letter{font-size:1.5rem;font-weight:700;letter-spacing:.05em}.tile-rack-chip .tile-value{position:absolute;top:3px;right:5px;font-size:.65rem;color:var(--muted);font-variant-numeric:tabular-nums}.tile-rack-empty{color:var(--muted);font-size:.85rem;margin:0}.slot{position:relative;flex:1 1 0;max-width:80px;min-width:0;aspect-ratio:5 / 6;display:flex;align-items:center;justify-content:center;background:var(--slot-bg);border:2px solid var(--slot-border);border-radius:8px;transition:border-color 80ms ease,transform 80ms ease,background 80ms ease;touch-action:manipulation}.slot.tappable{cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.slot.dragging{opacity:.3;background:var(--bg)}.slot.drop-target{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 4px #5fb8784d}.drag-ghost{position:fixed;pointer-events:none;transform:translate(-50%,-50%);z-index:1000;transition:none}.drag-ghost-slot{width:80px;height:96px;box-shadow:0 12px 24px #00000080;transform:scale(1.05);border-color:var(--accent)}.slot.active{border-color:var(--slot-active);transform:translateY(-4px);box-shadow:0 0 0 4px #5fb87826}.slot.spinning .slot-letter{color:var(--muted);opacity:.85}.slot.valid{border-color:var(--accent);background:var(--accent-soft)}.slot.valid.active{box-shadow:0 0 0 4px #5fb87840}.slot-letter{font-size:clamp(1.6rem,7vw,2.5rem);font-weight:700;letter-spacing:.05em}.slot.filled .slot-letter{color:var(--fg)}.slot:not(.filled) .slot-letter{color:var(--muted)}.slot-value{position:absolute;top:4px;right:6px;font-size:clamp(.6rem,2.2vw,.75rem);color:var(--muted);font-variant-numeric:tabular-nums}.action-bar,.action-bar-secondary{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;width:100%;max-width:640px}.action-bar-secondary{gap:6px}.action-bar-primary{display:flex;justify-content:center;width:100%;max-width:640px}.action-btn{background:var(--slot-bg);color:var(--fg);border:1px solid var(--slot-border);border-radius:8px;padding:10px 16px;font-family:inherit;font-size:.95rem;font-weight:500;cursor:pointer;transition:background .1s ease,border-color .1s ease,opacity .1s ease;min-height:44px;touch-action:manipulation;display:inline-flex;align-items:center;gap:4px}.action-btn:hover:not(:disabled){border-color:var(--muted)}.action-btn:active:not(:disabled){transform:translateY(1px)}.action-btn:disabled{opacity:.35;cursor:not-allowed}.action-btn .cost{color:var(--muted);font-size:.85em;font-variant-numeric:tabular-nums}.action-btn.primary{background:var(--accent-soft);border-color:var(--accent);color:var(--fg)}.action-btn.primary:hover:not(:disabled){background:var(--accent);color:var(--bg)}.action-btn.primary.glow{box-shadow:0 0 0 3px #5fb87840;animation:subtle-pulse 1.6s ease-in-out infinite}@keyframes subtle-pulse{0%,to{box-shadow:0 0 0 3px #5fb87833}50%{box-shadow:0 0 0 6px #5fb87859}}.action-btn.ghost{background:transparent;color:var(--muted)}.action-btn.ghost:hover:not(:disabled){color:var(--fg)}.action-btn.big{font-size:1.1rem;padding:14px 32px;min-height:52px}.action-btn.small{font-size:.85rem;padding:8px 12px;min-height:40px}.action-btn.huge{font-size:1.25rem;padding:16px 24px;min-height:56px;width:100%;max-width:420px;justify-content:center;font-weight:600;letter-spacing:.02em}.status{min-height:60px;text-align:center;color:var(--muted);width:100%}.controls,.key-hint{font-size:.9rem;margin:8px 0}.valid-hint{color:var(--accent);margin-top:8px}.reorder-hint{color:#d4a85f;margin-top:8px}.hint-blurb{color:var(--muted);margin:2px 0 0;font-size:.78rem;opacity:.7}.hint-list{color:var(--muted);margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(.8rem,3vw,.95rem);letter-spacing:.05em;word-break:break-word}.invalid{color:var(--danger);margin-top:8px}kbd{background:#262b33;border:1px solid #353b44;border-bottom-width:2px;border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;color:var(--fg)}.lookup-link{color:inherit;opacity:.55;text-decoration:none;border-bottom:1px dotted currentColor;transition:opacity .12s ease;font-size:.85em;margin-left:4px}.lookup-link:hover{opacity:1}.lookup-link-inline{border-bottom:none;font-size:.6em;vertical-align:super}.result{background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:12px;padding:20px 24px;display:inline-block;text-align:center;max-width:100%}.result-word{font-size:clamp(1.5rem,6vw,2rem);font-weight:700;letter-spacing:.1em;color:var(--accent);margin-bottom:16px;word-break:break-word}.result-table{margin:0 auto;border-collapse:collapse;color:var(--fg)}.result-table td{padding:4px 16px;text-align:left;font-variant-numeric:tabular-nums}.result-table td:last-child{text-align:right;font-weight:600}.result-total td{border-top:1px solid var(--slot-border);padding-top:8px;font-size:1.2rem}.new-best{color:var(--accent);font-weight:600;margin:12px 0}.result .action-btn{margin-top:12px}.result-word.conceded{color:var(--muted)}.conceded-blurb{margin:-8px 0 16px;color:var(--muted);font-size:.9rem}.groups-panel{margin-top:24px;padding:16px 20px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:12px;width:100%;max-width:440px;text-align:left}.groups-panel h3{margin:0 0 12px;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;text-align:center}.groups-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.group-card{padding:10px 12px;background:#ffffff08;border-radius:8px;border:1px solid var(--slot-border)}.group-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.group-code{background:var(--accent-soft);border:1px solid var(--accent);color:var(--fg);border-radius:4px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:.9rem;letter-spacing:.1em;cursor:pointer;touch-action:manipulation}.group-code:hover{background:var(--accent);color:var(--bg)}.group-meta{color:var(--muted);font-size:.8rem;flex:1}.group-leave{background:transparent;border:none;color:var(--muted);font-size:1.2rem;cursor:pointer;padding:0 6px;line-height:1;touch-action:manipulation}.group-leave:hover{color:var(--danger)}.group-empty,.groups-empty{color:var(--muted);font-size:.85rem;text-align:center;margin:8px 0 0}.groups-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.groups-join{display:flex;gap:6px;flex:1 1 0;min-width:0}.groups-join input{flex:1 1 0;min-width:0;background:var(--bg);color:var(--fg);border:1px solid var(--slot-border);border-radius:6px;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;letter-spacing:.1em;text-transform:uppercase}.groups-join input:focus{outline:none;border-color:var(--accent)}.groups-error{color:var(--danger);font-size:.85rem;margin:8px 0 0;text-align:center}.streak-badge{margin:12px 0 0;color:#d4a85f;font-weight:600;font-size:.95rem}.result-reminder{margin-top:12px}.reminder-blurb{margin-top:12px;color:var(--muted);font-size:.85rem}.stats-panel{margin-top:24px;padding:16px 20px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:12px;width:100%;max-width:440px;text-align:left}.stats-panel h3{margin:0 0 12px;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.stat{display:flex;flex-direction:column;align-items:center;padding:8px 4px;border-radius:6px;background:#ffffff05}.stat-value{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--fg);line-height:1.1}.stat-label{margin-top:2px;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}@media (max-width: 480px){.stats-grid{grid-template-columns:repeat(5,1fr);gap:4px}.stat{padding:6px 2px}.stat-value{font-size:1.1rem}}.leaderboard{margin-top:24px;padding:16px 20px;background:var(--slot-bg);border:1px solid var(--slot-border);border-radius:12px;width:100%;max-width:440px;text-align:left}.leaderboard h3{margin:0 0 12px;font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:600;text-align:center}.leaderboard-list{list-style:none;padding:0;margin:0}.leaderboard-row,.leaderboard-me{display:grid;grid-template-columns:44px 1fr auto 56px;align-items:center;gap:8px;padding:6px 4px;font-variant-numeric:tabular-nums;border-bottom:1px solid rgba(255,255,255,.04)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row .rank,.leaderboard-me .rank{color:var(--muted);font-size:.85rem}.leaderboard-row .who,.leaderboard-me .who{color:var(--fg)}.leaderboard-row .word{color:var(--muted);font-size:.8rem;letter-spacing:.1em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.leaderboard-row .score,.leaderboard-me .score{text-align:right;font-weight:600;color:var(--fg)}.leaderboard-row.me{background:var(--accent-soft);border-radius:6px;border-bottom-color:transparent}.leaderboard-me{margin-top:8px;background:var(--accent-soft);border-radius:6px;border-bottom:none;grid-template-columns:44px 1fr 56px}.leaderboard-meta{margin:12px 0 0;text-align:center;color:var(--muted);font-size:.8rem}.leaderboard-empty{color:var(--muted);text-align:center;margin:8px 0 0}@media (max-width: 640px){.key-hint{display:none}}