*{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}.header-bar{text-align:center;border-bottom:2px double #d7ccc8;width:100%;margin-bottom:8px;padding-bottom:12px}.header-bar h1{letter-spacing:1px;color:#4e342e;text-shadow:1px 1px #fff;font-size:32px}.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:#01579b;background-color:#b3e5fc}.triple-letter{color:#fff;background-color:#0288d1}.double-word{color:#b71c1c;background-color:#ffcdd2}.triple-word{color:#fff;background-color:#e53935}.center-star{color:#b71c1c;background-color:#ffcdd2;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}.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}.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;padding:10px 20px;display:flex;box-shadow:0 8px 16px #0000004d,inset 0 1px 1px #fff3}.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-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}.game-status-line{color:#6d4c41;margin-top:8px;font:600 13px sans-serif}.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%)}.connection-dot{border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.connection-dot.online{background:#43a047}.connection-dot.offline{background:#e53935}.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-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}@media (width<=760px){.game-container{padding:10px}.board{transform-origin:top;margin-bottom:-185px;transform:scale(.72)}.sidebar-column{width:100%}.lobby-actions,.join-code-row{flex-direction:column}}