*{box-sizing:border-box}body{margin:0;background:#0b0b0f;color:#e6e6ea;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer;padding:.5rem 1rem;border:1px solid #3a3a45;border-radius:6px;background:#1c1c24;color:#e6e6ea;font-size:.9rem}button:disabled{opacity:.5;cursor:not-allowed}button:hover:not(:disabled){background:#2a2a35}input{padding:.5rem;border:1px solid #3a3a45;border-radius:6px;background:#14141a;color:#e6e6ea;font-size:.9rem}.centered,.home{max-width:420px;margin:4rem auto;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;text-align:center}.home label{display:flex;flex-direction:column;gap:.35rem;text-align:left;font-size:.85rem}.home-actions{display:flex;flex-direction:column;gap:.75rem}.join-row{display:flex;gap:.5rem}.join-row input{flex:1}.tagline{opacity:.7;margin:0}.error{color:#ff6b8a;font-size:.85rem}.player-list,.leaderboard{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem;text-align:left}.leaderboard li{display:flex;justify-content:space-between;padding:.4rem .6rem;border:1px solid #2a2a35;border-radius:6px}.leaderboard li.winner{border-color:#00e0ff;color:#00e0ff}.badges{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;opacity:.85}.link-button{background:none;border:none;color:#8a8a9a;text-decoration:underline;padding:0;font-size:.8rem}.game{height:100vh;display:flex;flex-direction:column}.game-header{display:flex;align-items:center;gap:1rem;padding:.6rem 1rem;border-bottom:1px solid #2a2a35;font-size:.85rem;flex-wrap:wrap}.countdown{color:#00e0ff;font-variant-numeric:tabular-nums}.stage{flex:1;display:flex;min-height:0}.stage-main{flex:1;display:flex;flex-direction:column;min-width:0}.stage-side{width:320px;border-left:1px solid #2a2a35;display:flex;flex-direction:column;min-height:0}.word-display{padding:.75rem 1rem;font-size:1.1rem;letter-spacing:.05em}.mask{font-family:ui-monospace,Menlo,monospace;letter-spacing:.15em}.canvas-wrap{position:relative;flex:1;min-height:0;background:#000}.draw-canvas{width:100%;height:100%;display:block}.webcam-mini{position:absolute;bottom:.75rem;right:.75rem;width:160px;height:120px;object-fit:cover;transform:scaleX(-1);border:1px solid #2a2a35;border-radius:6px}.canvas-hint{position:absolute;left:.75rem;bottom:.75rem;margin:0;max-width:60%;font-size:.75rem;opacity:.65}.canvas-tools{position:absolute;right:.75rem;top:.75rem;display:flex;gap:.5rem}.canvas-tools button{font-size:.8rem;padding:.4rem .7rem;background:#14141ad9}.canvas-error{position:absolute;left:.75rem;top:.75rem;right:.75rem;margin:0;padding:.5rem .75rem;background:#3a1420;border:1px solid #ff6b8a;border-radius:6px;color:#ff9db2;font-size:.8rem}.scoreboard{padding:.75rem 1rem;border-bottom:1px solid #2a2a35}.scoreboard h3,.chat h3{margin:0 0 .5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.scoreboard ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.scoreboard li{display:flex;justify-content:space-between;font-size:.9rem}.scoreboard li.is-drawer{color:#00e0ff}.chat{flex:1;display:flex;flex-direction:column;min-height:0;padding:.75rem 1rem}.chat-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.chat-line.correct{color:#4ade80}.chat-input{display:flex;gap:.5rem;margin-top:.5rem}.chat-input input{flex:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center}.overlay-card{background:#14141a;border:1px solid #2a2a35;border-radius:10px;padding:2rem;text-align:center;display:flex;flex-direction:column;gap:1rem}