:root{color:#302a4f;background:#c6ecff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;letter-spacing:0;--felt: #c6ecff;--felt-soft: #fff3bf;--board-gap: #7772d8;--board-cell: #d9f1ff;--paper: #fffdf8;--ink: #302a4f;--muted-ink: #6c6388;--tile-top: #fff7ad;--tile-bottom: #ffcf58;--tile-edge: rgba(126, 78, 35, .22);--accent: #ff5f9a;--accent-soft: #ffd3e5;--violet: #7865df;--aqua: #46cfff}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none}button{font:inherit}.app-shell{position:relative;width:100%;height:100%;min-height:640px;overflow:hidden;background:linear-gradient(135deg,#ffffffb8,#fff0 42%),linear-gradient(180deg,#b9eeff,#efe7ff 48%,#fff0b8),var(--felt)}.scene-layer{position:absolute;inset:0}.board-layer{display:grid;place-items:center;padding:96px 24px 198px}.board-grid{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:3px;width:min(660px,100%);aspect-ratio:1 / 1;padding:8px;border:1px solid rgba(71,60,167,.32);border-radius:8px;background:var(--board-gap);transform:translate3d(var(--board-pan-x, 0),var(--board-pan-y, 0),0) scale(var(--board-zoom, 1));transform-origin:center;box-shadow:0 28px 80px #4c49b833,inset 0 0 0 1px #ffffff47;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .16s ease;will-change:transform}.board-grid.is-panning{cursor:grabbing;transition:none}.app-shell.is-game-active{position:fixed;inset:0;display:grid;grid-template-areas:"scores status" "board board" "rack rack";grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);grid-template-rows:auto minmax(0,1fr) auto;gap:6px;width:auto;height:auto;min-height:0;padding:6px;overflow:hidden}.app-shell.is-game-active .scene-layer{position:relative;inset:auto}.app-shell.is-game-active .board-layer{grid-area:board;min-height:0;overflow:hidden;padding:0;place-items:center}.app-shell.is-game-active .board-grid{width:calc(100vw - 12px);max-width:100%}.board-cell{position:relative;display:grid;place-items:center;min-width:0;aspect-ratio:1 / 1;overflow:hidden;border:1px solid rgba(91,99,187,.18);border-radius:4px;background:var(--board-cell);box-shadow:inset 0 1px #ffffff38}.board-cell.premium-double-letter{background:#aeeaff}.board-cell.premium-triple-letter{background:#b9b6ff}.board-cell.premium-double-word{background:#ffd39c}.board-cell.premium-triple-word{background:#ff92b7}.board-cell.is-drop-target{outline:3px solid rgba(255,246,122,.95);outline-offset:-3px}.board-cell.is-invalid-drop-target{background:#ff7a91}.board-premium-label{color:#302a4fad;font-size:.58rem;font-weight:900;line-height:1;pointer-events:none}.premium-triple-letter .board-premium-label,.premium-triple-word .board-premium-label{color:#fffdf8}.tile-piece{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1 / 1;min-width:0;padding:0;border:1px solid var(--tile-edge);border-radius:8px;color:#4a2f31;background:linear-gradient(180deg,var(--tile-top),var(--tile-bottom));box-shadow:0 8px 16px #82591e2b;container-type:inline-size;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.tile-piece:disabled{cursor:default}.tile-piece:active:not(:disabled){cursor:grabbing}.tile-letter{font-size:1.6rem;font-size:52cqw;font-weight:900;line-height:1}.tile-points{position:absolute;right:10%;bottom:8%;font-size:.66rem;font-size:18cqw;font-weight:900;line-height:1}.board-tile{width:88%;box-shadow:0 6px 10px #82591e2e}.board-tile.is-pending{background:linear-gradient(180deg,#fffbbf,#ffc95a);animation:tile-settle .22s ease-out}.board-tile.is-locked{background:linear-gradient(180deg,#ffe995,#f2b84b)}.board-tile.is-dragging{opacity:.32;transform:scale(.88)}.board-controls{position:absolute;top:92px;right:18px;z-index:3;display:inline-flex;gap:6px;padding:5px;border:1px solid rgba(71,60,167,.16);border-radius:999px;background:#fffdf8b8;box-shadow:0 12px 30px #4c49b821;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app-shell.is-game-active .board-controls{top:6px;right:6px}.board-control-button{display:inline-grid;place-items:center;width:32px;height:32px;border:0;border-radius:999px;color:var(--violet);background:#ffffff9e;cursor:pointer}.board-control-button:hover{color:#fffdf8;background:var(--accent)}.hud{position:absolute;z-index:4;border:1px solid rgba(109,95,178,.14);border-radius:8px;background:#fffdf8d6;box-shadow:0 18px 60px #534ba71f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-shell.is-game-active .hud{position:relative;top:auto;right:auto;left:auto;min-width:0;width:auto;padding:7px}.hud-top-left{top:20px;left:20px;width:min(280px,calc(100vw - 40px));padding:16px}.app-shell.is-game-active .hud-top-left{grid-area:scores}.hud-top-right{top:20px;right:20px;width:min(360px,calc(100vw - 40px));padding:16px}.app-shell.is-game-active .hud-top-right{grid-area:status}.brand-row{display:flex;align-items:center;gap:8px;color:var(--violet)}.brand-row h1{margin:0;font-size:1.25rem;line-height:1.1}.app-shell.is-game-active .brand-row{display:none}.score-list{display:grid;gap:8px;margin-top:14px}.app-shell.is-game-active .score-list{gap:4px;margin-top:0}.score-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:38px;padding:8px 10px;border:1px solid rgba(109,95,178,.13);border-radius:8px;background:#ffffff94}.app-shell.is-game-active .score-row{min-height:25px;gap:6px;padding:3px 6px;font-size:.78rem}.score-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-row strong{color:#d64f83;font-size:1.1rem}.app-shell.is-game-active .score-row strong{font-size:.92rem}.score-row.is-active{border-color:#ff5f9a6b;background:#ffe1806b}.turn-label{color:var(--violet);font-size:.78rem;font-weight:800;text-transform:uppercase}.app-shell.is-game-active .turn-label{font-size:.7rem}.status-line{min-height:32px;margin-top:8px;color:var(--ink);font-size:1rem;line-height:1.35}.app-shell.is-game-active .status-line{display:-webkit-box;min-height:0;max-height:22px;margin-top:3px;overflow:hidden;font-size:.82rem;-webkit-box-orient:vertical;-webkit-line-clamp:1}.mini-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;color:var(--muted-ink);font-size:.82rem}.mini-stats span{min-height:26px;max-width:100%;padding:5px 8px;overflow:hidden;border-radius:999px;background:#ffe6f6b8;text-overflow:ellipsis;white-space:nowrap}.app-shell.is-game-active .mini-stats{display:none}.connection-chip{display:inline-flex;align-items:center;gap:5px}.rack-panel{position:absolute;right:50%;bottom:18px;z-index:5;display:grid;width:min(720px,calc(100vw - 28px));gap:12px;padding:14px;transform:translate(50%);border:1px solid rgba(109,95,178,.14);border-radius:8px;background:#fffdf8eb;box-shadow:0 18px 60px #534ba724;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-shell.is-game-active .rack-panel{position:relative;right:auto;bottom:auto;z-index:5;grid-area:rack;width:100%;max-width:none;gap:6px;justify-self:stretch;align-self:end;padding:8px;transform:none}.room-controls{display:grid;gap:10px}.room-controls.is-compact{gap:0}.room-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px}.room-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:8px}.join-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.field-label{display:grid;min-width:0;gap:5px;color:var(--muted-ink);font-size:.74rem;font-weight:900;text-transform:uppercase}.text-input{width:100%;min-width:0;min-height:40px;padding:9px 11px;border:1px solid rgba(109,95,178,.16);border-radius:8px;color:var(--ink);background:#ffffffc2;font:inherit;font-weight:750;outline:none}.text-input:focus{border-color:#ff5f9a7a;box-shadow:0 0 0 3px #ff5f9a21}.code-input{text-transform:uppercase}.share-link{color:var(--muted-ink);font-size:.82rem}.room-card{display:grid;gap:10px;padding:10px;border:1px solid rgba(109,95,178,.12);border-radius:8px;background:#ffffff94}.room-card-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.room-eyebrow{color:var(--muted-ink);font-size:.72rem;font-weight:900;text-transform:uppercase}.room-code{color:var(--accent);font-size:1.35rem;letter-spacing:.08em}.lobby-list{display:flex;flex-wrap:wrap;gap:7px}.lobby-list span{min-height:28px;padding:6px 9px;border-radius:999px;color:var(--ink);background:#ffe6f6b8;font-size:.82rem;font-weight:800}.room-compact{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted-ink);font-size:.86rem;font-weight:800}.room-menu{position:relative;min-width:0}.room-menu summary{display:flex;align-items:center;justify-content:space-between;min-height:34px;padding:7px 10px;border:1px solid rgba(109,95,178,.14);border-radius:8px;color:var(--muted-ink);background:#ffffff94;cursor:pointer;font-size:.86rem;font-weight:850;list-style:none}.app-shell.is-game-active .room-menu summary{min-height:30px;padding:5px 8px;font-size:.78rem}.room-menu summary::-webkit-details-marker{display:none}.room-menu summary strong{color:var(--accent);font-size:.8rem;text-transform:uppercase}.room-menu-panel{position:absolute;right:0;bottom:calc(100% + 8px);left:0;z-index:12;display:grid;gap:9px;padding:10px;border:1px solid rgba(109,95,178,.14);border-radius:8px;background:#fffdf8f7;box-shadow:0 18px 60px #534ba72b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.text-button{padding:0;border:0;color:var(--accent);background:transparent;cursor:pointer;font:inherit;font-weight:900}.saved-rooms{display:flex;gap:7px;overflow-x:auto;padding-bottom:2px}.saved-room{display:grid;min-width:76px;padding:7px 9px;border:1px solid rgba(109,95,178,.13);border-radius:8px;color:var(--ink);background:#ffffff94;cursor:pointer;text-align:left}.saved-room.is-active{border-color:#ff5f9a66;background:#ffe18080}.saved-room.ghost{color:var(--muted-ink)}.saved-room span,.saved-room small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-room span{font-weight:900}.saved-room small{color:var(--muted-ink);font-size:.72rem}.history-note{color:var(--muted-ink);font-size:.78rem;font-weight:750}.rack-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted-ink);font-size:.86rem;font-weight:700}.app-shell.is-game-active .rack-meta{font-size:.76rem}.rack-meta span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rack{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.app-shell.is-game-active .rack{gap:5px}.rack-tile:hover:not(:disabled),.rack-tile.is-drop-target{transform:translateY(-5px);box-shadow:0 14px 24px #82591e33}.rack-tile.is-drop-target{outline:3px solid rgba(70,207,255,.7)}.rack-tile.is-dragging{transform:scale(.96);opacity:.42}.rack-tile.is-pending{cursor:default;opacity:.34}.action-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.app-shell.is-game-active .action-row{gap:5px}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:42px;gap:8px;padding:9px 12px;border:1px solid rgba(109,95,178,.16);border-radius:8px;color:var(--violet);background:#ffffffa8;cursor:pointer;font-weight:800}.app-shell.is-game-active .icon-button{min-height:36px;padding:7px}.icon-button.primary{border-color:#ff5f9a5c;color:#fffdf8;background:var(--accent)}.icon-button.is-drop-target{border-color:#46cfffa6;background:#bef1ffd1}.icon-button:disabled{cursor:default;opacity:.45}.drag-preview{position:fixed;z-index:20;width:72px;max-width:20vw;aspect-ratio:1 / 1;transform:translate(-50%,-50%) rotate(-2deg);pointer-events:none}.drag-preview-tile{box-shadow:0 18px 32px #82591e3d}@keyframes tile-settle{0%{transform:translateY(-12%) scale(1.04)}to{transform:translateY(0) scale(1)}}@media(max-width:820px){.app-shell{min-height:720px}.board-layer{padding:132px 6px 178px}.app-shell.is-game-active{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);min-height:0;padding:6px}.app-shell.is-game-active .board-layer{padding:0}.board-grid{gap:2px;width:100%;padding:5px}.app-shell.is-game-active .board-grid{width:calc(100vw - 12px)}.app-shell.is-game-active .board-controls{top:6px;right:6px}.board-control-button{width:30px;height:30px}.board-premium-label{font-size:.5rem}.hud{box-shadow:0 12px 36px #534ba71c}.hud-top-left{top:8px;left:8px;width:154px;padding:10px}.app-shell.is-game-active .hud-top-left{top:auto;left:auto;width:auto;padding:7px}.hud-top-right{top:8px;right:8px;left:170px;width:auto;padding:10px}.app-shell.is-game-active .hud-top-right{top:auto;right:auto;left:auto;width:auto;padding:7px}.app-shell.is-game-active .brand-row{display:none}.brand-row h1{font-size:1.05rem}.score-list{gap:6px;margin-top:8px}.app-shell.is-game-active .score-list{gap:4px;margin-top:0}.score-row{min-height:30px;padding:5px 7px}.app-shell.is-game-active .score-row{min-height:25px;gap:6px;padding:3px 6px;font-size:.8rem}.app-shell.is-game-active .score-row strong{font-size:.92rem}.app-shell.is-game-active .turn-label{font-size:.7rem}.status-line{min-height:26px;margin-top:5px;font-size:.88rem}.app-shell.is-game-active .status-line{display:-webkit-box;min-height:0;max-height:36px;margin-top:3px;overflow:hidden;font-size:.84rem;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mini-stats{display:none}.rack-panel{bottom:10px;width:calc(100vw - 20px);gap:10px;padding:10px}.app-shell.is-game-active .rack-panel{bottom:auto;width:100%;gap:6px;padding:8px}.app-shell.is-game-active .rack-meta{font-size:.78rem}.rack{gap:6px}.app-shell.is-game-active .rack{gap:5px}.room-grid,.join-form{grid-template-columns:1fr}.room-row{grid-template-columns:1fr auto}.action-row{gap:6px}.app-shell.is-game-active .action-row{gap:5px}.icon-button{min-height:40px;padding:8px}.app-shell.is-game-active .icon-button{min-height:36px;padding:7px}.icon-button span{display:none}}@media(max-width:420px){.hud-top-left{width:142px}.hud-top-right{left:158px}.app-shell.is-game-active .hud-top-left,.app-shell.is-game-active .hud-top-right{right:auto;left:auto;width:auto}}@media(min-width:821px){.app-shell.is-game-active{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:10px;padding:12px}.app-shell.is-game-active .board-grid{width:min(760px,100%,max(520px,calc(100dvh - 236px)))}.app-shell.is-game-active .rack-panel{width:min(760px,100%);justify-self:center;gap:8px;padding:10px}.app-shell.is-game-active .status-line{max-height:40px;-webkit-line-clamp:2}.app-shell.is-game-active .icon-button span{display:inline}}@media(min-width:1120px){.app-shell.is-game-active{grid-template-areas:"scores board status" "scores rack status";grid-template-columns:clamp(170px,15vw,250px) minmax(0,clamp(560px,56vw,900px)) clamp(220px,20vw,340px);grid-template-rows:minmax(0,1fr) auto;gap:clamp(12px,1.25vw,20px);justify-content:center;padding:clamp(14px,1.5vw,24px)}.app-shell.is-game-active .board-layer{place-items:center}.app-shell.is-game-active .board-grid{width:min(100%,max(560px,calc(100dvh - 232px)),900px)}.app-shell.is-game-active .board-controls{top:10px;right:10px}.app-shell.is-game-active .hud{align-self:start;width:100%;max-height:calc(100dvh - 48px);padding:16px;overflow:auto}.app-shell.is-game-active .brand-row{display:flex}.app-shell.is-game-active .score-list{gap:8px;margin-top:14px}.app-shell.is-game-active .score-row{min-height:38px;gap:12px;padding:8px 10px;font-size:1rem}.app-shell.is-game-active .score-row strong{font-size:1.1rem}.app-shell.is-game-active .turn-label{font-size:.78rem}.app-shell.is-game-active .status-line{display:block;min-height:32px;max-height:none;margin-top:8px;overflow:visible;font-size:1rem}.app-shell.is-game-active .mini-stats{display:flex}.app-shell.is-game-active .rack-panel{width:min(900px,100%);gap:10px;padding:12px}.app-shell.is-game-active .room-menu summary{min-height:34px;padding:7px 10px;font-size:.86rem}.app-shell.is-game-active .rack-meta{font-size:.86rem}.app-shell.is-game-active .rack,.app-shell.is-game-active .action-row{gap:8px}.app-shell.is-game-active .icon-button{min-height:40px;padding:9px 12px}}@media(max-height:720px)and (min-width:821px){.board-layer{padding-top:82px;padding-bottom:170px}.hud-top-left,.hud-top-right{top:12px}.rack-panel{bottom:10px}}@media(prefers-reduced-motion:reduce){.tile-piece,.board-tile.is-pending{transition:none;animation:none}}