.tile[data-v-7f6219d5]{display:inline-flex;align-items:center;justify-content:center;width:var(--hand-tile-size);height:var(--hand-tile-size);margin:3px;background:linear-gradient(145deg,#fef3c7,#fde68a);border:none;border-radius:var(--hand-tile-radius);position:relative;font-family:Inter,sans-serif;font-weight:700;font-size:var(--hand-tile-font);text-align:center;vertical-align:middle;line-height:var(--hand-tile-size);color:#1e293b;box-shadow:0 2px 6px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.5);transition:all .15s ease;cursor:grab}.tile[data-v-7f6219d5]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.5)}.boardTile[data-v-7f6219d5]{width:var(--board-tile-size);height:var(--board-tile-size);margin:0;background:linear-gradient(145deg,#fef3c7,#fde68a);border:none;border-radius:var(--board-tile-radius);font-size:var(--board-tile-font);line-height:var(--board-tile-size);box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:default}.boardTile[data-v-7f6219d5]:hover{transform:none;box-shadow:0 1px 3px rgba(0,0,0,.2)}.unconfirmed[data-v-7f6219d5]{background:linear-gradient(145deg,#fecaca,#fca5a5);box-shadow:0 2px 8px rgba(239,68,68,.3),inset 0 1px 0 hsla(0,0%,100%,.4)}.lastPacked[data-v-7f6219d5]{background:linear-gradient(145deg,#c4b5fd,#a78bfa);box-shadow:0 2px 12px rgba(139,92,246,.4)}.letter[data-v-7f6219d5]{display:block;color:#1e293b}.points[data-v-7f6219d5]{position:absolute;top:1px;right:2px;font-size:var(--points-font);font-weight:600;color:#64748b}.dragging[data-v-7f6219d5]{opacity:.5;background:linear-gradient(145deg,#d4a574,#c09060);transform:scale(1.05)}.board-container[data-v-c920737e]{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;justify-items:center}.player-container[data-v-c920737e]{display:flex;flex-direction:column;margin-bottom:20px;font-family:Inter,sans-serif;gap:6px}.player[data-v-c920737e]{font-size:14px;font-weight:600;display:flex;justify-content:space-between;padding:10px 16px;background:rgba(67,92,132,.7);border:1px solid rgba(148,163,184,.1);border-radius:10px;width:280px;max-width:300px;transition:all .2s ease}.player[data-v-c920737e]:hover{background:rgba(30,41,59,.9)}.player-name[data-v-c920737e]{color:#e2e8f0}.player-score[data-v-c920737e]{color:#a78bfa;font-weight:700;font-size:16px}.board[data-v-c920737e]{display:grid;grid-template-columns:repeat(15,var(--cell-size));grid-template-rows:repeat(15,var(--cell-size));gap:1px;background:linear-gradient(145deg,rgba(15,23,42,.8),rgba(0,0,0,.5));border-radius:var(--board-radius);border:1px solid rgba(148,163,184,.15)}.row[data-v-c920737e]{display:contents}.cell[data-v-c920737e]{width:var(--cell-size);height:var(--cell-size);display:flex;justify-content:center;align-items:center;background:#6aab74;text-align:center;font-size:var(--cell-font);font-weight:700;letter-spacing:.03em;border-radius:var(--cell-radius);transition:background-color .15s ease}.cell span[data-v-c920737e]{white-space:pre-line;line-height:1.1;opacity:.7}.triple-word[data-v-c920737e]{background:linear-gradient(135deg,#ef4444,#dc2626);color:hsla(0,0%,100%,.9)}.double-word[data-v-c920737e]{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:rgba(0,0,0,.6)}.triple-letter[data-v-c920737e]{background:linear-gradient(135deg,#818cf8,#6366f1);color:hsla(0,0%,100%,.9)}.double-letter[data-v-c920737e]{background:linear-gradient(135deg,#67e8f9,#22d3ee);color:rgba(0,0,0,.5)}.middle-row[data-v-c920737e]{display:flex;flex-direction:row}.highlight[data-v-c920737e]{background-color:rgba(99,102,241,.3)}.fade-enter-active[data-v-c920737e],.fade-leave-active[data-v-c920737e]{transition:opacity .2s ease}.fade-enter-from[data-v-c920737e],.fade-leave-to[data-v-c920737e]{opacity:0}.wild-letter-overlay[data-v-c920737e]{position:fixed;inset:0;background:rgba(15,23,42,.85);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.wild-letter-modal[data-v-c920737e]{width:min(400px,100%);background:linear-gradient(145deg,#0f172a,#1e293b);border-radius:18px;border:1px solid rgba(148,163,184,.3);padding:28px;box-shadow:0 30px 60px rgba(0,0,0,.45);text-align:center;color:#e2e8f0}.wild-letter-modal h3[data-v-c920737e]{margin-bottom:6px;font-size:20px;letter-spacing:.04em}.wild-letter-subtitle[data-v-c920737e]{margin-bottom:18px;color:rgba(226,232,240,.8);font-size:14px}.wild-letter-input[data-v-c920737e]{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(148,163,184,.3);background:rgba(15,23,42,.4);color:#fff;font-size:18px;letter-spacing:.2em;text-align:center;text-transform:uppercase}.wild-letter-input[data-v-c920737e]:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 3px rgba(129,140,248,.24)}.wild-letter-error[data-v-c920737e]{margin-top:12px;color:#f87171;font-size:13px}.wild-letter-actions[data-v-c920737e]{margin-top:20px;display:flex;gap:10px;justify-content:center}.wild-letter-actions .btn[data-v-c920737e]{width:120px}.room-card[data-v-3fc3888e]{background:rgba(30,41,59,.6);border:1px solid rgba(148,163,184,.1);border-radius:14px;padding:16px;width:220px;box-shadow:0 4px 16px rgba(0,0,0,.2);font-family:Inter,sans-serif;margin:8px auto;transition:all .2s ease;cursor:pointer}.room-card[data-v-3fc3888e]:hover{background:rgba(30,41,59,.8);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.room-card h3[data-v-3fc3888e]{font-size:1.1rem;color:#e2e8f0;margin:0 0 8px 0;font-weight:600}.room-card p[data-v-3fc3888e]{font-size:.85rem;color:#94a3b8;margin:4px 0}.room-card .players[data-v-3fc3888e]{display:block;margin-top:10px;color:#a78bfa;font-size:.85rem;font-weight:500}.room-container[data-v-3fc3888e]{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.room-card.selected[data-v-3fc3888e]{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.4);box-shadow:0 4px 20px rgba(99,102,241,.2)}.flag-icon[data-v-3fc3888e]{width:22px;height:22px;margin-bottom:8px;border-radius:3px}.text-input-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:100}.text-input-container{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(148,163,184,.12);padding:32px;border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;min-width:300px}.text-input-container .input-field{width:100%;padding:12px 16px;margin-bottom:16px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:rgba(15,23,42,.6);color:#e2e8f0;font-size:15px;font-family:Inter,sans-serif;transition:all .2s ease;outline:none}.text-input-container .input-field:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.text-input-container .input-field::-moz-placeholder{color:#64748b}.text-input-container .input-field::placeholder{color:#64748b}.text-input-container .btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:12px 32px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;border-radius:12px;transition:all .2s ease;width:100%}.text-input-container .btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px rgba(99,102,241,.4);transform:translateY(-1px)}*{box-sizing:border-box}body{margin:0;padding:0}:root{--cell-size:40px;--cell-font:9px;--cell-radius:3px;--board-tile-size:38px;--board-tile-font:17px;--board-tile-radius:4px;--hand-tile-size:50px;--hand-tile-font:22px;--hand-tile-radius:8px;--points-font:10px;--board-padding:8px;--board-radius:16px;--table-padding:40px}@media (max-width:632px){:root{--cell-size:calc(6.66667vw - 1.06667px);--cell-font:clamp(5px,1.4vw,9px);--cell-radius:2px;--board-tile-size:calc(6.66667vw - 3.06667px);--board-tile-font:clamp(11px,2.6vw,17px);--board-tile-radius:2px;--hand-tile-size:clamp(32px,8vw,50px);--hand-tile-font:clamp(16px,3.5vw,22px);--hand-tile-radius:6px;--points-font:clamp(7px,1.5vw,10px);--board-padding:4px;--board-radius:10px;--table-padding:12px}}#app{justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e2e8f0}#app,.join-container{display:flex;align-items:center;flex-direction:column}.join-container{background:rgba(30,41,59,.8);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.4);padding:40px;width:380px}.join-container p{color:#94a3b8;font-size:15px;font-weight:500;margin-bottom:8px}.table-container{background:rgba(47,64,92,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(155,171,194,.08);border-radius:24px;box-shadow:0 25px 60px rgba(0,0,0,.5);color:#e2e8f0;max-width:100vw}.table-container p{text-align:center;font-weight:500;color:#94a3b8;font-size:14px;margin:8px 0}.form-group{width:100%}.form-group label{color:#cbd5e1;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;display:block}.input-field{width:100%;padding:12px 16px;margin-bottom:16px;border:1px solid rgba(148,163,184,.2);border-radius:12px;background:rgba(15,23,42,.6);color:#e2e8f0;font-size:15px;font-family:Inter,sans-serif;transition:all .2s ease;outline:none}.input-field:focus{border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.input-field::-moz-placeholder{color:#64748b}.input-field::placeholder{color:#64748b}.button-group{display:flex;flex-direction:column;width:100%;margin-bottom:12px}.btn{margin:4px 0;padding:12px 20px;font-size:14px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;border-radius:12px;width:100%;text-align:center;transition:all .2s ease;border:none;letter-spacing:.01em}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.btn:active{transform:translateY(0)}.btn-control{width:auto;padding:10px 16px;border-radius:10px;font-size:13px}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none}.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 20px rgba(99,102,241,.4)}.btn-primary:disabled{background:#334155;color:#64748b;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;border:none}.btn-secondary:hover{background:linear-gradient(135deg,#d97706,#ea580c);box-shadow:0 6px 20px rgba(245,158,11,.3)}.reconnect-container{margin-bottom:16px;width:100%}.btn-reconnect{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border:none;font-size:13px;padding:10px 16px;border-radius:10px}.btn-reconnect:hover{background:linear-gradient(135deg,#d97706,#dc2626);box-shadow:0 6px 20px rgba(239,68,68,.3)}.btn-reconnect i{margin-right:6px}.error-message{color:#fb7185;font-weight:600;margin-top:12px;font-size:14px;background:rgba(244,63,94,.1);padding:8px 16px;border-radius:8px;border:1px solid rgba(244,63,94,.2)}.game-container{background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(148,163,184,.1);border-radius:20px;box-shadow:0 25px 50px rgba(0,0,0,.4);padding:30px;display:flex;flex-direction:column;align-items:center;width:300px}.row{display:flex;flex-direction:row}.letters{margin-top:20px}.letter-row{gap:2px}.actions,.letter-row{display:flex;flex-wrap:wrap;justify-content:center}.actions{margin-top:20px;gap:8px}.actions .btn{margin:3px;padding:10px 16px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;border-radius:10px}.actions .btn i{margin-right:6px}.actions .btn-pass{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.actions .btn-pass:hover{box-shadow:0 6px 20px rgba(16,185,129,.3)}.actions .btn-cancel{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.actions .btn-cancel:hover{box-shadow:0 6px 20px rgba(168,85,247,.3)}.actions .btn-change{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.actions .btn-change:hover{box-shadow:0 6px 20px rgba(245,158,11,.3)}.actions .btn-surrender{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.actions .btn-surrender:hover{box-shadow:0 6px 20px rgba(239,68,68,.3)}.actions .btn-shuffle{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.actions .btn-shuffle:hover{box-shadow:0 6px 20px rgba(99,102,241,.3)}.btn-highlight{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.btn-highlight:hover{box-shadow:0 6px 20px rgba(6,182,212,.3)}.btn-highlight i{margin-right:6px}.game-item{padding:12px;border:1px solid rgba(148,163,184,.15);margin-bottom:10px;cursor:pointer;border-radius:10px;background:rgba(30,41,59,.5);transition:all .2s ease}.game-item:hover{background:rgba(51,65,85,.6)}.game-item.selected{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.4)}.room-name-input{margin-bottom:12px;padding:8px 12px;border-radius:8px;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.6);color:#e2e8f0}.create-room-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:100}.create-room-container{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(148,163,184,.12);border-radius:20px;box-shadow:0 25px 60px rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;min-width:340px;color:#e2e8f0}.language-options{display:flex;align-items:center;margin-bottom:16px;gap:8px;flex-wrap:wrap}.language-options label{display:inline-flex;align-items:center;gap:4px;color:#cbd5e1;font-size:14px;font-weight:500;cursor:pointer}.language-options input[type=radio]{accent-color:#6366f1}.flag-icon{width:20px;height:20px;margin-right:4px;border-radius:2px}.player-options{display:flex;align-items:center;margin-bottom:16px;gap:8px}.player-options label{color:#cbd5e1;font-size:14px;font-weight:500;cursor:pointer}.player-options input[type=radio]{accent-color:#6366f1}.btn-cancel{background:rgba(100,116,139,.3);color:#94a3b8;border:1px solid rgba(148,163,184,.15);margin-top:8px}.btn-cancel:hover{background:rgba(100,116,139,.5);color:#e2e8f0}