:root{--page:#e6f5ff;--ink:#2e3a59;--soft:#6a7899;--card:#fff;--blue:#3d9bff;--orange:#ff8a4c;--sun:#ffc233;--green:#3fbf7a;--pink:#ff6fa8;--empty:#d5deec;--sand-a:#ffe9bf;--sand-b:#ffe1aa;--tile:#ffd98a;--tile-edge:#d99a3e;--tile-mine:#ff9a57;--tile-mine-edge:#c9622e;--radius:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--page);height:100%;color:var(--ink);margin:0}body{overscroll-behavior:none;font:600 17px/1.35 Fredoka,Comic Sans MS,system-ui,sans-serif}button,input{font:inherit;color:inherit}h2{color:var(--soft);margin:18px 4px 6px;font-size:18px}#root{min-height:100%}.screen{max-width:560px;padding:max(10px, env(safe-area-inset-top)) 12px max(14px, env(safe-area-inset-bottom));flex-direction:column;gap:10px;margin:0 auto;display:flex}.screen.center{text-align:center;justify-content:center;align-items:center;min-height:100vh}.center-text{text-align:center}.soft{color:var(--soft)}.big-text{font-size:22px;font-weight:700}.error{color:#e0466e;text-align:center;margin:0}.card{background:var(--card);border-radius:var(--radius);padding:14px;box-shadow:0 4px #2e3a5914}.juice{pointer-events:none;z-index:50;width:100vw;height:100vh;position:fixed;inset:0}.btn{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:16px;padding:12px 18px;font-weight:700;transition:transform 80ms;box-shadow:0 5px #2577d1}.btn:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px #2577d1}.btn:disabled{opacity:.45;cursor:default}.btn.green{background:var(--green);box-shadow:0 5px #248a55}.btn.orange{background:var(--orange);box-shadow:0 5px 0 var(--tile-mine-edge)}.btn.ghost{color:var(--ink);background:#fff;box-shadow:0 5px #c5d2e6}.btn.big{padding:14px 22px;font-size:22px}.btn.wide{width:100%}.icon-btn{cursor:pointer;background:#fff;border:0;border-radius:14px;flex:none;width:42px;height:42px;font-size:22px;box-shadow:0 4px #c5d2e6}.topbar{align-items:center;gap:8px;display:flex}.topbar .title{text-align:center;flex:1;font-size:20px;font-weight:700}.logo{letter-spacing:1px;background:linear-gradient(90deg, var(--blue), var(--pink), var(--orange));color:#0000;-webkit-background-clip:text;background-clip:text;flex:none;width:fit-content;margin-right:auto;font-size:30px;font-weight:700}.logo.big{text-align:center;flex:none;margin-top:24px;font-size:52px}.bag{background:#fff;border-radius:14px;padding:8px 12px;box-shadow:0 4px #c5d2e6}.login{align-items:center}.friends{align-items:flex-end;gap:8px;margin:6px 0 4px;display:flex}.form{flex-direction:column;gap:10px;width:100%;display:flex}input{border:3px solid var(--empty);background:#f7fbff;border-radius:14px;outline:none;width:100%;padding:12px 14px}input:focus{border-color:var(--blue)}.hello{align-items:center;gap:12px;display:flex}.join{gap:8px;display:flex}.join input{text-transform:uppercase;letter-spacing:3px}.game-row{text-align:left;cursor:pointer;border:0;align-items:center;gap:12px;width:100%;display:flex}.game-row.my-turn{box-shadow:0 0 0 3px var(--sun), 0 4px 0 #2e3a5914}.faces{display:flex}.faces .buddy{margin-right:-8px}.row-text{flex:1;min-width:0;padding-left:8px}.row-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-sub{color:var(--soft);font-size:14px}.my-turn .row-sub{color:#e08a00}.label{color:var(--soft);margin-bottom:8px}.toggle{background:#eef4fb;border-radius:16px;gap:6px;padding:5px;display:flex}.toggle button{cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:10px 6px;font-weight:700;display:flex}.toggle button small{color:var(--soft);font-size:12px;font-weight:500}.toggle button.on{background:#fff;box-shadow:0 3px #c5d2e6}.toggle.small button{padding:6px 4px;font-size:15px}.seat-row{align-items:center;gap:10px;margin-bottom:10px;display:flex}.seat-me{flex:1;font-size:20px}.seat-choice{flex-direction:column;flex:1;gap:6px;display:flex}.player-row{align-items:center;gap:12px;display:flex}.winner-name{color:var(--green)}.game{gap:8px}.players{gap:6px;display:flex}.player{background:#fff;border-radius:16px;flex-direction:column;flex:1;align-items:center;min-width:0;padding:6px 4px 8px;transition:transform .2s;display:flex;position:relative;box-shadow:0 4px #2e3a5914}.player.on{box-shadow:0 0 0 3px var(--sun), 0 4px 0 #2e3a5914;transform:translateY(-2px)}.player.on .buddy{animation:1s ease-in-out infinite hop}.player.winner{box-shadow:0 0 0 3px var(--green)}.player-name{color:var(--soft);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13px;overflow:hidden}.player-score{font-size:22px;font-weight:700;line-height:1}.dot{background:var(--empty);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;right:8px}.dot.live{background:var(--green)}.status{text-align:center;min-height:26px;font-size:19px}.layout{flex-direction:column;gap:10px;display:flex}.board-wrap{width:100%;max-width:max(300px,100dvh - 340px);margin:0 auto}.board{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#e9c98c;border-radius:14px;grid-template-columns:repeat(15,1fr);gap:2px;width:100%;padding:5px;display:grid;box-shadow:0 6px #c9a466;container-type:inline-size}.cell{background:var(--sand-a);aspect-ratio:1;cursor:pointer;border-radius:5px;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}.cell:nth-child(2n){background:var(--sand-b)}.cell.dl{background:#bde3ff}.cell.tl{background:#6fbbff}.cell.dw{background:#ffc4d9}.cell.tw{background:#ff7fa9}.cell.target:hover{outline:3px solid var(--sun)}.cell.drop-target{z-index:1;box-shadow:0 0 0 3px var(--sun), 0 0 12px 2px var(--sun);background:#fff3c4;transform:scale(1.18)}.lifting .tile{opacity:.35}.prem-label{text-align:center;color:#2e3a59bf;flex-direction:column;align-items:center;font-weight:700;line-height:1;display:flex}.prem-x{font-size:2.6cqw}.prem-what{text-transform:uppercase;font-size:1.15cqw;display:none}@container (width>=520px){.prem-what{display:block}.prem-x{font-size:2cqw}}.cell.tw .prem-label,.cell.tl .prem-label{color:#fff}.tile{background:var(--tile);width:100%;height:100%;box-shadow:inset 0 -3px 0 var(--tile-edge), 0 1px 0 #00000026;color:var(--ink);-webkit-user-drag:none;border-radius:22%;justify-content:center;align-items:center;display:flex;position:relative}.tile:before{content:"";background:#ffffff80;border-radius:8px;height:11%;position:absolute;top:9%;left:14%;right:14%}.tile-letter{font-size:4.3cqw;font-weight:700;line-height:1}.tile-points{font-size:1.6cqw;line-height:1;position:absolute;bottom:8%;right:9%}.tile.blank .tile-letter{color:#9b7bff}.rack .tile.blank .tile-letter{opacity:.45}.tile.mine{background:var(--tile-mine);box-shadow:inset 0 -3px 0 var(--tile-mine-edge);color:#fff}.tile.fresh{box-shadow:0 0 0 2px var(--green), inset 0 -3px 0 var(--tile-edge);animation:.5s ease-out pop}.pending{touch-action:none;width:100%;height:100%}.pending .tile{animation:.25s ease-out pop}.preview-line{justify-content:center;align-items:center;min-height:34px;display:flex}.bubble{color:#fff;text-align:center;border-radius:999px;padding:5px 14px;animation:.25s ease-out pop}.bubble.good{background:var(--green)}.bubble.bad{background:#a3aedb}.rack{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#c98f4f;border-radius:16px;grid-template-columns:repeat(7,1fr);gap:6px;padding:8px;display:grid;box-shadow:0 6px #9c6a33;container-type:inline-size}.rack-slot{aspect-ratio:1;cursor:grab;transition:transform .12s}.rack-slot .tile-letter{font-size:7.5cqw}.rack-slot .tile-points{font-size:2.6cqw}.rack-slot.selected{transform:translateY(-10px)}.rack-slot.selected .tile{box-shadow:0 0 0 3px var(--sun), inset 0 -3px 0 var(--tile-edge)}.rack-slot.marked .tile{background:var(--empty);box-shadow:inset 0 -3px #bcc9db}.rack-slot.empty{background:#0000001f;border-radius:22%}.rack-slot.empty.landing{box-shadow:0 0 0 3px var(--sun);background:#fff3c480}.drag-ghost{pointer-events:none;z-index:60;width:52px;height:52px;position:fixed;top:0;left:0}.drag-ghost .tile-letter{font-size:28px}.drag-ghost.on-cursor{opacity:.78}.drag-ghost .tile-points{font-size:11px}.actions{gap:8px;display:flex}.actions .btn{flex:1}.side{flex-direction:column;gap:8px;display:flex}.last-move{align-items:center;gap:8px;padding:10px 12px;display:flex}.history{max-height:160px;padding:8px 12px;display:none;overflow:auto}.history-row{align-items:center;gap:8px;padding:3px 0;display:flex}.history-dot{border-radius:50%;flex:none;width:10px;height:10px}.history-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.history-score{color:var(--green)}.modal{z-index:40;background:#2e3a5959;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.picker{text-align:center;max-width:420px}.letters{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.letter{background:var(--tile);box-shadow:inset 0 -3px 0 var(--tile-edge);cursor:pointer;border:0;border-radius:12px;padding:10px 0;font-size:22px;font-weight:700}.toast{left:50%;bottom:max(24px, env(safe-area-inset-bottom));background:var(--ink);color:#fff;z-index:45;text-align:center;border-radius:16px;max-width:calc(100vw - 32px);padding:12px 18px;animation:.25s ease-out pop;position:fixed;transform:translate(-50%)}.shake{animation:.4s shake}.bounce{animation:1s ease-in-out infinite hop}@keyframes pop{0%{transform:scale(.6)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes hop{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (width>=900px){.screen.game{max-width:1100px}.layout{flex-direction:row;align-items:flex-start}.board-wrap{flex:1;max-width:min(680px,100vh - 300px)}.side{width:320px}.history{max-height:420px;display:block}.game .rack,.game .actions,.game .preview-line{align-self:center;width:100%;max-width:560px}}