:root{--bg:#1d1240;--bg-2:#2d1b69;--surface:#ffffff12;--border:#ffffff1f;--text:#f6f2ff;--text-dim:#f6f2ff9e;--gold:#ffc857;--gold-dark:#f0a020;--coral:#ff6b81;--orange:#f0884a;--teal:#4fd1c5;color:var(--text);background:var(--bg);-webkit-tap-highlight-color:transparent;font-family:Nunito,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% 0%, #4a2a8a 0%, var(--bg) 60%)}h2,h3,b,.word,.btn{font-family:"Baloo 2",system-ui,sans-serif}h2{margin:0;font-size:22px;line-height:1.15}h3{margin:6px 0 0;font-size:17px}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;border:none}button:disabled{opacity:.45;cursor:default}.dim{color:var(--text-dim)}.small{font-size:13px}.grow{flex:1;min-width:0}.app{flex-direction:column;gap:10px;height:100%;padding:10px 12px 12px;display:flex;overflow-y:auto}.app.center{text-align:center;justify-content:center;align-items:center}.center{text-align:center;flex-direction:column;align-items:center;display:flex}.bar{align-items:center;gap:10px;display:flex}.bar-title{flex-direction:column;flex:1;min-width:0;display:flex}.bar-title b{font-size:18px}.icon-btn{background:var(--surface);border:1px solid var(--border);border-radius:50%;flex-shrink:0;width:38px;height:38px;font-size:17px}.timer-pill{text-align:center;background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#3a2400;border-radius:999px;min-width:52px;padding:2px 12px;font-family:"Baloo 2",system-ui,sans-serif;font-size:20px;font-weight:800}.timer-pill.hot{background:var(--coral);color:#fff;animation:1s infinite pulse}.stage{flex-direction:column;flex:1 0 auto;display:flex}.card{background:linear-gradient(160deg, #f0884a29, #7a2d6b38), var(--surface);border:1px solid var(--border);border-radius:22px;flex:1;justify-content:center;gap:12px;padding:20px 16px}.big-emoji{font-size:46px;line-height:1}.masks{font-size:64px;line-height:1;animation:2.4s ease-in-out infinite sway}.word{color:#2d1b69;overflow-wrap:anywhere;background:#fff;border-radius:18px;max-width:100%;padding:14px 20px;font-size:34px;font-weight:800;line-height:1.1;box-shadow:0 8px 24px #0000004d}.word:first-letter{text-transform:uppercase}.word-btn.hidden{background:var(--surface);color:var(--text);border:1px dashed var(--border);box-shadow:none;font-size:18px}.reveal .word{animation:.35s ease-out pop}.btn{border-radius:14px;padding:12px 18px;font-size:16px;font-weight:700}.btn-big{width:100%;padding:14px 18px;font-size:19px}.btn-primary{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#3a2400;box-shadow:0 6px 18px #f0a02059}.btn-secondary{background:var(--surface);border:1px solid var(--border)}.btn-ghost{color:var(--text-dim);background:0 0}.btn-danger{background:var(--coral);color:#fff}.input{border:1px solid var(--border);min-width:0;color:var(--text);font:inherit;background:#00000040;border-radius:14px;flex:1;padding:12px 14px;font-size:16px}.own-word{gap:8px;width:100%;display:flex}.guess-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.guess-btn{background:var(--surface);border:1px solid var(--border);text-align:left;border-radius:14px;align-items:center;gap:8px;padding:8px 10px;font-weight:700;display:flex}.guess-btn.picked{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#3a2400}.guess-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.timer-ring{justify-content:center;align-items:center;font-family:"Baloo 2",system-ui,sans-serif;font-weight:800;display:flex;position:relative}.timer-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff1f;stroke-width:6px}.ring-fg{fill:none;stroke:var(--gold);stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.timer-ring.hot .ring-fg{stroke:var(--coral)}.timer-ring.hot span{color:var(--coral);animation:1s infinite pulse}.players{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.player{background:var(--surface);border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:6px 10px;display:flex}.player.showing{border-color:var(--orange);background:#f0884a29}.player.offline{opacity:.45}.player-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.score{color:var(--gold);font-size:17px}.avatar{background:linear-gradient(135deg, var(--orange), #7a2d6b);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.scoreboard{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.scoreboard li{background:var(--surface);text-align:left;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.scoreboard li.winner{background:#ffc8572e;border:1px solid #ffc85780}.toast{text-align:center;background:#00000059;border-radius:10px;padding:6px 10px;font-size:13px}.error{color:var(--coral);text-align:center;background:#ff6b812e;border-radius:12px;padding:10px 12px;font-size:14px}.sheet-backdrop{z-index:10;background:#06041499;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg-2);border-radius:22px 22px 0 0;flex-direction:column;gap:10px;width:100%;max-height:90%;padding:16px 16px 20px;animation:.2s ease-out rise;display:flex;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:center;display:flex}.segmented{background:#00000040;border-radius:14px;gap:4px;padding:4px;display:flex}.segmented button{background:0 0;border-radius:10px;flex:1;padding:9px 6px;font-size:13px;font-weight:700}.segmented button.active{background:linear-gradient(135deg, var(--gold), var(--gold-dark));color:#3a2400}@keyframes pulse{50%{opacity:.55}}@keyframes sway{50%{transform:rotate(-8deg)scale(1.06)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}