:root{--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-gradient-start: #0f172a;--bg-gradient-end: #020617;--p1-color: #38bdf8;--p1-glow: rgba(56, 189, 248, .4);--p1-bg: rgba(14, 165, 233, .15);--p2-color: #f43f5e;--p2-glow: rgba(244, 63, 94, .4);--p2-bg: rgba(225, 29, 72, .15);--accent-gold: #fbbf24;--panel-bg: rgba(30, 41, 59, .7);--panel-border: rgba(255, 255, 255, .1);--cell-bg: rgba(15, 23, 42, .6);--cell-hover: rgba(51, 65, 85, .8)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:radial-gradient(circle at top center,#1e1b4b 0%,var(--bg-gradient-start) 50%,var(--bg-gradient-end) 100%);color:#f8fafc;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:1rem;overflow-x:hidden}#root{width:100%;max-width:1200px}.glass-card{background:var(--panel-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:16px;box-shadow:0 8px 32px #0000005e}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{background:#64748b80;border-radius:4px}@keyframes popIn{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px var(--accent-gold)}50%{box-shadow:0 0 25px var(--accent-gold)}}@keyframes floatScore{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-40px) scale(1.3);opacity:0}}.pop-in{animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.header-title-container{display:flex;align-items:center;gap:.75rem}.header-logo{display:flex;font-weight:800;font-size:1.5rem;background:#0f172acc;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:.25rem .6rem}.logo-letter.p1{color:var(--p1-color);text-shadow:0 0 8px var(--p1-glow)}.logo-letter.p2{color:var(--p2-color);text-shadow:0 0 8px var(--p2-glow)}.header-title{font-size:1.6rem;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header-title .highlight{color:var(--p1-color);-webkit-text-fill-color:var(--p1-color)}.header-subtitle{font-size:.8rem;color:#94a3b8;font-weight:400}.header-controls{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap}.mode-selector{display:flex;background:#0f172a99;padding:.25rem;border-radius:10px;border:1px solid rgba(255,255,255,.08)}.mode-btn{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:none;background:transparent;color:#94a3b8;font-size:.825rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.mode-btn:hover{color:#f8fafc}.mode-btn.active{background:#ffffff1f;color:#fff;box-shadow:0 2px 8px #0000004d}.header-actions{display:flex;gap:.5rem}.icon-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:#e2e8f0;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:#ffffff26;transform:translateY(-1px)}.restart-btn:hover{border-color:var(--p1-color);color:var(--p1-color)}.scoreboard-container{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;width:100%}.player-card{flex:1;display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.player-card.p1{border-left:4px solid var(--p1-color)}.player-card.p2{border-left:4px solid var(--p2-color)}.player-card.active-turn{transform:translateY(-2px);box-shadow:0 8px 24px #0006}.player-card.p1.active-turn{border-color:var(--p1-color);box-shadow:0 0 20px var(--p1-glow);background:linear-gradient(135deg,var(--p1-bg) 0%,rgba(30,41,59,.8) 100%)}.player-card.p2.active-turn{border-color:var(--p2-color);box-shadow:0 0 20px var(--p2-glow);background:linear-gradient(135deg,var(--p2-bg) 0%,rgba(30,41,59,.8) 100%)}.player-info{display:flex;align-items:center;gap:.75rem}.player-avatar{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.p1-avatar{background:linear-gradient(135deg,#0284c7,#38bdf8);box-shadow:0 4px 12px var(--p1-glow)}.p2-avatar{background:linear-gradient(135deg,#e11d48,#f43f5e);box-shadow:0 4px 12px var(--p2-glow)}.player-name{font-weight:700;font-size:1.05rem;color:#f8fafc}.tiles-left{font-size:.8rem;color:#94a3b8}.player-score{display:flex;align-items:center;gap:.4rem;font-size:1.8rem;font-weight:800;padding:.2rem .6rem;border-radius:10px;background:#0f172a99}.p1-score{color:var(--p1-color)}.p2-score{color:var(--p2-color)}.trophy-icon{opacity:.8}.vs-divider{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#1e293be6;border:1px solid var(--panel-border);color:#64748b;font-weight:800;font-size:.75rem}.tile-rack-container{background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--panel-border);border-radius:16px;padding:1rem;transition:all .3s ease}.tile-rack-container.active{border-color:#ffffff40}.tile-rack-container.player1.active{box-shadow:0 0 16px var(--p1-glow)}.tile-rack-container.player2.active{box-shadow:0 0 16px var(--p2-glow)}.rack-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.rack-label{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#94a3b8}.rack-hint{font-size:.75rem;color:var(--accent-gold);font-weight:600;animation:pulseGlow 2s infinite}.rack-tiles{display:flex;flex-wrap:wrap;gap:.6rem;min-height:54px}.empty-rack-message{color:#64748b;font-size:.85rem;font-style:italic;padding:.5rem 0}.tile-btn{width:48px;height:48px;border-radius:12px;border:2px solid transparent;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 10px #0000004d}.tile-btn.player1{background:linear-gradient(135deg,#1e293b,#0f172a);color:var(--p1-color);border-color:#38bdf866}.tile-btn.player2{background:linear-gradient(135deg,#1e293b,#0f172a);color:var(--p2-color);border-color:#f43f5e66}.tile-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.05);box-shadow:0 6px 16px #0006}.tile-btn.player1:hover:not(:disabled){border-color:var(--p1-color);box-shadow:0 0 12px var(--p1-glow)}.tile-btn.player2:hover:not(:disabled){border-color:var(--p2-color);box-shadow:0 0 12px var(--p2-glow)}.tile-btn.selected{transform:translateY(-6px) scale(1.1);animation:pulseGlow 1.5s infinite}.tile-btn.player1.selected{background:var(--p1-color);color:#0f172a;border-color:#fff}.tile-btn.player2.selected{background:var(--p2-color);color:#fff;border-color:#fff}.tile-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.board-container{padding:1.25rem;display:flex;justify-content:center;align-items:center;width:100%;max-width:460px;margin:0 auto}.board-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:.75rem;width:100%;aspect-ratio:1 / 1}.board-cell{position:relative;background:var(--cell-bg);border:1.5px solid rgba(255,255,255,.08);border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:inset 0 2px 4px #0006}.board-cell.empty:hover:not(:disabled),.board-cell.drag-over{background:var(--cell-hover);border-color:var(--accent-gold);transform:scale(1.04);box-shadow:0 0 12px var(--p1-glow)}.board-cell.highlighted{border-color:var(--accent-gold)!important;box-shadow:0 0 16px var(--accent-gold),inset 0 0 8px var(--accent-gold);z-index:2;animation:pulseGlow 1.5s infinite}.board-cell.last-move{border-color:#fff6}.cell-tile{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:14px;position:relative;font-weight:800;font-size:2rem;box-shadow:0 4px 12px #0000004d}.cell-tile.player1{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border:1px solid var(--p1-color);box-shadow:0 4px 14px var(--p1-glow)}.cell-tile.player2{background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;border:1px solid var(--p2-color);box-shadow:0 4px 14px var(--p2-glow)}.tile-text{line-height:1}.owner-dot{width:6px;height:6px;border-radius:50%;position:absolute;bottom:8px;background:#fff;box-shadow:0 0 6px #fff}.hover-preview{font-size:1.8rem;font-weight:800;color:#ffffff40;transition:all .2s ease}.scored-log-container{padding:1.25rem;display:flex;flex-direction:column;height:100%;max-height:480px}.log-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--panel-border);margin-bottom:.75rem}.sparkle-icon{color:var(--accent-gold)}.log-title{font-size:.95rem;font-weight:700;color:#f8fafc}.log-content{flex:1;overflow-y:auto;padding-right:.25rem}.empty-log-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;color:#64748b}.zap-icon{margin-bottom:.5rem;opacity:.5}.empty-log-state p{font-size:.9rem;font-weight:600;color:#94a3b8}.empty-log-state p.sub{font-size:.78rem;color:#64748b;margin-top:.25rem}.words-list{display:flex;flex-direction:column;gap:.6rem}.word-card{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;border-radius:12px;background:#0f172a99;border:1px solid rgba(255,255,255,.08);transition:all .2s ease;cursor:pointer}.word-card.player1{border-left:4px solid var(--p1-color)}.word-card.player2{border-left:4px solid var(--p2-color)}.word-card:hover{background:#1e293be6;transform:translate(4px)}.word-text-wrapper{display:flex;align-items:baseline;gap:.6rem}.word-text{font-size:1.15rem;font-weight:800;letter-spacing:1px;color:#fff}.word-length-tag{font-size:.7rem;color:#94a3b8;background:#ffffff14;padding:.1rem .4rem;border-radius:4px}.word-meta{display:flex;align-items:center;gap:.75rem}.ownership-breakdown{font-size:.75rem;font-weight:600;display:flex;gap:.2rem}.p1-breakdown{color:var(--p1-color)}.p2-breakdown{color:var(--p2-color)}.slash{color:#64748b}.points-badge{background:linear-gradient(135deg,var(--accent-gold) 0%,#d97706 100%);color:#0f172a;font-weight:800;font-size:.8rem;padding:.2rem .5rem;border-radius:8px;box-shadow:0 2px 8px #fbbf244d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#020617d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{width:100%;max-width:440px;padding:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem;border:1px solid rgba(255,255,255,.2)}.trophy-wrapper{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,var(--accent-gold) 0%,#d97706 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:0 0 30px #fbbf2480;color:#0f172a}.winner-title{font-size:2rem;font-weight:800;color:#fff}.final-board-sub{color:#94a3b8;font-size:.9rem;margin-top:.25rem}.modal-scores{display:flex;gap:1rem;width:100%}.final-score-box{flex:1;padding:1rem;border-radius:12px;background:#0f172acc;border:1px solid var(--panel-border);display:flex;flex-direction:column;gap:.25rem}.final-score-box.p1{border-left:4px solid var(--p1-color)}.final-score-box.p2{border-left:4px solid var(--p2-color)}.final-score-box .label{font-size:.8rem;color:#94a3b8;font-weight:600}.final-score-box .score{font-size:2.2rem;font-weight:800;color:#fff}.stats-summary{font-size:.85rem;color:#cbd5e1;display:flex;align-items:center;gap:.5rem}.modal-actions{width:100%}.play-again-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.9rem 1.5rem;border-radius:12px;border:none;background:linear-gradient(135deg,var(--p1-color) 0%,#0284c7 100%);color:#fff;font-size:1.05rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px var(--p1-glow)}.play-again-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--p1-glow)}.rules-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#020617d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.rules-card{width:100%;max-width:520px;max-height:85vh;padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;border:1px solid rgba(255,255,255,.15)}.rules-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--panel-border);padding-bottom:.75rem}.rules-header h2{font-size:1.4rem;font-weight:800;color:#fff}.close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:.25rem;border-radius:6px;transition:all .2s ease}.close-btn:hover{color:#fff;background:#ffffff1a}.rules-body{overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;padding-right:.5rem}.rule-section h3{font-size:1rem;font-weight:700;color:var(--p1-color);margin-bottom:.35rem;display:flex;align-items:center;gap:.4rem}.rule-section p,.rule-section ul{font-size:.88rem;color:#cbd5e1;line-height:1.5}.rule-section ul{padding-left:1.25rem;display:flex;flex-direction:column;gap:.35rem}code{background:#0f172acc;padding:.1rem .4rem;border-radius:4px;color:var(--accent-gold);font-weight:700}.got-it-btn{width:100%;padding:.8rem;border-radius:10px;border:none;background:var(--p1-color);color:#0f172a;font-weight:800;font-size:1rem;cursor:pointer;transition:all .2s ease}.got-it-btn:hover{background:#7dd3fc;transform:translateY(-1px)}.app-container{display:flex;flex-direction:column;width:100%;margin:0 auto}.main-game-layout{display:grid;grid-template-columns:320px 1fr 320px;gap:1.5rem;align-items:start}.left-panel{display:flex;flex-direction:column;gap:1rem}.undo-sound-bar{display:flex;gap:.75rem}.undo-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#cbd5e1;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s ease}.undo-btn:hover:not(:disabled){background:#ffffff1a;color:#fff}.undo-btn:disabled{opacity:.4;cursor:not-allowed}.sound-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--panel-border);background:var(--panel-bg);color:#cbd5e1;cursor:pointer;transition:all .2s ease}.sound-btn:hover{background:#ffffff1a;color:#fff}.center-panel{display:flex;justify-content:center}.right-panel{display:flex;flex-direction:column}@media (max-width: 1024px){.main-game-layout{grid-template-columns:1fr}.left-panel{order:2}.center-panel{order:1}.right-panel{order:3}}