@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Outfit:wght@400;500;600;650;700;750;800&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#233f36;background:#f7f8f3;font-synthesis:none;--green:#173f35;--lime:#d7ef86;--muted:#78867d;--line:#e1e6dc;--cream:#fff5d9;--tw:#edb4a4;--dw:#eacbd0;--tl:#90c8b1;--dl:#c8cae7}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;touch-action:manipulation}button:disabled{cursor:default;opacity:.4}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #68892e;outline-offset:3px}svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}[data-icon]{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.site-header{height:97px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 4.5%;max-width:1800px;margin:auto}.brand{font-family:'Outfit',sans-serif;font-weight:650;font-size:31px;letter-spacing:-1.3px;text-decoration:none;display:flex;align-items:center}.brand-tile{width:41px;height:42px;border-radius:10px;background:var(--green);color:var(--lime);font-size:33px;line-height:35px;display:inline-block;text-align:center;transform:rotate(-9deg);margin-right:13px;position:relative;box-shadow:0 3px 0 #a5b791}.brand-tile span{font:500 10px 'DM Sans',sans-serif;position:absolute;bottom:3px;right:5px}.brand-period{color:#86a242}.header-note{font-size:14px;color:var(--muted);letter-spacing:.1px}.site-header nav{display:flex;align-items:center;gap:12px}.text-button{display:flex;align-items:center;gap:7px;font-size:14px}.icon-button{width:39px;height:39px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-button:hover,.text-button:hover{background:#e9eddf}.game-layout{max-width:1376px;display:grid;grid-template-columns:224px minmax(380px,620px) 250px;gap:40px;margin:auto;padding:40px 26px 28px;justify-content:center}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.4px}.session-heading{padding:7px 0 30px}.session-heading .eyebrow{font-size:9px;letter-spacing:1.1px;color:#79866c}.session-heading h1{font-family:'Outfit',sans-serif;font-size:36px;line-height:1.12;letter-spacing:-1.2px;font-weight:550;margin:20px 0 11px}.session-heading h1>span{color:#8ba949}.session-heading p{font-size:13px;color:var(--muted);line-height:1.6}.match-label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:550;margin:12px 0 18px}.match-label svg{width:15px;height:15px}.player-card{display:flex;align-items:center;gap:10px;padding:15px 12px;border:1px solid transparent;border-radius:12px}.player-card.active{background:#eaf0df;border-color:#d5dfc4}.avatar{width:39px;height:39px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-family:'Outfit',sans-serif;font-size:19px}.avatar.human{background:var(--green);color:white}.avatar.computer{background:#deddf1;color:#655e95}.player-card strong{font-size:14px}.player-card .score{font-family:'Outfit',sans-serif;font-size:31px;font-weight:500;margin-left:auto}.player-status{font-size:11px;color:var(--muted);display:block;margin-top:4px}.active .player-status{color:#54704b}.versus{font-size:9px;color:#a2ac9c;text-align:center;letter-spacing:1px;margin:7px 0}.match-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0;padding:20px 0;text-align:center}.match-stats>div+div{border-left:1px solid var(--line)}.match-stats strong{display:block;font-size:22px;font-family:'Outfit',sans-serif;font-weight:500}.match-stats span{font-size:11px;color:var(--muted);display:block;margin-top:4px}.new-game-button{border:1px solid #ced6c6;border-radius:8px;width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:13px}.new-game-button:hover{background:#eaf0df}.new-game-button svg{width:16px}.saved-note{font-size:10px;color:#929b8b;display:flex;align-items:center;justify-content:center;gap:5px;margin-top:14px}.saved-note svg{width:12px;height:12px}.left-bottom{display:flex;align-items:center;gap:13px;margin-top:58px;color:#929f7f}.left-bottom .little-star{font-size:45px;line-height:1}.left-bottom p{font-size:11px;line-height:1.7}.left-bottom strong{font-weight:450}.play-space{min-width:0}.board-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;height:28px}.board-heading>div{display:flex;gap:9px;align-items:center}.board-heading strong{font-size:13px;font-weight:650}.board-heading #turn-instruction{font-size:11px;color:var(--muted);margin-left:3px}.live-dot{width:7px;height:7px;border-radius:50%;background:#89a954;box-shadow:0 0 0 4px #e8eedc}.board-heading svg{width:16px;height:16px}.board-frame{background:#dae3d0;border:1px solid #cbd6c0;border-radius:12px;box-shadow:0 5px 0 #c6d0bd,0 10px 24px #1a3a2810;padding:19px 9px 9px 19px;position:relative}.board{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:3px;aspect-ratio:1;touch-action:manipulation}.column-labels{position:absolute;top:4px;left:19px;right:9px;display:grid;grid-template-columns:repeat(15,1fr);font-size:8px;text-align:center;color:#7e8e73}.row-labels{position:absolute;top:19px;bottom:9px;left:2px;width:14px;display:grid;grid-template-rows:repeat(15,1fr);align-items:center;font-size:8px;text-align:center;color:#7e8e73}.cell{padding:0;background:#e9eee2;border-radius:3px;min-width:0;position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1;color:#8d9b82;font-size:9px;font-weight:650;user-select:none}.cell:hover{filter:brightness(.95)}.cell.tw,.tw{background:var(--tw);color:#885449}.cell.dw,.dw{background:var(--dw);color:#9a6874}.cell.tl,.tl{background:var(--tl);color:#437c66}.cell.dl,.dl{background:var(--dl);color:#7877a2}.cell.center{font-size:20px}.cell.cursor{outline:2px solid var(--green);outline-offset:-2px}.cell.cursor:after{content:'→';position:absolute;right:1px;top:0;font-size:10px}.cell.cursor.vertical:after{content:'↓'}.cell .tile{width:100%;height:100%;font-size:clamp(12px,1.8vw,25px);border-radius:3px;pointer-events:none}.tile{position:relative;background:var(--cream);border:1px solid #e2d8b9;box-shadow:0 3px 0 #d0bc8c,0 4px 5px #3c3b2310;border-radius:7px;font-family:'Outfit',sans-serif;font-weight:550;color:#334636;display:flex;align-items:center;justify-content:center;user-select:none}.tile sub{position:absolute;font-family:'DM Sans',sans-serif;font-weight:600;bottom:4px;right:5px;font-size:10px;line-height:1}.cell .tile sub{bottom:3px;right:3px;font-size:7px}.cell.pending .tile{background:#e5f3aa;border-color:#a6bc61;box-shadow:0 2px 0 #9aac64;animation:place .14s ease-out}.cell.last-move .tile{background:#fcf0c5}.cell.last-move .tile:before{content:'';position:absolute;width:3px;height:3px;background:#8e9f52;left:3px;top:3px;border-radius:50%}.tile.blank{font-style:italic}.board-legend{display:flex;align-items:center;justify-content:center;gap:16px;margin:18px 0 19px;font-size:9px;color:#85907d}.board-legend>span{display:flex;align-items:center;gap:4px}.board-legend i{font-size:8px;font-weight:700;font-style:normal;width:20px;height:19px;border-radius:3px;display:flex;align-items:center;justify-content:center}.rack-panel{border:1px solid #e1e6da;background:#fffef9;border-radius:12px;padding:17px 18px 15px}.rack-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.rack-header .eyebrow{font-size:9px;color:#869076;letter-spacing:1.1px}.rack-header>span+span{font-size:10px;color:#87917b}.rack{display:flex;justify-content:center;gap:8px;padding:1px 8px 9px;min-height:66px}.rack .tile{font-size:30px;width:54px;height:57px;flex-shrink:1}.rack .tile:hover{transform:translateY(-3px)}.rack .tile.selected{transform:translateY(-7px);outline:2px solid #668039;outline-offset:2px;background:#e8f3b9}.rack .tile.used{background:#eff0e7;border:1px dashed #d9decf;box-shadow:none;color:transparent}.rack .tile.used sub{display:none}.move-message{min-height:26px;font-size:11px;text-align:center;color:#839076;padding:5px 0 10px}.move-message.error{color:#a14332}.move-message.success{color:#517f33}.rack-actions{display:flex;gap:6px;border-top:1px solid #edf0e7;padding-top:13px}.secondary-button{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;padding:10px 9px;border-radius:6px}.secondary-button:hover{background:#eff3e7}.secondary-button svg{width:16px;height:16px}.primary-button{background:var(--green);color:#f2f8df;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 22px;font-weight:600;font-size:13px;transition:background .15s}.primary-button:hover:not(:disabled){background:#295a44}.primary-button svg{width:17px;height:17px}.rack-actions .primary-button{margin-left:auto;min-width:157px}.keyboard-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#98a08f;font-size:10px;margin-top:15px}.keyboard-note svg{width:14px;height:14px}.right-rail{padding-top:43px}.tip-card{padding:22px 22px 0;background:#eaf0dc;border:1px solid #e0e6d1;border-radius:12px;overflow:hidden}.tip-card .eyebrow{font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:7px;color:#80906a}.tip-card .eyebrow svg{width:16px;height:16px}.tip-card h2{font-family:'Outfit',sans-serif;font-size:25px;font-weight:500;letter-spacing:-.6px;line-height:1.15;margin:19px 0 12px}.tip-card p{font-size:12px;color:#768369;line-height:1.8;margin-bottom:20px}.tip-card p strong{font-weight:600;color:#566947}.mini-tiles{display:flex;align-items:center;gap:7px;margin-bottom:22px}.mini-tiles>span:not(.mini-score){background:#fcf6df;box-shadow:0 3px 0 #d2c49d;width:35px;height:39px;border-radius:5px;border:1px solid #e1d9ba;display:flex;align-items:center;justify-content:center;font-size:22px;position:relative;font-family:'Outfit',sans-serif;transform:rotate(-8deg)}.mini-tiles>span:nth-child(2){transform:rotate(5deg)}.mini-tiles sub{font-size:7px;position:absolute;bottom:4px;right:4px}.mini-tiles .mini-score{font-size:9px;color:#839169;margin-left:4px}.tip-link{display:flex;align-items:center;justify-content:space-between;width:calc(100% + 44px);margin:0 -22px;background:#e2eacd;border-top:1px solid #dce4c9;padding:13px 22px;font-size:11px;font-weight:600}.tip-link:hover{background:#dbe5c0}.tip-link svg{width:16px;height:16px}.dictionary-section,.history-section{margin-top:29px}.right-rail h2:not(.tip-card h2){font-size:13px;font-weight:650;margin:0 0 13px;display:flex;justify-content:space-between;align-items:center}.dictionary-section h2 svg{color:#8b957f;width:16px;height:16px}.dictionary-section form{display:flex;border:1px solid #dae1d3;border-radius:8px;background:#fcfdf8;overflow:hidden}.dictionary-section input{min-width:0;width:100%;border:0;background:transparent;font-size:12px;padding:12px;outline-offset:-3px}.dictionary-section input::placeholder{color:#a0a994}.dictionary-section form button{padding:0 12px}.dictionary-section svg{width:16px;height:16px}.dictionary-section p{font-size:10px;color:#929c87;line-height:1.6;margin-top:9px;min-height:32px}.history-section{border-top:1px solid var(--line);padding-top:23px}.history-count{font-size:10px;border-radius:6px;background:#e9eddf;padding:3px 7px;font-weight:500;color:#82906f}.history-section ol{padding:0;margin:0;list-style:none;max-height:235px;overflow:auto}.empty-history{display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 0 28px;color:#9aa48c}.empty-history>span:first-child{margin-bottom:12px}.empty-history svg{width:29px;height:29px;opacity:.5}.empty-history strong{font-size:12px;font-weight:500;color:#828e75;margin-bottom:7px}.empty-history>span:last-child{font-size:10px}.history-item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #e9eddf}.history-item .history-initial{width:27px;height:27px;background:#e6ecdb;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px}.history-item strong{font-size:12px;letter-spacing:.3px}.history-item small{font-size:10px;color:#8b9680;display:block;margin-top:3px}.history-item>b{margin-left:auto;font-size:15px;font-weight:500}.bingo-note{border-top:1px solid var(--line);padding-top:16px;margin-top:10px;display:flex;gap:10px;align-items:center;color:#899776}.bingo-note svg{width:21px;height:21px}.bingo-note p{font-size:10px;line-height:1.8}.bingo-note strong{font-weight:500;color:#768466}.site-footer{max-width:1324px;margin:0 auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:23px 0 26px;font-size:10px;color:#949e88}.site-footer>div{display:flex;gap:16px;align-items:center}.site-footer button{font-size:10px;padding:7px 0}.footer-divider{color:#c3cab9}.family-badge{display:flex;align-items:center;gap:5px;background:#eaf0df;padding:7px 9px;border-radius:5px;font-size:9px;color:#7b8b62}.family-badge svg{width:12px;height:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{color:var(--green);border:1px solid #d9e1ce;border-radius:19px;padding:0;max-width:480px;width:calc(100% - 32px);background:#fffef7;box-shadow:0 24px 90px #122c3640}dialog::backdrop{background:#152f2a80;backdrop-filter:blur(5px)}#dialog-content{padding:30px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-heading h2{font-family:'Outfit',sans-serif;font-size:28px;letter-spacing:-.5px;font-weight:550;margin:0}.dialog-body{font-size:14px;color:#687760;line-height:1.7}.dialog-body p{margin:0 0 15px}.dialog-body ol{padding-left:20px}.dialog-body li{margin-bottom:10px}.dialog-body .primary-button{width:100%;margin-top:20px}.field-label{font-size:12px;font-weight:650;display:block;margin:20px 0 9px;color:#58704d}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option-grid.three{grid-template-columns:repeat(3,1fr)}.option{border:1px solid #d9e0ce;border-radius:9px;padding:12px;font-size:13px;background:#f9faf3}.option.selected{background:#e9f1d9;border-color:#8caa57}.option small{display:block;color:#849574;font-size:10px;margin-top:3px}.dialog-actions{display:flex;gap:10px;margin-top:24px;justify-content:flex-end}.dialog-actions .primary-button{margin-top:0;width:auto}.dialog-note{font-size:12px;color:#8a977b}.toggle-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e7ebdf;padding:15px 0}.toggle-row>span{flex:1}.toggle-row strong{display:block;font-size:14px;color:#3c5834}.toggle-row small{font-size:12px;line-height:1.5;display:block;margin-top:3px}.toggle-row input{appearance:none;width:38px;height:23px;border-radius:13px;background:#d6ddcb;position:relative;cursor:pointer;flex-shrink:0}.toggle-row input:after{content:'';width:17px;height:17px;position:absolute;top:3px;left:3px;background:white;border-radius:50%;transition:transform .15s}.toggle-row input:checked{background:#648444}.toggle-row input:checked:after{transform:translateX(15px)}.letter-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.letter-picker button{padding:8px;border:1px solid #dfd8bd;border-radius:5px;background:var(--cream)}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:var(--green);color:white;border-radius:9px;padding:14px 20px;font-size:13px;z-index:10;max-width:90vw;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.score-pop{color:#547d32;animation:place .2s ease}.confetti{position:fixed;top:-15px;width:9px;height:14px;background:var(--lime);z-index:12;pointer-events:none;animation:fall 2.2s ease-in forwards}.noscript{padding:30px;text-align:center}.zoomed .board-frame{min-width:700px}.board-scroll.zoomed{overflow:auto;border-radius:12px;max-height:72vh}.privacy-link{color:#537a3e}.result-score{font-family:'Outfit',sans-serif;font-size:48px;color:var(--green);text-align:center;padding:15px}.error-banner{padding:16px;margin:12px 0;background:#f5ded5;border-radius:8px;color:#944c37}.high-contrast .cell{color:#526144}.high-contrast .cell.tw{color:#713c30}.high-contrast .cell.dw{color:#804753}.high-contrast .cell.tl{color:#265a45}.high-contrast .cell.dl{color:#505077}.high-contrast :is(.player-status,.move-message,.dictionary-section p,.board-legend){color:#56634b}@keyframes place{from{transform:scale(.86)}to{transform:scale(1)}}@keyframes fall{to{transform:translate(var(--drift),105vh) rotate(550deg);opacity:0}}@media(min-width:1450px){.game-layout{padding-top:45px;gap:50px;grid-template-columns:224px minmax(400px,620px) 250px}.cell .tile{font-size:25px}}@media(max-width:1150px){.game-layout{grid-template-columns:180px minmax(360px,600px);gap:30px;max-width:1000px}.right-rail{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding-top:0}.tip-card{grid-row:span 2}.dictionary-section,.history-section{margin-top:0}.history-section{border:0;padding-top:0}.bingo-note{grid-column:2/4;margin-top:-20px}.session-heading h1{font-size:30px}.site-footer{margin:0 26px}.header-note{display:none}.cell .tile{font-size:24px}.left-bottom{margin-top:35px}.right-rail .history-section ol{max-height:160px}}@media(max-width:720px){.site-header{height:74px;padding:0 20px;gap:10px}.brand{font-size:27px}.brand-tile{width:34px;height:36px;font-size:29px;line-height:30px;margin-right:10px}.site-header nav{gap:3px}.tool-label{display:none}.text-button{padding:10px}.game-layout{display:flex;flex-direction:column;padding:18px 14px 24px;gap:18px;max-width:560px}.left-rail{display:flex;flex-wrap:wrap;align-items:center;gap:12px;position:relative}.session-heading,.left-bottom,.match-label,.saved-note{display:none}.scoreboard{display:flex;align-items:center;width:100%;gap:12px}.player-card{flex:1;padding:10px;gap:8px;min-width:0}.avatar{width:31px;height:31px;font-size:17px}.avatar svg{width:19px;height:19px}.player-card strong{font-size:13px}.player-card .score{font-size:28px}.player-status{font-size:10px;white-space:nowrap}.versus{font-size:9px}.match-stats{margin:0;padding:0;border:0;text-align:left;display:flex;gap:16px;flex:1}.match-stats>div{display:flex;gap:5px;align-items:center}.match-stats>div+div{border:0}.match-stats strong{font:600 11px 'DM Sans',sans-serif}.match-stats span{font-size:10px;margin:0}.new-game-button{width:auto;padding:5px 8px;border:0;font-size:11px}.new-game-button svg{width:13px;height:13px}.board-heading{margin-bottom:12px;height:20px}.board-heading strong{font-size:12px}.board-heading #turn-instruction{font-size:10px}.board-frame{padding:16px 6px 6px 16px;border-radius:9px;box-shadow:0 4px 0 #c6d0bd}.board{gap:2px}.column-labels{top:3px;left:16px;right:6px;font-size:7px}.row-labels{top:16px;bottom:6px;width:12px;font-size:7px;left:1px}.cell{font-size:6.5px;border-radius:2px}.cell.center{font-size:16px}.cell .tile{font-size:clamp(13px,4.3vw,23px);border-radius:2px}.cell .tile sub{font-size:6px;bottom:2px;right:2px}.board-legend{margin:15px 0;gap:10px;font-size:8px}.board-legend i{width:17px;height:17px;font-size:7px}.rack-panel{padding:15px 12px 12px}.rack{gap:6px;padding:2px 0 9px}.rack .tile{max-width:48px;height:53px;font-size:29px}.rack .tile sub{font-size:9px;bottom:4px;right:4px}.rack-header .eyebrow{font-size:9px}.rack-header>span+span{font-size:9px}.secondary-button{padding:9px 7px;font-size:10px;gap:4px}.rack-actions{gap:3px}.rack-actions .primary-button{padding:12px 15px;min-width:128px;gap:12px;font-size:12px}.move-message{font-size:10px}.keyboard-note{display:none}.right-rail{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:7px}.tip-card{display:none}.dictionary-section{grid-column:1/-1}.dictionary-section h2{font-size:14px!important}.dictionary-section form input{font-size:14px;padding:13px}.dictionary-section p{font-size:11px;min-height:0}.history-section{grid-column:1/-1}.right-rail .history-section ol{max-height:220px}.empty-history{padding:13px 0}.bingo-note{display:none}.site-footer{margin:0 20px;padding:18px 0 25px;flex-direction:column;gap:12px}.site-footer>div{gap:12px}#dialog-content{padding:23px}.dialog-heading h2{font-size:25px}.zoomed .cell .tile{font-size:26px}.zoomed .cell{font-size:10px}.zoomed .cell .tile sub{font-size:8px}.rack-panel{position:relative}.empty-history svg{display:none}}@media(max-width:360px){.game-layout{padding-inline:8px}.rack{gap:4px}.rack .tile{height:46px}.secondary-button{padding-inline:5px}.rack-actions .primary-button{min-width:113px}.board-legend{gap:6px}.board-legend>span{gap:3px}.player-card{padding:8px 6px}.scoreboard{gap:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Comfortable reading sizes, with compact notation reserved for the board. */
:root{--muted:#62725f}.header-note{color:#64765f}.session-heading p{font-size:14px}.session-heading .eyebrow{font-size:11px;letter-spacing:.7px}.match-label{font-size:13px}.player-status{font-size:12px}.match-stats span{font-size:12px}.new-game-button{font-size:14px}.saved-note{font-size:12px;line-height:1.5}.left-bottom p{font-size:12px}.board-heading strong{font-size:14px}.board-heading #turn-instruction{font-size:12px}.board-legend{font-size:11px;color:#65755a}.rack-header .eyebrow{font-size:12px}.rack-header>span+span{font-size:12px}.move-message{font-size:13px;line-height:1.5;min-height:32px;color:#627653}.rack-actions .secondary-button{font-size:13px}.primary-button{font-size:14px}.keyboard-note{font-size:12px;color:#748267}.tip-card .eyebrow{font-size:10px;letter-spacing:.7px}.tip-card p{font-size:14px;color:#637453;line-height:1.7}.tip-link{font-size:13px}.mini-tiles .mini-score{font-size:10px}.right-rail h2:not(.tip-card h2){font-size:15px}.dictionary-section input{font-size:14px}.dictionary-section p{font-size:12px;color:#6d7c60}.empty-history strong{font-size:14px}.empty-history>span:last-child{font-size:12px}.history-item strong{font-size:14px;overflow-wrap:anywhere}.history-item small{font-size:12px}.bingo-note p{font-size:12px}.site-footer,.site-footer button{font-size:12px;color:#6a795e}.family-badge{font-size:11px;color:#536b39}.dialog-body{font-size:16px}.dialog-note{font-size:13px}.option{font-size:14px}.option small{font-size:12px}.field-label{font-size:13px}.dialog-heading h2{line-height:1.2}.dialog-body p{overflow-wrap:anywhere}.toggle-row small{font-size:13px}.letter-picker button{min-height:44px}.turn-options{display:grid;gap:10px;margin:0 0 18px}.turn-options button{border:1px solid #dde4d1;border-radius:9px;background:#f3f6e9;text-align:left;padding:16px;display:grid;grid-template-columns:23px 1fr;gap:5px 10px;font-size:15px}.turn-options button>span{grid-column:2;font-size:12px;color:#6f805c}.turn-options button:hover{background:#e9f0d8}.exchange-rack{display:flex;gap:6px;padding:8px 0 20px}.exchange-rack .tile{height:52px;flex:1;font-size:25px}.exchange-rack .tile.selected{background:#dcefaa;outline:2px solid #79934f;transform:translateY(-4px)}.word-valid{color:#4f782e!important}.word-invalid{color:#a14332!important}.tile.used:disabled{opacity:1}.rack-header{gap:15px}.rack-header>span+span{text-align:right;overflow-wrap:anywhere}.site-header nav button{min-width:44px;min-height:44px}.high-contrast{--muted:#475b3d}.high-contrast .board-legend,.high-contrast .dictionary-section p,.high-contrast .tip-card p{color:#405431}.high-contrast .cell.tw{background:#e59a84}.high-contrast .cell.dw{background:#e2b2bd}.high-contrast .cell.tl{background:#73b89a}.high-contrast .cell.dl{background:#b1b4dc}
@media(min-width:1151px) and (max-height:900px){.game-layout{grid-template-columns:210px minmax(350px,510px) 250px;padding-top:26px;gap:34px}.site-header{height:78px}.session-heading h1{font-size:34px}.session-heading{padding-bottom:18px}.right-rail{padding-top:43px}.rack .tile{height:49px;max-width:48px;font-size:27px}.rack{min-height:55px}.board-legend{margin-bottom:14px}.rack-panel{padding-top:13px}.left-bottom{margin-top:26px}.keyboard-note{margin-top:10px}.cell .tile{font-size:22px}}
@media(max-width:720px){.player-status{font-size:11px}.match-stats strong,.match-stats span{font-size:12px}.new-game-button{font-size:12px;min-height:36px}.board-heading strong{font-size:14px}.board-heading #turn-instruction{font-size:11px}.board-legend{font-size:9px;gap:8px}.rack-header .eyebrow,.rack-header>span+span{font-size:11px}.move-message{font-size:12px}.rack-actions .secondary-button{font-size:12px;min-height:44px}.rack-actions .primary-button{font-size:13px}.rack-actions .secondary-button svg{width:15px}.site-footer,.site-footer button{font-size:12px}.dictionary-section input{font-size:16px!important}.dictionary-section p{font-size:12px}.dialog-heading h2{font-size:25px}.session-heading{display:none}.new-game-button svg{width:15px;height:15px}}
@media(max-width:360px){.rack-actions .secondary-button{font-size:11px}.rack-actions .primary-button{font-size:12px;padding-inline:12px}.board-legend{font-size:8px}.board-heading #turn-instruction{display:none}.rack-header>span+span{font-size:10px}.scoreboard{gap:5px}.player-card .score{font-size:25px}.player-card{gap:6px}.avatar{width:27px;height:27px}.player-status{font-size:10px}.exchange-rack{gap:4px}.exchange-rack .tile{font-size:22px}.exchange-rack .tile sub{right:3px;font-size:8px}}
.player-card>div{min-width:0}.player-status{overflow-wrap:anywhere}.history-item>div{min-width:0}.history-item>b{flex-shrink:0}
/* Sound studio and move effects. Motion is attached to actions, never re-renders. */
.cell .tile,.score-pop{animation:none}
.cell{position:relative;isolation:isolate}
#celebration{position:fixed;inset:0;z-index:15;pointer-events:none;overflow:hidden;contain:strict}
.fx-particle{position:absolute;width:6px;height:6px;border-radius:2px;pointer-events:none;will-change:transform,opacity;box-shadow:0 0 8px #e9d88944}
.fx-particle:nth-child(3n){width:4px;height:10px;border-radius:50%}
.fx-score{position:absolute;display:grid;justify-items:center;gap:2px;min-width:138px;padding:11px 18px;border:1px solid #d8e7b3;border-radius:18px;background:#183f35f2;color:#edf4d4;box-shadow:0 12px 28px #183f3533;text-align:center;will-change:transform,opacity}
.fx-score span{font-size:9px;letter-spacing:1.4px;font-weight:700;white-space:nowrap}
.fx-score strong{font:600 34px/1.05 'Outfit',sans-serif;color:#d7ef86}
.fx-score.fx-bingo{background:#f3dc95;border-color:#ffeabc;color:#674f19;box-shadow:0 0 0 5px #f2d47b33,0 15px 32px #6c511733}
.fx-score.fx-bingo strong{color:#624815;font-size:40px}
#sound-button{position:relative}
.sound-indicator{position:absolute;right:5px;bottom:5px;display:none;align-items:end;gap:2px;height:9px}
.sound-indicator i{width:2px;height:7px;background:#658637;border-radius:2px;animation:equalize .8s ease-in-out infinite alternate}
.sound-indicator i:nth-child(2){height:4px;animation-delay:-.3s}.sound-indicator i:nth-child(3){height:9px;animation-delay:-.6s}
.music-playing .sound-indicator{display:flex}
.sound-intro{color:#62725f;font-size:14px;line-height:1.6;margin-bottom:20px!important}
.audio-card{padding:17px 18px;border:1px solid #dce3d2;border-radius:15px;background:#f6f8ef;margin:12px 0}
.music-card{display:grid;grid-template-columns:48px 1fr;column-gap:13px;background:linear-gradient(130deg,#edf3dc,#f8f9f0)}
.music-card>:not(.track-art):not(.track-title){grid-column:1/-1}
.track-art{display:flex;align-items:center;justify-content:center;gap:3px;width:48px;height:53px;border-radius:11px;background:#214b3d;color:#d7ef86}
.track-art i{width:3px;height:17px;border-radius:3px;background:currentColor}.track-art i:nth-child(2),.track-art i:nth-child(4){height:29px}.track-art i:nth-child(3){height:37px}
.track-title{display:flex;flex-direction:column;gap:4px;justify-content:center;min-width:0}
.track-title .eyebrow{font-size:9px;letter-spacing:1.1px;color:#627247}
.track-title strong{font:600 21px/1.2 'Outfit',sans-serif;color:#234c3b}
.track-title small{font-size:12px;color:#667958}
.audio-card .toggle-row{border:0;padding:6px 0 15px;margin:0;gap:15px;min-height:45px}
.music-card .toggle-row{padding-top:20px}
.audio-card .toggle-row strong,.motion-control strong{font-size:15px}
.audio-card .toggle-row small{font-size:12px;line-height:1.5}
.audio-card input[type=checkbox]{flex-shrink:0;width:38px;height:23px;accent-color:#305e44;cursor:pointer}
.volume-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#5c6c4b;gap:14px}
.volume-label output{font-variant-numeric:tabular-nums;font-weight:700;color:#30563c}
.volume-slider{display:block;width:100%;height:28px;margin:3px 0 0;accent-color:#4f7247;cursor:pointer;background:transparent}
.volume-slider:focus-visible{outline:2px solid #638343;outline-offset:3px;border-radius:5px}
.audio-status{font-size:11px;line-height:1.4;color:#667957;margin:5px 0 0!important;min-height:16px}
.sound-preview{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:#496d37;padding:8px 0 0;font-size:12px;min-height:32px;font-weight:600;cursor:pointer}
.sound-preview svg{width:16px;height:16px}.sound-preview:disabled{opacity:.4;cursor:default}
.motion-control{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 1px 5px}
.motion-control label{display:grid;gap:4px}.motion-control small{font-size:12px;color:#67795c}
.motion-control select{font:inherit;font-size:14px;border:1px solid #d7dfcb;background:#f7f9f0;border-radius:8px;min-height:44px;min-width:94px;padding:8px;color:#30553e}
.audio-note{font-size:12px;line-height:1.5;margin:9px 0 16px!important}
.audio-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}
.audio-actions button{min-height:44px;font-size:13px}.audio-actions .primary-button{min-width:100px;justify-content:center}
.settings-sound-link{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #dce4d0;border-radius:12px;background:#edf3df;padding:16px;text-align:left;color:#30553e;margin-bottom:14px;cursor:pointer}
.settings-sound-link>span{display:grid;gap:5px;flex:1}.settings-sound-link strong{font-size:15px}.settings-sound-link small{font-size:12px;color:#637953}
body[data-effects=off] .tile,body[data-effects=off] .score-pop,body[data-effects=off] .sound-indicator i{animation:none!important;transition:none!important}
body[data-effects=gentle] .sound-indicator i{animation:none}
@keyframes equalize{to{transform:scaleY(.4)}}
@media(max-width:400px){.audio-card{padding:14px}.track-title strong{font-size:19px}.track-title small{font-size:11px}.track-title .eyebrow{font-size:8px;letter-spacing:.6px}.motion-control{gap:8px}.motion-control small{font-size:11px}.audio-actions button{font-size:12px}.audio-intro{font-size:13px}}
@media(max-width:720px){.site-header{height:64px}.game-layout{padding-top:12px;gap:12px}.left-rail{gap:6px}.player-card{padding:9px 8px}.player-status{white-space:normal;line-height:1.3}.new-game-button{min-height:28px}.board-heading{margin-bottom:10px}.board-heading #turn-instruction{max-width:130px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}
@media(max-width:360px){.site-header{padding-inline:12px;gap:6px}.brand{font-size:24px;letter-spacing:-1px}.brand-tile{width:30px;height:32px;line-height:27px;font-size:26px;margin-right:8px}.site-header nav{gap:0}.site-header nav button{width:44px;padding:8px;min-width:44px}}

#game-dialog{max-height:calc(100dvh - 32px);overscroll-behavior:contain}body[data-effects=off] .rack .tile{transition:none!important}
#music-retry[hidden]{display:none}.audio-actions .primary-button{width:auto;flex:0 0 100px}.audio-actions .secondary-button{width:auto;white-space:nowrap}