*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-base: #000000;--bg-surface: #0d0d0d;--bg-surface-muted: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #8a8a8a;--accent: #cc7a00;--accent-hover: #e08a00;--error: #ff4d4d;--border-default: rgba(255, 255, 255, .06);--border-visible: rgba(255, 255, 255, .12);--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Consolas", monospace;--text-xs: .625rem;--text-sm: .75rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.5rem;--text-4xl: 3.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-14: 56px;--safe-gap: 16px;--radius-full: 9999px;--radius-lg: 12px;--radius-md: 8px;--radius-sm: 6px;--shadow-tile: 0 1px 3px rgba(0, 0, 0, .3);--shadow-tile-hover: 0 3px 8px rgba(0, 0, 0, .4);--shadow-tile-selected: 0 4px 12px rgba(204, 122, 0, .3);--shadow-board: 0 4px 24px rgba(0, 0, 0, .5);--shadow-dialog: 0 16px 48px rgba(0, 0, 0, .5);--board-bg: #1a1a1a;--board-frame-bg: #ffffff;--board-border: rgba(255, 255, 255, .08);--cell-border: rgba(255, 255, 255, .68);--cell-bg: #1f1f1f;--dl-color: #edb860;--tl-color: #d99c2e;--dw-color: #cc7a00;--tw-color: #733d00;--tile-bg-start: #fcf3e0;--tile-bg-end: #f0e2c8;--tile-border: #8b7355;--tile-border-light: #c4a880;--tile-border-dark: #5a4a30;--tile-text: #1a1a1a;--tile-points: #7a6748;--rack-bg: #141414;--rack-border: rgba(255, 255, 255, .08);--valid-color: #3a9a4d;--valid-bg: rgba(58, 154, 77, .12);--invalid-color: #ff4d4d;--invalid-bg: rgba(255, 77, 77, .1);--text-tertiary: var(--text-muted);--bg-card-secondary: var(--bg-surface-muted)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--bg-base: #ffffff;--bg-surface: #f5f5f5;--bg-surface-muted: #ebebeb;--text-primary: #000000;--text-secondary: #4a4a4a;--accent-hover: #b86e00;--error: #d32f2f;--border-default: rgba(0, 0, 0, .06);--border-visible: rgba(0, 0, 0, .1);--shadow-tile: 0 1px 2px rgba(0, 0, 0, .1);--shadow-tile-hover: 0 2px 6px rgba(0, 0, 0, .15);--shadow-tile-selected: 0 4px 12px rgba(204, 122, 0, .2);--shadow-board: 0 2px 12px rgba(0, 0, 0, .12);--shadow-dialog: 0 8px 32px rgba(0, 0, 0, .15);--board-bg: #e8dfce;--board-frame-bg: #000000;--board-border: rgba(0, 0, 0, .12);--cell-border: rgba(0, 0, 0, .68);--cell-bg: #f2ebdb;--rack-bg: #dbceb8;--rack-border: rgba(0, 0, 0, .1);--tile-border: #5a4a30;--tile-border-light: #8a7050;--tile-border-dark: #3a2e1e}}[data-theme=light]{--bg-base: #ffffff;--bg-surface: #f5f5f5;--bg-surface-muted: #ebebeb;--text-primary: #000000;--text-secondary: #4a4a4a;--text-muted: #8a8a8a;--accent-hover: #b86e00;--error: #d32f2f;--border-default: rgba(0, 0, 0, .06);--border-visible: rgba(0, 0, 0, .1);--shadow-tile: 0 1px 2px rgba(0, 0, 0, .1);--shadow-tile-hover: 0 2px 6px rgba(0, 0, 0, .15);--shadow-tile-selected: 0 4px 12px rgba(204, 122, 0, .2);--shadow-board: 0 2px 12px rgba(0, 0, 0, .12);--shadow-dialog: 0 8px 32px rgba(0, 0, 0, .15);--board-bg: #e8dfce;--board-frame-bg: #000000;--board-border: rgba(0, 0, 0, .12);--cell-border: rgba(0, 0, 0, .68);--cell-bg: #f2ebdb;--rack-bg: #dbceb8;--rack-border: rgba(0, 0, 0, .1);--tile-border: #5a4a30;--tile-border-light: #8a7050;--tile-border-dark: #3a2e1e}html{font-size:16px;-webkit-text-size-adjust:100%;height:100%}body{background:var(--bg-base);color:var(--text-primary);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.4;margin:0;padding:0 var(--safe-gap);min-height:100dvh;overflow-x:hidden;overflow-y:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;display:flex;flex-direction:column;align-items:center;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;max-width:720px;display:flex;flex-direction:column;align-items:center;margin:0 auto;padding:0}.theme-toggle{position:fixed;top:0;right:0;z-index:300;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--text-muted);font-size:1.15rem;transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent;border-radius:0 0 0 var(--radius-lg)}.theme-toggle:hover{color:var(--text-primary);background:var(--bg-surface)}.theme-toggle:active{opacity:.6}.brand-lockup{display:inline-flex;align-items:center;gap:6px;text-decoration:none}.brand-icon-wrap{position:relative;width:28px;height:28px;flex-shrink:0}@media(min-width:640px){.brand-icon-wrap{width:32px;height:32px}}.brand-icon-light,.brand-icon-dark{position:absolute;top:0;left:0;width:28px;height:28px;border-radius:8px;transition:opacity .3s ease}@media(min-width:640px){.brand-icon-light,.brand-icon-dark{width:32px;height:32px}}.brand-icon-light{opacity:1}.brand-icon-dark,[data-theme=dark] .brand-icon-light{opacity:0}[data-theme=dark] .brand-icon-dark{opacity:1}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-open{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.5;color:var(--text-muted, #888)}.brand-product{font-size:14px;font-weight:500;margin-top:-2px;color:var(--text-primary, #fff)}.brand-product:hover{color:var(--accent, #cc7a00)}@media(min-width:640px){.brand-product{font-size:15px}}.home-page{display:flex;flex-direction:column;align-items:center;gap:var(--space-8);padding:var(--space-14) var(--space-4) var(--space-10);min-height:90dvh;position:relative;width:100%;max-width:440px}.home-title-section{text-align:center;padding:var(--space-10) 0 var(--space-4)}.home-logo{margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:center}.home-logo img{display:block}.home-title{font-size:var(--text-4xl);font-weight:var(--font-black);color:var(--text-primary);line-height:1.1;letter-spacing:-.03em}.home-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:var(--space-2);font-weight:var(--font-medium);max-width:280px;margin-left:auto;margin-right:auto}.home-actions{display:flex;flex-direction:column;width:100%;max-width:300px;gap:var(--space-3)}.home-btn{width:100%;text-align:center}.home-btn-start{font-size:var(--text-md);font-weight:var(--font-bold);padding:18px var(--space-6)!important}.home-settings-panel{width:100%;padding:var(--space-5);background:var(--bg-surface);border-radius:var(--radius-lg)}.home-settings-heading{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.06em}.settings-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.settings-row:last-of-type{margin-bottom:0}.settings-row-label{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-muted);width:28px;text-align:right;flex-shrink:0}.settings-input{flex:1;padding:12px 16px;border:1px solid var(--border-visible);border-radius:var(--radius-full);font-size:var(--text-base);font-family:inherit;background:var(--bg-surface-muted);color:var(--text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.settings-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #cc7a0026}.home-section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:14px 20px;font-size:var(--text-base);background:var(--bg-surface);border:1px solid var(--border-visible);border-radius:var(--radius-full);font-weight:var(--font-semibold);font-family:inherit;color:var(--text-primary);cursor:pointer;transition:background .15s,border-radius .15s;-webkit-tap-highlight-color:transparent}.home-section-toggle.open{border-radius:var(--radius-full) var(--radius-full) 0 0;border-bottom-color:transparent}.home-section-toggle:hover{background:var(--bg-surface-muted)}.home-section-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toggle-arrow{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .25s ease;font-size:.75rem;color:var(--text-muted);flex-shrink:0}.toggle-arrow.open{transform:rotate(180deg)}.home-section-content{width:100%;background:var(--bg-surface);overflow:hidden;max-height:0;transition:max-height .3s ease,padding .3s ease;border:1px solid var(--border-visible);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.home-section-content.open{max-height:600px}.home-section-content>.rules-grid{padding:var(--space-5)}.rules-grid{display:flex;flex-direction:column;gap:var(--space-4)}.rules-item{display:flex;gap:var(--space-3);align-items:flex-start}.rules-icon{font-size:1.3rem;width:32px;text-align:center;flex-shrink:0;padding-top:2px}.rules-text{display:flex;flex-direction:column}.rules-text strong{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary)}.rules-text span{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4}.home-footer{margin-top:auto;font-size:var(--text-xs);color:var(--text-muted);padding-top:var(--space-8);text-align:center}.home-footer a{color:var(--accent);text-decoration:none}.home-footer a:hover{text-decoration:underline}.game-container{display:flex;flex-direction:column;gap:var(--space-2);align-items:center;width:100%}.game-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-3) 0}.game-header-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.02em;cursor:pointer;transition:opacity .15s;-webkit-tap-highlight-color:transparent}.game-header-title:hover{opacity:.7}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.turn-indicator{font-size:var(--text-xs);color:var(--text-secondary);padding:4px 12px;background:var(--bg-surface);border-radius:var(--radius-full);white-space:nowrap;font-weight:var(--font-medium)}.score-display{display:flex;width:100%;gap:var(--space-2);align-items:stretch;border-top:1px solid var(--border-default);border-bottom:1px solid var(--border-default);padding:var(--space-2) 0}.player-score{flex:1;display:flex;align-items:center;gap:var(--space-2);padding:6px 12px;border-radius:var(--radius-full);transition:background .2s;min-width:0}.player-score.active{background:#cc7a001a}.player-name{font-size:var(--text-sm);font-weight:var(--font-semibold);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.player-score-value{font-size:var(--text-md);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;color:var(--text-primary)}.tiles-left{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;font-weight:var(--font-medium)}.bag-count{font-size:var(--text-xs);color:var(--text-muted);padding:6px 12px;background:var(--bg-surface);border-radius:var(--radius-full);white-space:nowrap;font-weight:var(--font-medium);display:flex;align-items:center}.board-container{display:flex;justify-content:center;width:100%;padding:6px;background:var(--board-frame-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-board);border:1px solid var(--board-frame-bg)}.board{display:grid;grid-template-columns:repeat(15,1fr);grid-template-rows:repeat(15,1fr);width:100%;aspect-ratio:1;border-radius:4px;overflow:hidden;background:var(--board-bg);touch-action:manipulation}.cell{display:flex;align-items:center;justify-content:center;font-size:clamp(.55rem,1.5vw,.8rem);font-weight:var(--font-bold);color:var(--text-primary);background:var(--cell-bg);border:.5px solid var(--cell-border);border-radius:3px;position:relative;cursor:pointer;transition:background .1s,box-shadow .1s,transform .15s;-webkit-tap-highlight-color:transparent;min-width:0;min-height:0}.cell.premium-tw{background:var(--tw-color);color:#fff;font-size:clamp(.45rem,1.2vw,.65rem);font-weight:var(--font-bold);text-shadow:0 1px 2px rgba(0,0,0,.3)}.cell.premium-dw{background:var(--dw-color);color:#fff;font-size:clamp(.45rem,1.2vw,.65rem);font-weight:var(--font-bold);text-shadow:0 1px 2px rgba(0,0,0,.3)}.cell.premium-tl{background:var(--tl-color);color:#fff;font-size:clamp(.45rem,1.2vw,.65rem);font-weight:var(--font-bold);text-shadow:0 1px 2px rgba(0,0,0,.3)}.cell.premium-dl{background:var(--dl-color);color:#fff;font-size:clamp(.45rem,1.2vw,.65rem);font-weight:var(--font-bold);text-shadow:0 1px 2px rgba(0,0,0,.3)}.cell.center-star{background:var(--dw-color);color:#fff;font-size:clamp(.6rem,1.6vw,.95rem);text-shadow:0 1px 2px rgba(0,0,0,.3)}.cell.has-tile{background:linear-gradient(145deg,var(--tile-bg-start),var(--tile-bg-end));border:1.5px solid var(--tile-border);border-top-color:var(--tile-border-light);border-left-color:var(--tile-border-light);border-bottom-color:var(--tile-border-dark);border-right-color:var(--tile-border-dark);font-size:clamp(.65rem,2vw,1rem);cursor:pointer;z-index:1;color:var(--tile-text)}.cell.has-tile .tile-points{position:absolute;bottom:1px;right:2px;font-size:clamp(.35rem,1vw,.6rem);font-weight:var(--font-bold);color:var(--tile-points);line-height:1;letter-spacing:0;pointer-events:none}.cell.has-tile .tile-premium{position:absolute;bottom:1px;left:2px;font-size:clamp(.3rem,.85vw,.5rem);font-weight:var(--font-bold);line-height:1;letter-spacing:0;pointer-events:none;opacity:.7}.cell.has-tile.premium-dl .tile-premium,.cell.has-tile.premium-tl .tile-premium,.cell.has-tile.premium-dw .tile-premium,.cell.has-tile.premium-tw .tile-premium{color:#fff}.cell.pending{z-index:3;transform:translateY(-3px);box-shadow:0 4px 12px #00000080,0 0 0 2px var(--accent);border-radius:5px;border-top-color:var(--tile-border-light);border-left-color:var(--tile-border-light);border-bottom-color:var(--tile-border-dark);border-right-color:var(--tile-border-dark)}.cell.pending-valid{box-shadow:0 4px 12px #00000080,0 0 0 2px var(--valid-color)}.cell.locked{cursor:default;z-index:2;box-shadow:inset 0 1px 2px #00000026,0 1px 2px #00000026}.cell.pending-invalid{box-shadow:0 4px 12px #00000080,0 0 0 2px var(--invalid-color)}.cell.selected{z-index:4;box-shadow:0 4px 12px #00000080,0 0 0 2px var(--accent);transform:translateY(-3px)}.tile-remove-btn{position:absolute;top:-5px;right:-5px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:var(--font-bold);color:#fff;background:var(--error);border-radius:var(--radius-full);line-height:1;cursor:pointer;z-index:4;pointer-events:auto;box-shadow:0 2px 6px #0000004d;transition:transform .1s}.tile-remove-btn:active{transform:scale(.85)}.preview-bar{width:100%;min-height:28px;display:flex;align-items:center;justify-content:center;padding:4px 12px;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all .2s;text-align:center;line-height:1.3}.preview-empty{color:var(--text-muted);font-weight:var(--font-normal);font-size:var(--text-xs);min-height:24px}.preview-valid{color:var(--valid-color)}.preview-word{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;text-decoration-color:var(--valid-color);transition:opacity .1s}.preview-word:active{opacity:.6}.preview-invalid{color:var(--invalid-color)}.rack-container{width:100%;padding-bottom:max(env(safe-area-inset-bottom,0px),4px)}.rack-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);width:100%}.rack-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);flex:1}.rack-clear-btn{padding:3px 10px!important;font-size:.6rem!important;font-weight:var(--font-semibold)!important;background:var(--bg-surface-muted)!important;border:1px solid var(--border-visible);color:var(--text-muted)!important;border-radius:var(--radius-full)!important;cursor:pointer;font-family:inherit;transition:border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.rack-clear-btn:hover{border-color:var(--accent);color:var(--accent)!important}.rack-bag-info{padding:3px 10px!important;font-size:.6rem!important;font-weight:var(--font-semibold)!important;background:var(--bg-surface-muted)!important;border:1px solid var(--border-visible);color:var(--text-muted)!important;border-radius:var(--radius-full)!important;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:4px;transition:border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.rack-bag-info:hover{border-color:var(--accent);color:var(--accent)!important}.bag-dot{font-size:.5rem;color:var(--accent)}.bag-view{overflow:hidden;max-height:0;transition:max-height .35s ease,padding .35s ease;width:100%;background:var(--bg-surface);border-radius:var(--radius-md);margin-top:var(--space-2)}.bag-view.open{max-height:500px;padding:var(--space-3) var(--space-4)}.bag-category-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-xs);color:var(--text-secondary);font-weight:var(--font-semibold)}.bag-cat{display:flex;align-items:center;gap:4px}.bag-cat-dot{font-size:.5rem}.bag-vowel{color:var(--accent)}.bag-consonant{color:var(--text-primary)}.bag-blank{color:var(--text-muted)}.bag-letter-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.bag-letter-cell{display:flex;flex-direction:column;align-items:center;padding:3px 0;font-size:.6rem;font-weight:var(--font-bold);color:var(--text-primary);border-radius:var(--radius-sm);background:var(--bg-surface-muted);line-height:1.2}.bag-letter-empty{opacity:.25}.bag-letter-count{font-size:.5rem;font-weight:var(--font-normal);color:var(--text-muted)}.tile-rack{display:flex;gap:var(--space-1);padding:var(--space-3);background:var(--rack-bg);border-radius:var(--radius-lg);border:1px solid var(--rack-border);width:100%;justify-content:center;box-shadow:var(--shadow-board)}.rack-slot{width:calc((100% - 24px) / 7);max-width:58px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-weight:var(--font-bold);font-size:clamp(.8rem,3.5vw,1.1rem);transition:transform .12s,box-shadow .12s,border-color .12s;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.rack-slot.has-tile{background:linear-gradient(145deg,var(--tile-bg-start),var(--tile-bg-end));border:1.5px solid var(--tile-border);box-shadow:var(--shadow-tile);color:var(--tile-text)}.rack-slot.has-tile .tile-points{position:absolute;bottom:1px;right:2px;font-size:clamp(.4rem,1.5vw,.6rem);font-weight:var(--font-bold);color:var(--tile-points);line-height:1;pointer-events:none}.rack-slot.is-selected{border-color:var(--accent);background:linear-gradient(145deg,#d4e8d4,#c8ddc8);transform:translateY(-10px);box-shadow:var(--shadow-tile-selected);z-index:3;color:var(--tile-text)}.rack-slot.selected{border-color:var(--accent);background:linear-gradient(145deg,#d4e8d4,#c8ddc8);transform:translateY(-6px);color:var(--tile-text)}.rack-slot.empty{border:1px dashed var(--rack-border);background:transparent}.rack-slot.on-board{border:1px dashed var(--border-visible);background:transparent;opacity:.4}.rack-slot.blank-tile:after{content:"";position:absolute;width:55%;height:2px;background:var(--tile-border);bottom:4px;border-radius:1px}.actions-bar{display:flex;flex-direction:column;gap:var(--space-2);width:100%;align-items:center;padding:var(--space-1) 0}.submit-wrapper{width:100%;display:flex;justify-content:center}.btn-submit{width:100%;padding:16px var(--space-6)!important;border-radius:var(--radius-lg)!important;background:var(--accent)!important;color:#fff;border:none;font-size:var(--text-md);cursor:pointer;transition:opacity .15s,transform .1s;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn-submit:active:not(:disabled){transform:scale(.98)}.btn-submit:hover:not(:disabled){opacity:.92}.btn-submit:disabled{opacity:.35;cursor:default}.submit-icon{font-size:1.1rem;font-weight:var(--font-bold)}.submit-label{font-weight:var(--font-bold);flex:1;text-align:center}.submit-score{font-size:var(--text-sm);font-weight:var(--font-bold);opacity:.9;font-variant-numeric:tabular-nums}.more-actions-container{width:100%;display:flex;flex-direction:column;gap:0}.btn-more-toggle{width:100%;padding:10px var(--space-4)!important;background:transparent;border:none;color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--font-semibold);font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;text-align:center;transition:color .15s}.btn-more-toggle:hover{color:var(--text-secondary)}.btn-more-toggle.open{color:var(--accent)}.more-actions-drawer{display:flex;flex-wrap:wrap;gap:var(--space-1);overflow:hidden;max-height:0;transition:max-height .3s ease,padding .3s ease;width:100%;justify-content:center}.more-actions-drawer.open{max-height:200px;padding:var(--space-2) 0}.btn-drawer{padding:8px 14px!important;background:var(--bg-surface)!important;border:1px solid var(--border-visible);color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);font-family:inherit;border-radius:var(--radius-full)!important;cursor:pointer;transition:border-color .15s,color .15s;-webkit-tap-highlight-color:transparent}.btn-drawer:hover:not(:disabled){border-color:var(--accent);color:var(--text-primary)}.btn-drawer:disabled{opacity:.3;cursor:default}.btn-drawer-danger{color:var(--error)!important;border-color:var(--error)!important}.btn-drawer-danger:hover:not(:disabled){background:#ff4d4d0f!important}.btn{padding:10px 20px;border:1px solid var(--border-visible);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;background:var(--bg-surface);color:var(--text-primary);transition:all .15s;font-family:inherit;min-height:40px;white-space:nowrap;line-height:1;-webkit-tap-highlight-color:transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--bg-surface-muted);border-color:var(--border-visible)}.btn-secondary:hover:not(:disabled),.btn:hover:not(:disabled):not(.btn-primary){background:var(--bg-surface)}.btn-danger-outline{background:transparent;border-color:var(--error);color:var(--error)}.btn-danger-outline:hover{background:#ff4d4d14}.btn-icon{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;min-height:auto}.game-over-banner{width:100%;text-align:center;padding:var(--space-6) 0;font-size:var(--text-xl);font-weight:var(--font-black);color:var(--text-primary)}.game-summary-stats{width:100%;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--bg-surface);border-radius:var(--radius-lg);font-size:var(--text-sm)}.summary-row{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary)}.summary-row span:last-child{font-weight:var(--font-semibold);color:var(--text-primary)}.game-result-screen{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;padding:var(--space-6) 0}.result-winner-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-6);background:linear-gradient(145deg,var(--accent),#a86400);border-radius:var(--radius-lg);width:100%;max-width:320px;text-align:center;color:#fff}.result-crown{font-size:2.5rem;line-height:1}.result-winner-name{font-size:var(--text-2xl);font-weight:var(--font-black);letter-spacing:-.02em}.result-winner-score{font-size:var(--text-3xl);font-weight:var(--font-black);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.result-subtitle{font-size:var(--text-xs);font-weight:var(--font-semibold);opacity:.8;text-transform:uppercase;letter-spacing:.08em}.result-end-reason{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium);padding:4px 14px;background:var(--bg-surface);border-radius:var(--radius-full)}.result-scores-section{width:100%;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-lg)}.result-section-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.result-score-row{display:flex;justify-content:space-between;align-items:center}.result-score-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.result-score-value{font-size:var(--text-lg);font-weight:var(--font-black);color:var(--accent);font-variant-numeric:tabular-nums}.result-stats-section{width:100%;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-lg)}.result-stat-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--text-secondary)}.result-stat-row span:last-child{font-weight:var(--font-semibold);color:var(--text-primary)}.result-actions{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.result-btn{width:100%;padding:16px var(--space-5)!important;font-size:var(--text-md)!important;font-weight:var(--font-bold);border-radius:var(--radius-lg)!important}.result-btn-secondary{background:var(--bg-surface)!important;border:1px solid var(--border-visible);color:var(--text-primary)}.msg-dict-source{font-size:.6rem;color:var(--text-tertiary);font-weight:var(--font-normal)}.last-move-summary{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md);font-size:var(--text-xs);min-height:32px}.last-move-label{font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex-shrink:0}.last-move-detail{color:var(--text-secondary);flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.last-move-word{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;text-decoration-color:var(--accent);color:var(--accent);transition:opacity .1s}.last-move-word:hover{opacity:.7}.history-modal-list{display:flex;flex-direction:column;gap:6px;margin:8px 0 4px}.history-list-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:var(--radius-md);background:var(--bg-card-secondary, var(--bg-surface-muted));font-size:.78rem}.history-item-header{display:flex;justify-content:space-between;align-items:center}.history-item-turn{font-weight:var(--font-bold);color:var(--text-primary)}.history-item-score{font-weight:var(--font-bold);color:var(--accent);font-variant-numeric:tabular-nums}.history-item-words{display:flex;flex-wrap:wrap;gap:3px}.history-item-word{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:1px;text-decoration-color:var(--accent);color:var(--accent);font-size:.75rem}.history-item-desc{color:var(--text-tertiary);font-size:.7rem}.history-item-total{color:var(--text-tertiary);font-size:.65rem;text-align:right;margin-top:1px}.message-area{width:100%;min-height:0;text-align:center;font-size:var(--text-sm);font-weight:var(--font-semibold);padding:2px 4px;transition:all .2s}.message-area.success{color:var(--valid-color)}.message-area.error{color:var(--invalid-color)}.app-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.app-modal-dialog{background:var(--bg-surface);border:1px solid var(--border-visible);border-radius:var(--radius-lg);padding:var(--space-6);max-width:340px;width:100%;box-shadow:var(--shadow-dialog);text-align:center}.app-modal-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.app-modal-text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-5);line-height:1.4}.app-modal-actions{display:flex;gap:var(--space-2);justify-content:center}.app-modal-actions .btn{min-width:100px}.blank-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.blank-picker-dialog{background:var(--bg-surface);border:1px solid var(--border-visible);border-radius:var(--radius-lg);padding:var(--space-6);max-width:340px;width:100%;box-shadow:var(--shadow-dialog);text-align:center}.blank-picker-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.blank-picker-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.blank-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);margin-bottom:var(--space-3)}.blank-picker-btn{padding:11px 0;font-size:1.1rem;font-weight:var(--font-bold);border:1px solid var(--tile-border);border-radius:var(--radius-sm);background:linear-gradient(145deg,var(--tile-bg-start),var(--tile-bg-end));color:var(--tile-text);cursor:pointer;font-family:inherit;transition:background .1s,transform .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.blank-picker-btn:active{background:var(--accent);color:#fff;transform:scale(.92)}.blank-picker-cancel{width:100%;font-size:var(--text-sm)}@media(hover:hover){.cell.has-tile:hover{background:linear-gradient(145deg,#f5e8d0,#e8d8bc)}.cell:hover:not(.has-tile):not(.premium-tw):not(.premium-dw):not(.premium-tl):not(.premium-dl):not(.center-star){filter:brightness(1.3)}.rack-slot.has-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-tile-hover)}.tile-remove-btn:hover{transform:scale(1.15)}.btn:hover:not(:disabled){opacity:.92}.blank-picker-btn:hover{background:var(--accent);color:#fff}}@media(max-width:599px){:root{--safe-gap: 8px}.game-container{gap:var(--space-1)}.game-header{padding:var(--space-1) 0}.game-header-title{font-size:var(--text-md)}.score-display{padding:var(--space-1) 0;gap:var(--space-1)}.player-score{padding:2px 8px}.board-container{padding:3px}.turn-indicator{font-size:.6rem;padding:2px 8px}.btn-icon{width:34px;height:34px;font-size:1rem}.player-name{font-size:.65rem}.player-score-value{font-size:var(--text-sm)}.tiles-left{font-size:.55rem}.bag-count{font-size:.55rem;padding:3px 8px}.preview-bar{min-height:20px;padding:2px 8px;font-size:var(--text-xs)}.btn{padding:7px 14px;font-size:var(--text-xs);min-height:34px}.actions-bar{gap:var(--space-1);padding:0}.btn-submit{padding:14px var(--space-4)!important;font-size:var(--text-sm)}.submit-score{font-size:var(--text-xs)}.btn-more-toggle{padding:8px var(--space-3)!important;font-size:.6rem}.rack-slot{font-size:clamp(.7rem,3.5vw,.95rem);max-width:48px}.rack-slot.has-tile .tile-points{font-size:.45rem}.tile-rack{gap:3px;padding:6px}.rack-label{font-size:.6rem}.rack-header{margin-bottom:2px}.game-over-banner{padding:var(--space-4) 0;font-size:var(--text-lg)}.message-area{min-height:0;font-size:var(--text-xs);padding:1px 2px}}@media(min-width:768px){body{padding:0 24px}.game-container{gap:var(--space-4)}.home-page{gap:var(--space-10);padding:var(--space-14) var(--space-4)}}.app-shell{display:flex;flex-direction:column;min-height:100dvh;width:100%;max-width:480px;margin:0 auto}.app-main{flex:1;display:flex;flex-direction:column;padding-bottom:80px}.app-bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;align-items:center;height:64px;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--bg-base);border-top:1px solid var(--border-default);z-index:200}.nav-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px 12px;border-radius:var(--radius-md);transition:color .15s;-webkit-tap-highlight-color:transparent;font-family:inherit}.nav-btn:hover{color:var(--text-secondary)}.nav-btn-active{color:var(--accent)!important}.nav-label{font-size:.6rem;font-weight:var(--font-semibold);line-height:1}.onboarding-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-8) var(--space-4);position:relative}.onboarding-card{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.onboarding-logo{margin-bottom:var(--space-2)}.onboarding-logo img{display:block}.onboard-icon-wrap{position:relative;display:inline-block;width:64px;height:64px}.onboard-icon-light,.onboard-icon-dark{position:absolute;top:0;left:0;width:64px;height:64px;transition:opacity .3s ease}.onboard-icon-light{opacity:1}.onboard-icon-dark,[data-theme=dark] .onboard-icon-light{opacity:0}[data-theme=dark] .onboard-icon-dark{opacity:1}.onboarding-title{font-size:var(--text-2xl);font-weight:var(--font-black);text-align:center;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}.onboarding-subtitle{font-size:var(--text-base);color:var(--text-secondary);text-align:center;line-height:1.5;max-width:320px}.onboarding-field,.onboarding-field .settings-input{width:100%}.onboarding-hint{font-size:var(--text-xs);color:var(--text-muted);text-align:center}.onboarding-btn{width:100%;padding:16px var(--space-6)!important;font-size:var(--text-md)!important}.onboarding-choices{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.onboarding-choice-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px var(--space-4);background:var(--bg-surface)!important;border:1px solid var(--border-visible);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,background .15s;color:var(--text-primary);font-family:inherit;-webkit-tap-highlight-color:transparent}.onboarding-choice-btn:hover{border-color:var(--accent);background:var(--bg-surface-muted)!important}.onboarding-choice-icon{font-size:1.5rem}.onboarding-choice-label{font-size:var(--text-md);font-weight:var(--font-bold)}.onboarding-choice-desc{font-size:var(--text-xs);color:var(--text-secondary)}.onboarding-players{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.onboarding-player-row{display:flex;align-items:center;gap:var(--space-3)}.onboarding-player-badge{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;width:36px;text-align:center;flex-shrink:0}.onboarding-player-name{flex:1;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.onboarding-player-row .settings-input{flex:1}.onboarding-add-btn,.onboarding-remove-btn{font-size:1rem!important;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-full)!important;display:flex;align-items:center;justify-content:center}.onboarding-add-btn{color:var(--accent)}.onboarding-remove-btn{color:var(--error)}.hub-page{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8) var(--space-4) var(--space-4);width:100%}.hub-header{padding:var(--space-4) 0}.hub-greeting{display:flex;flex-direction:column;gap:var(--space-1)}.hub-title{font-size:var(--text-3xl);font-weight:var(--font-black);color:var(--text-primary);letter-spacing:-.03em;line-height:1.1}.hub-subtitle{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--font-medium)}.hub-actions{display:flex;flex-direction:column;gap:var(--space-3)}.hub-btn{display:flex;align-items:center;gap:var(--space-3);padding:16px var(--space-5)!important;width:100%;text-align:left;border-radius:var(--radius-lg)!important;font-family:inherit;cursor:pointer;transition:background .15s,opacity .15s;-webkit-tap-highlight-color:transparent}.hub-btn-primary{background:var(--accent)!important;color:#fff;border:none}.hub-btn-primary:hover{opacity:.9}.hub-btn-secondary{background:var(--bg-surface)!important;color:var(--text-primary);border:1px solid var(--border-visible)}.hub-btn-secondary:hover{background:var(--bg-surface-muted)!important}.hub-btn-icon{font-size:1.3rem;width:32px;text-align:center;flex-shrink:0}.hub-btn-label{font-size:var(--text-md);font-weight:var(--font-bold)}.hub-section{display:flex;flex-direction:column;gap:var(--space-3)}.hub-section-heading{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.hub-history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md)}.hub-history-players{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.hub-history-score{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-secondary);font-variant-numeric:tabular-nums}.hub-link-btn{padding:12px var(--space-4);background:transparent;border:none;color:var(--accent);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.hub-link-btn:hover{opacity:.8}.hub-rules-content{overflow:hidden;max-height:0;transition:max-height .3s ease;background:var(--bg-surface);border-radius:var(--radius-lg)}.hub-rules-content.open{max-height:600px;padding:var(--space-4)}.hub-rules-content .rules-grid{display:flex;flex-direction:column;gap:var(--space-3)}.hub-rules-content .rules-item{display:flex;gap:var(--space-3);align-items:flex-start}.hub-rules-content .rules-icon{font-size:1.2rem;width:28px;text-align:center;flex-shrink:0}.hub-rules-content .rules-text strong{font-size:var(--text-sm);color:var(--text-primary)}.hub-rules-content .rules-text span{font-size:var(--text-xs);color:var(--text-secondary)}.profile-page{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8) var(--space-4) var(--space-4);width:100%}.profile-header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) 0;text-align:center}.profile-avatar{width:72px;height:72px;border-radius:var(--radius-full);background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--font-black)}.profile-name-section{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.profile-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.profile-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:3px 10px;border-radius:var(--radius-full)}.profile-badge-guest{background:var(--bg-surface-muted);color:var(--text-muted)}.profile-badge-signed{background:#cc7a001f;color:var(--accent)}.profile-edit-btn{background:transparent;border:1px solid var(--border-visible);color:var(--text-secondary);font-size:var(--text-xs);font-family:inherit;padding:8px 16px;border-radius:var(--radius-full);cursor:pointer;transition:border-color .15s}.profile-edit-btn:hover{border-color:var(--accent)}.profile-section{display:flex;flex-direction:column;gap:var(--space-3)}.profile-section-heading{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.profile-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.profile-stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md)}.profile-stat-value{font-size:var(--text-xl);font-weight:var(--font-black);color:var(--text-primary);font-variant-numeric:tabular-nums}.profile-stat-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-medium)}.profile-best-word{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md)}.profile-best-word-text{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--text-primary)}.profile-best-word-score{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--accent)}.profile-history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md)}.profile-history-players{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);flex:1}.profile-history-result{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-secondary);margin:0 var(--space-3);font-variant-numeric:tabular-nums}.profile-history-date{font-size:var(--text-xs);color:var(--text-muted)}.profile-link-btn{padding:10px var(--space-4);background:transparent;border:none;color:var(--accent);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;text-align:left}.profile-link-btn:hover{opacity:.8}.profile-signout-btn{margin-top:var(--space-4);padding:12px var(--space-5);background:transparent;border:1px solid var(--border-visible);color:var(--error);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-full);cursor:pointer;transition:border-color .15s;width:100%}.profile-signout-btn:hover{border-color:var(--error)}.history-page{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-8) var(--space-4) var(--space-4);width:100%}.history-heading{font-size:var(--text-2xl);font-weight:var(--font-black);color:var(--text-primary);letter-spacing:-.02em}.history-list{display:flex;flex-direction:column;gap:var(--space-3)}.history-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md)}.history-item-top{display:flex;justify-content:space-between;align-items:center}.history-players{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary)}.history-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 8px;border-radius:var(--radius-full)}.history-badge-winner{background:#3a9a4d1f;color:var(--valid-color)}.history-badge-tie{background:var(--bg-surface-muted);color:var(--text-muted)}.history-item-details{display:flex;justify-content:space-between;align-items:center}.history-scores{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);font-variant-numeric:tabular-nums}.history-turns{font-size:var(--text-xs);color:var(--text-muted)}.history-item-footer{display:flex;justify-content:space-between;align-items:center}.history-date{font-size:var(--text-xs);color:var(--text-muted)}.history-best-word{font-size:var(--text-xs);color:var(--accent);font-weight:var(--font-semibold)}.history-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-14) var(--space-4);text-align:center}.empty-state-text{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary)}.empty-state-hint{font-size:var(--text-sm);color:var(--text-muted)}.history-clear-btn{margin-top:var(--space-4);padding:10px var(--space-5);background:transparent;border:1px solid var(--border-visible);color:var(--text-muted);font-family:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);cursor:pointer;align-self:center}.history-clear-btn:hover{border-color:var(--error);color:var(--error)}.settings-page{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-8) var(--space-4) var(--space-4);width:100%}.settings-heading{font-size:var(--text-2xl);font-weight:var(--font-black);color:var(--text-primary);letter-spacing:-.02em}.settings-section{display:flex;flex-direction:column;gap:var(--space-3)}.settings-section-heading{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.settings-select{padding:8px 12px;border:1px solid var(--border-visible);border-radius:var(--radius-full);font-size:var(--text-sm);font-family:inherit;background:var(--bg-surface-muted);color:var(--text-primary);outline:none;cursor:pointer}.settings-select:focus{border-color:var(--accent)}.settings-players{display:flex;flex-direction:column;gap:var(--space-3)}.settings-player-row{display:flex;align-items:center;gap:var(--space-3)}.settings-player-badge{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;width:32px;text-align:center;flex-shrink:0}.settings-player-row .settings-input{flex:1}.settings-save-btn{align-self:flex-start;padding:10px 20px!important;font-size:var(--text-sm)!important}.settings-about{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) 0}.settings-about p{font-size:var(--text-sm);color:var(--text-secondary)}.settings-about-link a{color:var(--accent);text-decoration:none;font-weight:var(--font-semibold)}.settings-about-link a:hover{text-decoration:underline}@media(min-width:480px){.profile-stats-grid{grid-template-columns:repeat(4,1fr)}}.hub-continue-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-visible);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent;width:100%}.hub-continue-card:hover{border-color:var(--accent);background:var(--bg-surface-muted)}.hub-continue-empty{cursor:default;opacity:.6}.hub-continue-empty:hover{border-color:var(--border-visible);background:var(--bg-surface)}.hub-continue-info{display:flex;flex-direction:column;gap:2px}.hub-continue-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.hub-continue-players{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.hub-continue-turns{font-size:var(--text-xs);color:var(--text-muted)}.hub-continue-arrow{font-size:1.3rem;color:var(--accent);flex-shrink:0}.hub-quick-play-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px var(--space-5)!important;background:var(--bg-surface)!important;border:1px solid var(--border-visible);color:var(--text-primary);font-size:var(--text-sm);border-radius:var(--radius-lg)!important;cursor:pointer;transition:border-color .15s;font-family:inherit;-webkit-tap-highlight-color:transparent}.hub-quick-play-btn:hover{border-color:var(--accent)}.hub-qp-label{font-weight:var(--font-semibold)}.hub-qp-arrow{color:var(--accent);font-weight:var(--font-bold)}.hub-edit-names-btn{background:transparent;border:none;color:var(--text-muted);font-size:var(--text-xs);font-family:inherit;cursor:pointer;text-align:center;padding:4px;-webkit-tap-highlight-color:transparent}.hub-edit-names-btn:hover{color:var(--accent)}.hub-section-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.hub-recent-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.hub-recent-info{display:flex;flex-direction:column;gap:1px}.hub-recent-players{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.hub-recent-date{font-size:var(--text-xs);color:var(--text-muted)}.hub-recent-result{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);font-variant-numeric:tabular-nums}.hub-view-all-btn{background:transparent;border:none;color:var(--accent);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;text-align:left;padding:8px var(--space-4);-webkit-tap-highlight-color:transparent}.hub-view-all-btn:hover{opacity:.8}.hub-quick-links{display:flex;flex-direction:column;gap:var(--space-2)}.hub-quick-link{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:14px var(--space-4)!important;background:var(--bg-surface)!important;border:1px solid var(--border-visible);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg)!important;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .15s;-webkit-tap-highlight-color:transparent}.hub-quick-link:hover{border-color:var(--accent)}.hub-ql-icon{font-size:1.1rem;width:28px;text-align:center;flex-shrink:0}.hub-ql-label{flex:1}.hub-rules-panel{overflow:hidden;max-height:0;transition:max-height .3s ease,padding .3s ease;background:var(--bg-surface);border-radius:var(--radius-lg)}.hub-rules-panel.open{max-height:600px;padding:var(--space-4)}.hub-rules-panel .rules-grid{display:flex;flex-direction:column;gap:var(--space-3)}.hub-rules-panel .rules-item{display:flex;gap:var(--space-3);align-items:flex-start}.hub-rules-panel .rules-icon{font-size:1.1rem;width:26px;text-align:center;flex-shrink:0}.hub-rules-panel .rules-text strong{font-size:var(--text-sm);color:var(--text-primary)}.hub-rules-panel .rules-text span{font-size:var(--text-xs);color:var(--text-secondary)}.hub-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.profile-ext-stats{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-3)}.profile-ext-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}.profile-ext-stat span:last-child{font-weight:var(--font-semibold);color:var(--text-primary);font-variant-numeric:tabular-nums}.history-section{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.history-section-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.history-item-clickable{cursor:pointer;transition:border-color .15s}.history-item-clickable:hover{border-color:var(--accent)}.history-badge-active{background:#cc7a001f;color:var(--accent)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-3)}.settings-action-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.settings-action-row:hover{background:var(--bg-surface-muted)}.settings-action-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.settings-action-value{font-size:var(--text-sm);color:var(--text-secondary)}.settings-status-badge{padding:2px 10px;border-radius:var(--radius-full);background:var(--bg-surface-muted);font-size:var(--text-xs);font-weight:var(--font-semibold)}.settings-action-btn{width:100%;padding:14px var(--space-4)!important;background:var(--bg-surface)!important;border:1px solid var(--border-visible);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-lg)!important;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .15s;-webkit-tap-highlight-color:transparent;margin-bottom:var(--space-2)}.settings-action-btn:hover{border-color:var(--accent)}.settings-action-btn:last-child{margin-bottom:0}.settings-action-btn-danger{color:var(--error)!important;border-color:var(--error)!important}.settings-action-btn-danger:hover{background:#ff4d4d0f!important}.btn-danger{background:var(--error)!important;color:#fff;border:none}.btn-danger:hover{opacity:.9}.hub-new-game-btn{width:100%;padding:18px var(--space-5)!important;background:var(--accent)!important;color:#fff;border:none;font-size:var(--text-md);font-weight:var(--font-bold);border-radius:var(--radius-lg)!important;cursor:pointer;transition:opacity .15s;-webkit-tap-highlight-color:transparent;text-align:center}.hub-new-game-btn:hover{opacity:.9}.hub-running-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--bg-surface);border:1px solid var(--border-visible);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,background .15s;-webkit-tap-highlight-color:transparent;margin-bottom:var(--space-2)}.hub-running-item:hover{border-color:var(--accent);background:var(--bg-surface-muted)}.hub-running-info{display:flex;flex-direction:column;gap:2px}.hub-running-players{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.hub-running-meta{font-size:var(--text-xs);color:var(--text-muted)}.hub-running-arrow{font-size:1.1rem;color:var(--accent);flex-shrink:0}.theme-segmented{display:flex;background:var(--bg-surface-muted);border-radius:var(--radius-full);padding:3px;gap:2px}.theme-seg-btn{padding:6px 14px;border:none;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);font-family:inherit;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s;-webkit-tap-highlight-color:transparent}.theme-seg-btn:hover{color:var(--text-secondary)}.theme-seg-active{background:var(--bg-base)!important;color:var(--text-primary)!important;box-shadow:0 1px 3px #0000001a}.onboarding-cancel-btn{background:transparent;border:none;color:var(--text-muted);font-family:inherit;font-size:var(--text-sm);cursor:pointer;padding:8px;width:100%;text-align:center}.onboarding-cancel-btn:hover{color:var(--text-secondary)}.new-game-page{justify-content:flex-start;padding-top:var(--space-14)}.game-error-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-14) var(--space-4);text-align:center;min-height:60dvh}.game-error-icon{font-size:3rem}.game-error-title{font-size:var(--text-xl);font-weight:var(--font-black);color:var(--text-primary)}.game-error-message{font-size:var(--text-sm);color:var(--text-secondary);max-width:320px;line-height:1.5}.settings-theme-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md)}.settings-theme-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}