*{box-sizing:border-box}body{color:#3e2723;background-color:#f7f5f0;background-image:radial-gradient(circle,#fcfbf7 0%,#f3efe6 100%);min-height:100vh;margin:0;padding:0;font-family:Georgia,Cambria,Times New Roman,Times,serif}h1,h2,h3,h4,h5{color:#4e342e;margin:0;font-family:Georgia,serif;font-weight:700}.game-container{max-width:1200px;margin:0 auto;padding:24px}.game-layout{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:32px;display:flex}.board-column{flex-direction:column;align-items:center;gap:16px;display:flex}.board{background-color:#8d6e63;border:12px solid #5d4037;border-radius:8px;padding:10px;display:inline-block;box-shadow:0 12px 24px #00000040,inset 0 4px 10px #0000004d}.board-row{display:flex}.square{text-align:center;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#d7ccc8;border:1px solid #ffffff40;justify-content:center;align-items:center;width:42px;height:42px;margin:1px;font-family:Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:700;transition:filter .15s,transform .1s;display:flex;position:relative;overflow:visible}.square:hover{filter:brightness(.95)}.double-letter{color:#806138;background-color:#f0ebc9}.triple-letter{color:#5f6c3d;background-color:#dce5cf}.double-word{color:#48638f;background-color:#d7dfed}.triple-word{color:#ad2fba;background-color:#e4dce7}.center-star{color:#fff;background-color:#262626;font-size:18px}.multiplier-label{pointer-events:none;padding:2px;font-size:9px;font-weight:800;line-height:1.1}.letter{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fffde7;background-image:linear-gradient(135deg,#fffdf0 0%,#f9f6df 100%);border:1px solid #e0dbcd;border-bottom:3px solid #cfc9b9;border-radius:4px;justify-content:center;align-items:center;width:38px;height:38px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 2px 4px #00000026,inset 0 1px #fffc}.letter:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003,inset 0 1px #fffc}.letter.selected{border:2px solid #8e24aa;transform:translateY(-5px);box-shadow:0 6px 12px #8e24aa59}.letter-content{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.letter-text{color:#3e2723;font-family:Georgia,serif;font-size:18px;font-weight:900}.letter-value{color:#5d4037;font-family:sans-serif;font-size:8px;font-weight:700;position:absolute;bottom:2px;right:3px}.last-play-letter{z-index:4;will-change:transform, opacity, filter;backface-visibility:hidden;animation:.52s cubic-bezier(.22,.8,.28,1.12) both last-play-tile-fall}@keyframes last-play-tile-fall{0%{opacity:0;filter:brightness(1.15);transform:translateY(-90px)rotate(-7deg)scale(.88)}1%{opacity:1;filter:brightness(1.15);transform:translateY(-90px)rotate(-7deg)scale(.88)}68%{opacity:1;transform:translateY(4px)rotate(1deg)scale(1.03)}84%{transform:translateY(-3px)rotate(-.5deg)scale(.99)}to{opacity:1;filter:brightness();transform:translateY(0)rotate(0)scale(1)}}@keyframes last-play-tile-fall-mobile{0%{opacity:0;filter:brightness(1.15);transform:translateY(-48px)rotate(-7deg)scale(.88)}1%{opacity:1;filter:brightness(1.15);transform:translateY(-48px)rotate(-7deg)scale(.88)}68%{opacity:1;transform:translateY(3px)rotate(1deg)scale(1.03)}84%{opacity:1;transform:translateY(-2px)rotate(-.5deg)scale(.99)}to{opacity:1;filter:brightness();transform:translate(0,0)rotate(0)scale(1)}}@media (prefers-reduced-motion:reduce){.last-play-letter{animation-duration:1ms;animation-delay:0s!important}}.square.unlocked .letter{background-image:linear-gradient(135deg,#fffde7 0%,#fff59d 100%);border-color:#fbc02d #fbc02d #f9a825;border-bottom-style:solid;border-bottom-width:3px}.square.has-letter .multiplier-label{display:none}.highlighted-square{animation:1.5s infinite alternate pulse-highlight;box-shadow:inset 0 0 0 4px #8e24aa,0 0 8px #8e24aa!important}@keyframes pulse-highlight{0%{opacity:.85}to{opacity:1}}.translucent-letter{opacity:.65;pointer-events:none;animation:2s ease-in-out infinite alternate float-pulse;background-image:linear-gradient(135deg,#f3e5f5cc 0%,#e1bee7cc 100%)!important;border:2px dashed #7b1fa2!important;box-shadow:0 0 10px #8e24aa80!important}@keyframes float-pulse{0%{opacity:.5;transform:scale(.95)}to{opacity:.75;transform:scale(1.02)translateY(-2px)}}.rack-area{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.bench{background-color:#5d4037;background-image:linear-gradient(#8d6e63 0%,#3e2723 100%);border-bottom:8px solid #271510;border-radius:6px;gap:10px;width:366px;padding:10px 20px;display:flex;box-shadow:0 8px 16px #0000004d,inset 0 1px 1px #fff3}.bench>.letter,.bench-empty-slot{flex:0 0 38px}.bench-empty-slot{height:38px}.blank-picker-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#27151094;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.blank-picker{text-align:center;background:#f7f5f0;border:3px solid #5d4037;border-radius:10px;width:min(390px,100%);padding:22px;box-shadow:0 18px 45px #00000059}.blank-picker h2{font-size:24px}.blank-picker p{color:#6d4c41;margin:6px 0 18px;font:600 12px sans-serif}.blank-letter-grid{grid-template-columns:repeat(7,38px);justify-content:center;gap:9px;display:grid}.blank-letter-option{cursor:pointer;background:0 0;border:0;border-radius:4px;width:38px;height:38px;padding:0}.blank-letter-option:focus-visible{outline-offset:3px;outline:3px solid #8e24aa}.blank-picker-cancel{width:100%;margin-top:18px}.control-panel{flex-wrap:wrap;gap:12px;width:100%;margin-top:8px;display:flex}.btn{text-align:center;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;color:#fff;border:none;border-radius:4px;flex:1;padding:12px 18px;font-family:Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:700;transition:background-color .15s,transform .1s,box-shadow .15s;box-shadow:0 2px 4px #00000026,inset 0 1px #fff3}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-submit{background-image:linear-gradient(#546a4f 0%,#44533e 100%);border:1px solid #2d3827;border-bottom:3px solid #1e2518}.btn-submit:hover:not(:disabled){background-image:linear-gradient(#44533e 0%,#354231 100%)}.btn-recall{background-image:linear-gradient(#8c4f4f 0%,#723b3b 100%);border:1px solid #542525;border-bottom:3px solid #3d1717;flex:1}.btn-recall:hover:not(:disabled){background-image:linear-gradient(#723b3b 0%,#5d2f2f 100%)}.btn-shuffle{background-image:linear-gradient(#8d6e63 0%,#6d4c41 100%);border:1px solid #4e342e;border-bottom:3px solid #3e2723;flex:1}.btn-shuffle:hover:not(:disabled){background-image:linear-gradient(#6d4c41 0%,#5d3a31 100%)}.btn-swap{background-image:linear-gradient(#607d8b 0%,#455a64 100%);border:1px solid #37474f;border-bottom:3px solid #263238;flex:1}.btn-swap:hover:not(:disabled){background-image:linear-gradient(#455a64 0%,#37474f 100%)}.btn-pass{background-image:linear-gradient(#a87332 0%,#805224 100%);border:1px solid #65401b;border-bottom:3px solid #482c12}.btn-pass:hover:not(:disabled){background-image:linear-gradient(#8f6029 0%,#6f451d 100%)}.btn-bot{background-image:linear-gradient(#6a1b9a 0%,#4a148c 100%);border:1px solid #311b92;border-bottom:3px solid #1a237e}.btn-bot:hover:not(:disabled){background-image:linear-gradient(#4a148c 0%,#311b92 100%)}.sidebar-column{flex-direction:column;gap:20px;width:320px;display:flex}.panel{background-color:#fdfbf7;border:1px solid #d7ccc8;border-bottom:3px solid #bcaaa4;border-radius:8px;padding:20px;box-shadow:0 4px 12px #0000000f,0 1px 3px #0000000a}.panel h3{color:#4e342e;text-transform:uppercase;letter-spacing:1px;border-bottom:2px double #d7ccc8;margin-bottom:12px;padding-bottom:8px;font-size:15px;font-weight:700}.score-panel{text-align:center}.total-score{color:#5d4037;text-shadow:1px 1px 1px #fffc;margin:10px 0;font-family:Georgia,serif;font-size:54px;font-weight:900;line-height:1}.bag-status{color:#795548;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.recommendation-panel{box-shadow:0 6px 16px #8e24aa1a,0 1px 3px #8e24aa0d;background-color:#fdf5fc!important;border:2px solid #8e24aa!important}.word-log-panel{flex-grow:1}.no-history{color:#8d6e63;text-align:center;margin:16px 0;font-size:13px;font-style:italic}.log-list{flex-direction:column;gap:8px;max-height:250px;padding-right:4px;display:flex;overflow-y:auto}.log-item{background-color:#fcfbf7;border:1px solid #efebe9;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:13.5px;transition:background-color .15s;display:flex}.log-item:hover{background-color:#f7f5f0}.log-word{color:#3e2723;font-family:Georgia,serif;font-weight:700}.log-description{flex-direction:column;gap:3px;display:flex}.log-modifiers{color:#795548;font:600 10px sans-serif}.log-points{color:#2e7d32;font-family:sans-serif;font-size:12px;font-weight:700}.instructions-panel ol{color:#5d4037;margin:0;padding-left:18px;font-size:12.5px;line-height:1.6}.instructions-panel li{margin-bottom:6px}.feedback-alert{border-radius:6px;padding:12px 16px;font-family:sans-serif;font-size:13px;font-weight:500;line-height:1.5;box-shadow:inset 0 1px #fff6}.feedback-success{color:#1b5e20;background-color:#e8f5e9;border:1px solid #c8e6c9}.feedback-error{color:#b71c1c;background-color:#ffebee;border:1px solid #ffcdd2}.feedback-info{color:#0d47a1;background-color:#e3f2fd;border:1px solid #bbdefb}.loading{color:#5d4037;text-align:center;margin-top:120px;font-family:Georgia,serif;font-size:20px;font-weight:700}.valid-word-square{border-color:#00b0ff!important;box-shadow:inset 0 0 0 3px #4fc3f7,0 0 8px #4fc3f799!important}.lobby-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.lobby-card{text-align:center;background:#fdfbf7;border:1px solid #d7ccc8;border-bottom:4px solid #8d6e63;border-radius:12px;flex-direction:column;gap:18px;width:min(520px,100%);padding:32px;display:flex;box-shadow:0 16px 40px #3e272329}.lobby-card p{color:#6d4c41;margin:0}.lobby-card label{text-align:left;text-transform:uppercase;letter-spacing:.5px;flex-direction:column;gap:7px;font:700 12px sans-serif;display:flex}.lobby-card input,.invite-panel input{color:#3e2723;background:#fff;border:1px solid #bcaaa4;border-radius:5px;width:100%;padding:11px 12px;font-size:14px}.lobby-actions,.join-code-row{gap:10px;display:flex}.join-code-row input{flex:1}.join-code-row .btn{flex:none}.score-preview{z-index:20;color:#fff;pointer-events:none;background:#2e7d32;border:2px solid #fff;border-radius:999px;min-width:32px;padding:5px 7px;font:800 11px/1 sans-serif;position:absolute;box-shadow:0 2px 7px #0000004d}.score-preview-H-before{top:50%;right:calc(100% + 5px);transform:translateY(-50%)}.score-preview-H-after{top:50%;left:calc(100% + 5px);transform:translateY(-50%)}.score-preview-V-before{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.score-preview-V-after{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.player-row{border:1px solid #efebe9;border-radius:5px;grid-template-columns:1fr auto;gap:3px 12px;margin-bottom:8px;padding:10px;font-family:sans-serif;display:grid}.player-row.active{background:#f3e5f5;border-color:#8e24aa}.player-score-area{justify-content:flex-end;align-items:center;gap:8px;display:flex}.last-turn-badge{color:#68451f;letter-spacing:.45px;text-transform:uppercase;white-space:nowrap;background:#f0e0bd;border:1px solid #b07b38;border-radius:999px;padding:4px 7px;font:800 9px/1 sans-serif;box-shadow:inset 0 1px #ffffffa6}.player-row small{color:#8d6e63;grid-column:1/-1}.invite-panel p{margin:0 0 10px}.invite-panel input{margin-bottom:10px;font-size:11px}.invite-panel .btn,.game-actions-panel .btn{width:100%}.game-actions-panel{flex-direction:column;gap:10px;display:flex}.game-result-backdrop{z-index:120;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2715109e;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.game-result-card{text-align:center;background:#fdfbf7;border:2px solid #8d6e63;border-bottom:6px solid #5d4037;border-radius:14px;width:min(360px,100%);padding:30px;box-shadow:0 22px 55px #2715106b,inset 0 1px #fff}.game-result-icon{background:#f7f1e5;border:3px solid;border-radius:50%;place-items:center;width:88px;height:88px;margin:0 auto 16px;display:grid;box-shadow:0 6px 15px #3e272329}.game-result-icon svg{fill:none;stroke:currentColor;stroke-width:3.5px;stroke-linecap:round;stroke-linejoin:round;width:56px;height:56px}.result-victory .game-result-icon{color:#8d672c;background:#f3e6c8}.result-defeat .game-result-icon{color:#7a3f3f;background:#f0dddd}.result-draw .game-result-icon{color:#566f7a;background:#dfe7e9}.game-result-eyebrow{color:#8d6e63;letter-spacing:1.4px;text-transform:uppercase;font:800 10px/1 sans-serif}.game-result-card h2{color:#3e2723;margin-top:8px;font-size:34px}.game-result-score{color:#5d4037;margin:10px 0 24px;font:800 24px/1 Georgia,serif}.game-result-score span{color:#bcaaa4;margin:0 8px}.result-return-button{background-image:linear-gradient(#6d4c41 0%,#4e342e 100%);border:1px solid #3e2723;border-bottom:3px solid #271510;width:100%}.result-return-button:hover:not(:disabled){background-image:linear-gradient(#5d4037 0%,#3e2723 100%)}@media (width<=760px){.game-container{width:100%;padding:8px max(8px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));overflow-x:hidden}.game-layout{gap:18px;width:100%}.board-column,.sidebar-column{width:100%}.board-column{gap:12px}.board{border-width:7px;border-radius:6px;flex-direction:column;width:100%;padding:4px;display:flex}.board-row{width:100%}.square{aspect-ratio:1;flex:1 1 0;width:auto;min-width:0;height:auto;margin:.5px;font-size:7px}.square:hover{filter:none}.square>.letter{z-index:3;border-bottom-width:2px;width:auto;height:auto;position:absolute;inset:0}.square .letter:hover{transform:none}.square .letter-text{font-size:clamp(9px,2.8vw,12px);line-height:1;transform:translate(-1px,-1px)}.square .letter-value{font-size:5px;line-height:1;bottom:0;right:1px}.multiplier-label{padding:0;font-size:clamp(6px,2vw,8px)}.center-star{font-size:13px}.square>.last-play-letter{z-index:5;animation-name:last-play-tile-fall-mobile}.score-preview{border-width:1px;min-width:22px;padding:3px 4px;font-size:8px}.score-preview-H-before{right:calc(100% + 2px)}.score-preview-H-after{left:calc(100% + 2px)}.score-preview-V-before{bottom:calc(100% + 2px)}.score-preview-V-after{top:calc(100% + 2px)}.rack-area{padding:0 4px}.bench{border-bottom-width:6px;justify-content:center;gap:6px;width:100%;max-width:366px;min-height:58px;padding:8px 12px}.bench>.letter,.bench-empty-slot{aspect-ratio:1;flex:1 1 0;width:auto;min-width:0;max-width:38px;height:auto}.control-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px;display:grid}.control-panel .btn{width:100%;min-height:44px;padding:10px 6px;font-size:11px}.control-panel .btn-submit{grid-column:1/-1}.panel{padding:16px}.log-list{max-height:220px}.lobby-actions,.join-code-row{flex-direction:column}}