*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-grid-line:#222;--color-clue-bg:#e8e8e8;--color-blocked:#666;--color-player1:#2980b9;--color-player2:#e67e22;--font-letters:"Permanent Marker", cursive;--font-ui:"Patrick Hand", cursive}body{font-family:var(--font-ui);background:var(--color-bg);color:#222;min-height:100dvh}#app{max-width:800px;margin:0 auto;padding:16px}.home{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:80dvh;display:flex}.home-title{font-family:var(--font-letters);text-align:center;font-size:3rem}.home-subtitle{opacity:.7;font-size:1.4rem}.home-form{flex-direction:column;gap:12px;width:100%;max-width:300px;margin-top:24px;display:flex}.input{font-family:var(--font-ui);border:2.5px solid var(--color-grid-line);background:var(--color-bg);text-align:center;border-radius:4px;outline:none;padding:12px 16px;font-size:1.2rem}.input:focus{border-color:var(--color-player1)}.btn{font-family:var(--font-ui);border:2.5px solid var(--color-grid-line);background:var(--color-grid-line);color:#fff;cursor:pointer;border-radius:4px;padding:12px 24px;font-size:1.2rem;transition:opacity .2s}.btn:disabled{opacity:.4;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.85}.grid-wrapper{-webkit-overflow-scrolling:touch;justify-content:center;padding:8px 0;display:flex;overflow:auto}.cell{border:2.5px solid var(--color-grid-line);-webkit-user-select:none;user-select:none;border-radius:3px;justify-content:center;align-items:center;display:flex;position:relative}.cell-playable{cursor:pointer;background:#fff}.cell-clue{background:var(--color-clue-bg);cursor:pointer;flex-direction:column;padding:2px}.cell-blocked{background:var(--color-blocked);border-color:var(--color-blocked)}.cell-clue-text{font-family:var(--font-ui);text-align:center;font-size:8px;line-height:1.1;overflow:hidden}.cell-arrow{opacity:.6;font-size:12px;line-height:1}.cell-letter{font-family:var(--font-letters);font-size:24px;line-height:1}.cell-selected{background:#e8f4fd}.cell-cursor{outline:2px solid var(--color-player1);outline-offset:-2px;background:#cce5ff}.cell-validated{background:#f0f8f0}@keyframes letter-appear{0%{opacity:0;transform:scale(0)rotate(-15deg)}60%{opacity:1;transform:scale(1.1)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.cell-letter:not(:empty){animation:.2s ease-out letter-appear}@keyframes word-pulse{0%{transform:scale(1)}50%{transform:scale(1.06)}to{transform:scale(1)}}.cell-just-validated{animation:.3s ease-in-out word-pulse}.progress-bars{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.progress-row{align-items:center;gap:12px;display:flex}.progress-name{font-family:var(--font-ui);text-align:right;min-width:80px;font-size:1.1rem;font-weight:700}.progress-track{border:2px solid var(--color-grid-line);background:#f0f0f0;border-radius:8px;flex:1;height:16px;overflow:hidden}.progress-fill{border-radius:6px;height:100%;transition:width .4s ease-out}.progress-pct{font-family:var(--font-ui);min-width:40px;font-size:1rem}.game-over{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:80dvh;display:flex}.game-over-title{font-family:var(--font-letters);font-size:4rem;animation:.5s ease-out victory-splash}@keyframes victory-splash{0%{opacity:0;transform:scale(0)rotate(-10deg)}70%{opacity:1;transform:scale(1.15)rotate(2deg)}to{opacity:1;transform:scale(1)rotate(0)}}.game-over-winner{opacity:.7;font-size:1.3rem}.game-over-stats{gap:40px;margin:20px 0;display:flex}.game-over-player{flex-direction:column;gap:4px;font-size:1.1rem;display:flex}.game-over-name{font-family:var(--font-letters);font-size:1.4rem}.game-over-btn{margin-top:12px;padding:14px 40px;font-size:1.3rem}.lobby{flex-direction:column;align-items:center;gap:20px;padding-top:40px;display:flex}.lobby-grid-name{opacity:.6;font-size:1.2rem}.lobby-share{text-align:center;width:100%;max-width:500px}.lobby-label{margin-bottom:8px;font-size:1.1rem}.lobby-url-row{gap:8px;display:flex}.lobby-url{text-align:left;flex:1;font-size:.95rem}.lobby-copy-btn{white-space:nowrap}.lobby-players{align-items:center;gap:24px;font-size:1.3rem;display:flex}.lobby-player{font-family:var(--font-letters)}.lobby-waiting{opacity:.5;font-style:italic}.countdown{justify-content:center;align-items:center;min-height:80dvh;display:flex}.countdown-number{font-family:var(--font-letters);font-size:8rem;animation:.8s ease-out countdown-pop}@keyframes countdown-pop{0%{opacity:0;transform:scale(2)}50%{opacity:1;transform:scale(1)}to{opacity:.8;transform:scale(.9)}}.game-screen{flex-direction:column;gap:12px;display:flex}.game-header{flex-direction:column;gap:8px;display:flex}.game-timer{font-family:var(--font-letters);text-align:center;opacity:.6;font-size:1.4rem}.toast{background:var(--color-grid-line);color:#fff;font-family:var(--font-ui);z-index:100;border-radius:8px;padding:12px 24px;font-size:1.1rem;animation:.3s ease-out toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes cell-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.cell-rejected{animation:.4s ease-out cell-shake;border-color:#e74c3c!important}