@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#253734;--muted:#73817a;--paper:#f6f4ee;--line:#dedfd5;--blue:#316cba;--red:#c85551;--green:#276451}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}button,select,input{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:#fffdf7;color:var(--ink);padding:10px 14px;font-weight:600;min-height:42px}button:hover:enabled{background:#eaece3}button:disabled{cursor:default;opacity:.4}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #e9af40;outline-offset:3px}.dark{background:var(--ink);color:white;border-color:var(--ink)}.dark:hover:enabled{background:#3d534b}.primary{background:var(--green);color:white;border:0}.primary:hover:enabled{background:#347c66}header{max-width:1160px;margin:auto;padding:27px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit;font:800 25px Manrope,system-ui;letter-spacing:-1px}.brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:2px;margin-top:3px}.brand-icon{background:var(--green);color:#fff;width:43px;height:47px;border-radius:9px;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 #143e31}.brand-icon span{font-size:22px;margin:7px 0 0 2px}nav{display:flex;gap:8px}nav button:not(.dark){border:0;background:transparent}main{max-width:1060px;margin:auto;padding:29px 30px}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.6px;color:var(--muted)}h1{font:700 32px/1.17 Manrope,system-ui;letter-spacing:-1.2px;margin:10px 0 0}.intro p{font-size:13px;line-height:1.8;color:var(--muted)}.game-layout{display:grid;grid-template-columns:minmax(0,660px) minmax(205px,250px);gap:25px;align-items:start}.table{min-width:0}.player{border:1px solid var(--line);background:#fcfbf7;border-radius:14px;padding:13px 17px;transition:border-color .2s}.player.active.blue{border-color:#90b3df;background:#f0f5fb}.player.active.red{border-color:#dfa4a0;background:#fbf0ed}.player-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:11px}.player-name{font-weight:700;font-size:14px;display:flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:50%;background:var(--blue)}.red .dot{background:var(--red)}.language{font-size:11px;color:var(--muted);font-weight:400}.score{font:800 24px Manrope,system-ui}.score small{font:500 10px 'DM Sans',system-ui;color:var(--muted);margin-left:4px}.rack{display:flex;justify-content:center;gap:8px;min-height:48px}.tile{position:relative;border-radius:7px;background:#fffcf1;border:1px solid #d8ceb8;box-shadow:0 3px 0 #d8cfbd;font:700 26px Manrope,system-ui;padding:0;width:48px;height:47px;min-height:0;color:#354538}.tile small{position:absolute;right:5px;bottom:3px;font:600 9px 'DM Sans',system-ui}.tile.selected{background:#e1ecfa;border:2px solid var(--blue);transform:translateY(-3px)}.red .tile.selected{background:#f9e1dd;border-color:var(--red)}.tile:disabled{opacity:.85}.board-shell{padding:9px 0 13px}.columns{display:grid;grid-template-columns:repeat(9,1fr);gap:3px;padding:0 6px 5px}.columns button{padding:0;min-height:26px;border:0;background:transparent;font-size:20px;color:var(--green)}.board-wrap{position:relative;background:#e3e7dc;border:6px solid #e3e7dc;border-radius:10px;overflow:hidden;box-shadow:0 5px 14px #263b3010}#board{display:grid;grid-template-columns:repeat(9,1fr);aspect-ratio:1;touch-action:none;user-select:none;-webkit-user-select:none}#board button{min-width:0;min-height:0;border:1px solid #e3e7dc;border-radius:4px;padding:0;position:relative;background:#f8f8f1;font:700 clamp(16px,2.6vw,29px) Manrope,system-ui;aspect-ratio:1;touch-action:none}#board button.empty{font:700 10px 'DM Sans',system-ui;color:#95a295}#board button.dl,.dl{background:#dbe8ed;color:#567f92}#board button.tl,.tl{background:#9ebcca;color:#315d74}#board button.dw,.dw{background:#f0d9cc;color:#a96b50}#board button.tw,.tw{background:#c5806e;color:#fff}#board button.occupied{background:#fff9e9;color:#263932;box-shadow:inset 0 -3px 0 #e6dcc6}#board button small{position:absolute;right:5px;bottom:3px;font:600 clamp(7px,1vw,10px) 'DM Sans',system-ui}#board button .bonus-dot{position:absolute;top:3px;left:3px;font:700 6px system-ui;padding:1px;border-radius:2px}#board button.picked{background:#d6e9fa;box-shadow:inset 0 0 0 2px var(--blue)}body.red-turn #board button.picked{background:#f7dcd5;box-shadow:inset 0 0 0 2px var(--red)}#board button.start{box-shadow:inset 0 0 0 3px #ddaa35}#board button.falling{animation:fall .4s ease-out}@keyframes fall{from{transform:translateY(var(--fall));opacity:.2}to{transform:translateY(0);opacity:1}}#outlines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.legend{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;font-size:9px;margin-top:15px;color:var(--muted)}.legend span{display:flex;align-items:center;gap:4px}.legend i{font-style:normal;font-weight:700;border-radius:3px;padding:4px}aside{display:flex;flex-direction:column;gap:15px}.turn-card,.bag-card,.history-card{background:#fffdf8;border:1px solid var(--line);border-radius:15px;padding:19px}.turn-card{border-top:3px solid var(--blue)}.red-turn .turn-card{border-top-color:var(--red)}h2{font:700 22px Manrope,system-ui;letter-spacing:-.5px;margin:11px 0}p{line-height:1.6}.turn-card p{font-size:12px;color:var(--muted);margin:8px 0 14px}.turn-card button{width:100%;margin-top:7px}.subtle{background:transparent;border:0;font-size:11px;min-height:27px;padding:4px}.end{margin-top:15px!important}#selectionPanel{border:1px dashed #ccd4c7;border-radius:9px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:5px;min-height:48px}#selectedWord{letter-spacing:1px;font-size:16px;overflow-wrap:anywhere}#selectedPoints{font-size:11px;white-space:nowrap}#notice:not(:empty){background:#edf1e8;padding:10px;border-radius:7px;color:var(--ink);margin-bottom:0}.bag-card{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:8px}.bag-card strong{display:block;font:800 33px Manrope,system-ui;margin-top:5px}.bag-card div>span:last-child{font-size:10px;color:var(--muted)}.bag-card button{font-size:11px;padding:8px}.section-title{display:flex;align-items:center;justify-content:space-between}h3{font-size:14px;margin:0}.section-title>span{font-size:11px;background:#edf0e7;border-radius:20px;padding:4px 7px}#history{max-height:240px;overflow:auto;margin-top:12px}.empty-history{font-size:12px;line-height:1.7;color:var(--muted);padding:12px 0}.history-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eeeee5;font-size:12px;gap:7px}.history-row strong{color:var(--blue)}.history-row.red strong{color:var(--red)}.history-row small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.test-note{font-size:10px;color:var(--muted);line-height:1.8;margin:0 5px}footer{max-width:1000px;margin:10px auto 0;padding:20px 0 30px;border-top:1px solid var(--line);font-size:9px;font-weight:700;letter-spacing:1.5px;display:flex;justify-content:space-between;color:var(--muted)}footer span{font-weight:400;letter-spacing:0}dialog{border:1px solid var(--line);border-radius:20px;background:#fcfbf5;color:var(--ink);width:min(620px,94vw);max-height:85vh;padding:24px;box-shadow:0 20px 90px #17251b33}dialog::backdrop{background:#1b312d66;backdrop-filter:blur(3px)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.modal-head h2{margin:0}.modal-head button{border:0;background:transparent;font-size:18px}#modalBody p,#modalBody li{font-size:14px;line-height:1.65}#modalBody select,#modalBody input[type=search]{width:100%;padding:12px;margin:7px 0 14px;background:white;border:1px solid var(--line);border-radius:8px}#modalBody label{font-size:13px;font-weight:600}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.bag-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.bag-item{text-align:center;background:#f0eee2;padding:10px 2px;border-radius:7px;font-weight:700}.bag-item small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.word-list{max-height:220px;overflow:auto;display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.word-list span{background:#e9eee3;border-radius:5px;padding:5px 8px;font-size:12px}.pill{background:#edf0e8;border-radius:6px;padding:10px;font-size:12px!important}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tabs button{font-size:11px}.tabs button.active{background:var(--green);color:white}.import{margin-top:18px;border-top:1px solid var(--line);padding-top:15px}.import input{font-size:12px;max-width:100%}.checkbox{display:flex;gap:8px;align-items:start;font-weight:400!important}.checkbox input{margin-top:4px}.blank-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.blank-picker button{padding:7px;font-size:20px}.rules-list{padding-left:20px}.rules-list li{margin-bottom:9px}.dialog-note{font-size:12px!important;color:var(--muted)}
@media(min-width:1100px){.game-layout{grid-template-columns:minmax(0,630px) 250px;justify-content:center}.intro{padding:0 23px}}@media(max-width:750px){header{padding:18px 16px;gap:8px}.brand{font-size:21px}.brand small{font-size:6px}.brand-icon{width:34px;height:39px}nav{gap:2px}nav button{font-size:10px;padding:8px;min-height:36px}main{padding:20px 14px}.intro{margin-bottom:19px}.intro h1{font-size:25px}.intro p{display:none}.game-layout{grid-template-columns:minmax(0,1fr) 185px;gap:13px}.turn-card,.history-card{padding:13px}.bag-card{padding:12px;flex-wrap:wrap}.tile{width:39px;height:41px;font-size:24px}.rack{gap:5px;min-height:41px}.player{padding:10px}.language{font-size:9px}.player-name{font-size:12px}h2{font-size:19px}#board button{font-size:22px}.legend{gap:6px;font-size:8px}footer{margin:8px 14px;padding-top:15px}.eyebrow{font-size:8px}#selectedWord{font-size:14px}}@media(max-width:530px){.game-layout{display:flex;flex-direction:column}.table,aside{width:100%}aside{display:grid;grid-template-columns:1fr 1fr}.turn-card{grid-column:1/-1}.history-card{grid-column:1/-1}.test-note{align-self:center}#board button{font-size:23px}.tile{width:42px}.intro h1 br{display:none}.intro h1{font-size:23px}.turn-card button{min-height:42px}#selectionPanel{margin-top:12px}.turn-card p{font-size:13px}.player-name{font-size:14px}.language{font-size:10px}.rack{gap:7px}footer{font-size:8px}.brand small{display:none}}

.composer{padding:16px;background:#eef2e9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}#chosen{display:flex;gap:7px;min-height:50px;margin:10px 0;flex-wrap:wrap}.composer>span{font-size:12px;font-weight:700}.composer p{font-size:12px}.composer button{margin:3px 2px}.composer .primary{background:#244c3b;color:white}.drop-help{margin-bottom:6px}.columns .active{background:#244c3b;color:white}#board .landing-preview{background:#dcead3;color:#49653b;border:2px dashed #638557}#board .just-dropped{animation:fall-in .45s ease-out;background:#ffeac2}.player select{max-width:140px}.tile.selected{opacity:.4}.score{font-weight:800;margin-left:auto}#board button{position:relative}#board button small{position:absolute;right:4px;bottom:3px;font-size:9px}.bonus-label{font-size:10px}button:disabled{cursor:default;opacity:.4}.tile{position:relative}.tile small{position:absolute;bottom:4px;right:5px;font-size:10px}@keyframes fall-in{from{transform:translateY(-22px);opacity:.25}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){#board .just-dropped{animation:none}}@media(max-width:750px){.game-layout{display:flex;flex-direction:column}.table,aside{width:100%}aside{display:grid;grid-template-columns:1fr 1fr}.turn-card,.history-card{grid-column:1/-1}.player-head{flex-wrap:wrap}.rack{justify-content:center}.tile{width:clamp(32px,9vw,52px)}header{flex-wrap:wrap}.brand small{display:none}#board button{font-size:clamp(16px,4vw,26px)}}

.board-shell{padding-left:24px}#board button[data-row]::before{content:attr(data-row);position:absolute;left:-22px;top:50%;transform:translateY(-50%);font:600 11px system-ui;color:#657568;width:16px;text-align:center;pointer-events:none}.columns button{font-weight:700}

#validity.word-valid{color:#237145;font-weight:700}#validity.word-invalid{color:#b74768;font-weight:700}

#validity:empty{display:none}#chosen:empty{display:none}

.word-build{display:flex;align-items:center;gap:12px;min-width:0}#chosen{flex-wrap:nowrap;min-width:0;gap:clamp(3px,1vw,7px)}#validity{flex:none;font-size:25px;line-height:1;margin:0}.word-build:has(#chosen:empty){display:none}@media(max-width:530px){#chosen .tile{width:clamp(29px,8vw,42px)}.word-build{gap:7px}}

.dictionary-link{display:inline-block;color:#237145;font-weight:700;padding:8px 0}.dictionary-alphabet{display:grid;grid-template-columns:repeat(13,minmax(0,1fr));gap:5px;margin:18px 0}.dictionary-alphabet button{padding:0;min-height:38px}.dictionary-alphabet button.active{background:#244c3b;color:white}.dictionary-words{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 14px;margin:14px 0}.dictionary-words span{font-size:13px;overflow-wrap:anywhere}@media(max-width:530px){.dictionary-alphabet{grid-template-columns:repeat(7,minmax(0,1fr))}.dictionary-words{grid-template-columns:repeat(2,minmax(0,1fr))}}
#player0 .rack,#player1 .rack{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:clamp(3px,1vw,7px)}#player0 .rack .tile,#player1 .rack .tile{width:100%;max-width:52px;min-width:0;font-size:clamp(19px,5vw,28px)}.word-build #chosen{flex:1;gap:3px}.word-build #chosen .tile{flex:0 1 44px;width:44px;min-width:0}.opening-clue{font-size:11px;line-height:1.5;margin:8px 0 0;color:#566755}
.credits-card{padding:18px;background:#fff9e9;border:1px solid #e3d7b6;border-radius:14px}.credits-head{display:flex;align-items:center;gap:10px}.credits-head img{object-fit:contain}.credits-head h3{font-size:18px}.credit-balance{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;border-radius:7px}.credit-balance.current{background:#f3e7c8;font-weight:700}.credit-balance strong{font-size:20px;color:#88601e}.credits-card #hintBtn{width:100%;margin-top:12px;font-size:12px}.credits-card #hintWord{font-size:20px;letter-spacing:2px;font-weight:800;color:#237145;overflow-wrap:anywhere;margin:14px 0 0}.credits-card #hintStatus{font-size:12px;margin:8px 0 0;color:#855d32}.credits-card p:empty{display:none}@media(max-width:750px){aside .credits-card{grid-column:1/-1}}
.board-shell{position:relative;overflow:visible}.score-overlay{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:visible}.score-oval{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.score-popup{position:absolute;z-index:9;background:#fff1b8;border:1px solid #d4a845;border-radius:10px;padding:8px 12px;color:#664708;box-shadow:0 4px 16px #25373422;font-size:12px;font-weight:800;white-space:nowrap}.score-popup[hidden]{display:none}#board .score-hidden{visibility:hidden}#board .score-letter{background:#ffdf80!important;box-shadow:inset 0 0 0 3px #2879d7!important;color:#203934}.falling-tile{position:absolute;display:flex;align-items:center;justify-content:center;background:#fff9e9;color:#263932;border:1px solid #d9d2bd;border-radius:4px;box-shadow:inset 0 -3px 0 #e6dcc6;font:700 clamp(16px,3vw,29px) Manrope,system-ui;padding:0;min-height:0;opacity:1!important;pointer-events:none;z-index:7}.falling-tile small{position:absolute;right:5px;bottom:3px;font:600 10px system-ui}.table[aria-busy=true] .score{color:#2879d7}
.table[aria-busy=true] #board button{opacity:1}

/* Board first, with the active rack directly beneath it. */
main{padding-top:12px}.table>.board-shell{padding-top:0}#board{aspect-ratio:9/10;grid-template-rows:repeat(10,1fr)}.player{margin-top:8px}.composer{margin-top:8px;border-radius:12px}.drop-help{margin-top:4px}.wordometer-card{text-align:center;padding:16px;background:#fffdf8;border:1px solid var(--line);border-radius:15px}#wordometer{--progress:0%;width:126px;height:126px;border-radius:50%;background:conic-gradient(from 0deg,#31a663 0 var(--progress),#e0e3de var(--progress) 100%);display:grid;place-items:center;margin:14px auto 8px;position:relative}#wordometer:before{content:'';position:absolute;inset:13px;border-radius:50%;background:#fffdf8}#meterPercent{position:relative;font:800 28px Manrope,system-ui}#meterDetail{font-size:12px;color:var(--muted);margin:0}@media(max-width:750px){.wordometer-card{grid-column:1/-1;display:flex;align-items:center;justify-content:space-around;gap:10px}#wordometer{width:90px;height:90px;margin:0}#meterPercent{font-size:22px}}

.player[hidden],#cancelWordBtn[hidden]{display:none!important}#cancelWordBtn{flex:none;margin-left:0;padding:8px;color:#a43c50;border-color:#e4bdc4;background:#fff4f5;font-size:20px}#cancelWordBtn span{font-size:11px;vertical-align:middle}@media(max-width:400px){#cancelWordBtn span{display:none}}

.scores-card{background:#fffdf8;border:1px solid var(--line);border-radius:15px;padding:18px}.scores-card h3{margin-bottom:10px}.total-score{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;font-size:14px}.total-score strong{font:800 24px Manrope,system-ui}.total-score.blue{color:var(--blue)}.total-score.red{color:var(--red)}@media(max-width:750px){.scores-card{grid-column:1/-1}}

#phaseTitle:empty,#notice:empty{display:none}.turn-card:has(#phaseTitle:empty):has(#notice:empty){display:none}.credits-card #hintBtn{display:flex;align-items:center;justify-content:center;gap:7px}.help-cost{margin-left:5px}.help-coin{display:inline-block;flex:none;width:19px;height:19px;border-radius:50%;background:linear-gradient(135deg,#ffe89a,#e6aa23);border:2px solid #b77b13;box-shadow:inset 0 0 0 2px #f9d76b,0 1px 0 #8c6417}

.score-popup{white-space:pre-line;max-width:min(300px,calc(100% - 8px));font-size:14px;line-height:1.5;padding:12px 16px;border:2px solid #d4a845;box-shadow:0 5px 22px #25373433}

.play-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.play-actions #hintBtn{display:flex;align-items:center;justify-content:center;gap:7px;margin-left:auto;background:#b58623;color:#fff;min-width:100px}.play-actions #hintBtn:hover:enabled{background:#966d19}

.account-gate{position:fixed;inset:0;z-index:100;background:#253734a6;backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.account-gate[hidden]{display:none}.account-box{width:min(420px,100%);background:#fffdf7;border-radius:20px;padding:28px;box-shadow:0 18px 70px #0004;text-align:center}.account-box p{font-size:14px}.account-box #googleButton{display:flex;justify-content:center;margin:20px 0}.account-box form label{display:block;text-align:left;font-size:13px}.account-box input{width:100%;font:inherit;padding:12px;border:1px solid #ccd3c6;border-radius:8px;margin:7px 0 14px}.account-box form button{width:100%}#accountError{color:#b74758}#accountError:empty{display:none}#accountRetry{font-size:12px;background:transparent;border:0;margin-top:10px}

.account-box [hidden]{display:none!important}

/* Preserve the premium square's colour underneath every played letter. */
#board button.dl{--square-color:#dbe8ed}
#board button.tl{--square-color:#9ebcca}
#board button.dw{--square-color:#f0d9cc}
#board button.tw{--square-color:#c5806e}
#board button.occupied{background:var(--square-color,#f8f8f1);color:#263932;box-shadow:inset 0 -3px 0 #25373424}
#board button.occupied.tw{color:#fff}
#board button.score-letter{background:var(--square-color,#f8f8f1)!important}
#board button.score-letter.tw{color:#fff}

#board{grid-template-columns:repeat(15,minmax(0,1fr));grid-template-rows:repeat(15,minmax(0,1fr));aspect-ratio:1}.columns{grid-template-columns:repeat(15,minmax(0,1fr));gap:0;padding-left:0;padding-right:0}.columns button{font-size:12px}#board button{font-size:clamp(11px,2.4vw,24px);border-radius:3px}#board button small{font-size:clamp(5px,.7vw,8px);right:2px;bottom:1px}.bonus-label{font-size:clamp(5px,.9vw,9px)}#board .placement-start{outline:2px solid #d3a22f;outline-offset:-2px}.direction-picker{display:flex;gap:8px;margin:8px 0}.direction-picker button{font-size:12px}.direction-picker button.active{background:#244c3b;color:white}.game-layout{grid-template-columns:minmax(0,750px) minmax(200px,250px)}main{max-width:1180px}@media(min-width:1100px){.game-layout{grid-template-columns:minmax(0,750px) 250px}}@media(max-width:750px){#board button{font-size:clamp(10px,3vw,22px)}.board-shell{padding-left:20px}#board button[data-row]::before{font-size:9px;left:-19px}.columns button{font-size:10px}.direction-picker button{flex:1}}

.mode-gate{z-index:90;overflow-y:auto}.mode-box{width:min(520px,100%);max-height:90dvh;overflow-y:auto}.mode-options{display:grid;gap:10px;margin:18px 0}.mode-options button{text-align:left;display:grid;gap:5px;padding:16px;background:#f3f5ee;border:1px solid #cbd8c8;border-radius:12px}.mode-options strong{font-size:18px}.mode-options span{font-size:13px;color:#56645d}.mode-box [hidden]{display:none!important}#botOptions button{display:block;width:100%;margin:8px 0}#onlineOptions label{display:block;margin-top:18px}#modeError{color:#b74758}#modeStatus{font-weight:700;color:#39704f}.table.waiting .player{visibility:hidden}.scores-card.practice .total-score.red{display:none}#continueModeBtn{margin-top:12px}

.online-game{display:block;width:100%;margin:8px 0;text-align:left;padding:12px;font-size:13px}#onlineGames{max-height:240px;overflow:auto}#onlineCount{font-weight:700}

/* Welcome screen: all play choices in one place. */
.mode-box{width:min(650px,100%)}#modeUser:empty{display:none}.bot-choice{padding:16px;border:1px solid #cbd8c8;border-radius:12px;background:#f3f5ee}.bot-choice h3{margin:0 0 12px}#botOptions{display:flex;gap:10px}#botOptions button{display:block;flex:1;width:auto;margin:0;text-align:center;padding:12px 8px;font-size:16px}.online-games-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.online-games-table th,.online-games-table td{padding:10px 6px;border-bottom:1px solid #dce2d9}.online-games-table th{font-size:12px;color:#56645d}.online-games-table .online-game{margin:0;padding:8px;width:100%;font:inherit}.online-games-table .your-turn{background:#edf6e9}.online-games-table .opponent-turn{background:#eee;color:#777}.online-games-table .opponent-turn button{color:#777;background:#e5e5e5;border-color:#d5d5d5;cursor:default;opacity:1}.online-games-table td:nth-child(2){white-space:nowrap}#onlineGames{max-height:300px}#onlineOptions>h3{margin-top:22px}#createOnlineBtn{margin-top:12px}

/* The welcome screen uses the whole browser viewport. */
.mode-gate{padding:0;background:#fffdf7;backdrop-filter:none;display:block}.mode-gate .mode-box{width:100%;min-height:100dvh;max-height:none;overflow:visible;border-radius:0;box-shadow:none;padding:clamp(20px,4vw,56px)}.mode-box>*{max-width:1100px;margin-left:auto;margin-right:auto}.mode-box .mode-options{margin:24px auto}.mode-box #onlineGames{max-height:none;overflow:visible}.mode-box .online-games-table .online-game{min-height:52px}.mode-box #createOnlineBtn{display:block;margin:20px auto}.mode-box h2{margin-top:0}.mode-box #continueModeBtn{margin:16px auto}@media(min-width:800px){.mode-box .mode-options{grid-template-columns:1fr 1fr;align-items:stretch}.mode-box .mode-options>button{align-content:center}.mode-box .bot-choice{display:flex;flex-direction:column;justify-content:center}}

/* Full-width game with scores in the header and meter beneath the rack. */
header{max-width:none;display:flex;flex-wrap:wrap;gap:14px}.scores-card{display:flex;flex:1;justify-content:center;flex-wrap:wrap;gap:10px 24px;background:transparent;border:0;box-shadow:none;padding:0}.scores-card .total-score{display:flex;align-items:center;gap:10px;padding:6px 0;margin:0}.top-credits{font-size:12px;color:var(--muted)}.top-credits:empty{display:none}main{max-width:none}.game-layout{display:block;width:100%}.game-layout>.table{width:100%;max-width:none}.player-head{display:none}.rack{display:flex;justify-content:center;gap:clamp(1.5px,.5vw,3.5px)}.rack .tile{flex:none;width:clamp(30px,7vw,58px)}.table>.wordometer-card{display:flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:0;box-shadow:none;margin:0;padding:10px}.table>.wordometer-card h3,.table>.wordometer-card p{margin:0}#wordometer{width:70px;height:70px;flex:none}.table>.turn-card{padding:0 16px;border:0;box-shadow:none}.turn-card:has(#modeStatus:empty):has(#notice:empty):has(#phaseTitle:empty){display:none}#hintWord,#hintStatus{text-align:center;margin:4px 12px}#hintWord:empty,#hintStatus:empty{display:none}.board-shell{max-width:1100px;margin:auto}.composer{text-align:center}.composer .word-build{justify-content:center}@media(max-width:600px){header .brand{font-size:18px}header .scores-card{flex-basis:100%;order:3}.scores-card .total-score{font-size:13px;gap:7px}.scores-card .total-score strong{font-size:16px}header nav{margin-left:auto}}