: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, #ff6b8129, #4fd1c51f), 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}}.center-text{text-align:center}.logo-bounce{font-size:64px;line-height:1;animation:2.4s ease-in-out infinite sway}.card{justify-content:flex-start}.card.center{justify-content:center}.prompt{text-align:center;font-size:21px}.toast-btn{width:100%;color:var(--gold)}.portrait{aspect-ratio:1;background:linear-gradient(135deg, var(--coral), var(--bg-2));border-radius:18px;width:min(100%,46vh,420px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000059}.portrait img,.portrait video{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.portrait video.mirror{transform:scaleX(-1)}.portrait-letter{color:#ffffffd9;justify-content:center;align-items:center;font-family:"Baloo 2",system-ui,sans-serif;font-size:120px;font-weight:800;display:flex;position:absolute;inset:0}.portrait-letter.small-text{font-size:18px}.draw-canvas{width:100%;height:100%;position:absolute;inset:0}.draw-canvas.editable{touch-action:none;cursor:crosshair}.selfie{flex-direction:column;align-items:center;gap:10px;width:100%;display:flex}.faces{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.avatar.square{aspect-ratio:1;border-radius:14px;width:100%;font-size:40px}.avatar.dimmed{opacity:.4}.vote-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;width:100%;display:grid}.vote-tile{background:var(--surface);border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}.vote-tile.picked,.gallery-item.picked,.answer.picked{border-color:var(--gold);background:#ffc85729}.tile-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:14px;font-weight:700;overflow:hidden}.pop{animation:.4s ease-out pop}.reveal-list,.reveal-entries,.answers{flex-direction:column;gap:6px;width:100%;display:flex}.reveal-row,.reveal-meta{text-align:left;align-items:center;gap:8px;display:flex}.reveal-row{background:var(--surface);border-radius:12px;padding:6px 10px}.voters{flex-wrap:wrap;justify-content:flex-end;gap:2px;display:flex}.gain{color:var(--text-dim);font-family:"Baloo 2",system-ui,sans-serif;font-size:18px;font-weight:700}.gain.good{color:var(--gold);animation:.35s ease-out pop}.drawpad{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.tools,.stickers{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.swatch{border:2px solid #ffffff59;border-radius:50%;width:30px;height:30px}.swatch.active{outline:3px solid var(--gold);outline-offset:2px}.tool-btn{background:var(--surface);border:1px solid var(--border);border-radius:12px;justify-content:center;align-items:center;gap:4px;min-width:36px;height:36px;padding:0 8px;font-size:14px;font-weight:700;display:inline-flex}.tool-btn.active{border-color:var(--gold);background:#ffc85738}.tool-btn .dot{background:var(--text);border-radius:50%}.sticker{background:var(--surface);border-radius:12px;width:42px;height:42px;font-size:24px}.sticker.active{background:#ffc85738}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.gallery-item{background:var(--surface);border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:6px;display:flex}.gallery-item .portrait,.reveal-pic .portrait{border-radius:12px;width:100%}.gallery-pic,.zoom{background:0 0;width:100%;padding:0}.zoom{margin-bottom:4px}.small-btn{width:100%;padding:7px 12px;font-size:14px}.reveal-entry{background:var(--surface);border:1px solid #0000;border-radius:14px;flex-direction:column;gap:6px;padding:8px 10px;display:flex}.reveal-entry.best{border-color:var(--gold);background:#ffc85724}.reveal-pic{width:min(100%,260px);margin:0 auto}.answer-text{overflow-wrap:anywhere;font-size:17px;font-weight:700}.answer{background:var(--surface);text-align:left;overflow-wrap:anywhere;border:2px solid #0000;border-radius:14px;padding:12px 14px;font-size:16px;font-weight:700}.answer.mine{opacity:.6}.phrase-form{flex-direction:column;align-items:stretch;gap:6px;width:100%;display:flex}.phrase-form textarea{resize:none}.intro-emoji{font-size:80px;line-height:1;animation:.45s ease-out pop}.intro-title{font-size:32px}.award{border:1px solid var(--border);color:inherit}.award-title{color:#2d1b69;background:#fff;border-radius:16px;padding:10px 16px;font-family:"Baloo 2",system-ui,sans-serif;font-size:22px;font-weight:800;line-height:1.2;animation:.4s ease-out pop}.row-btns{gap:8px;width:100%;display:flex}.row-btns .btn{flex:1}.strip{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.strip-player{background:var(--surface);border:1px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:2px;min-width:62px;padding:6px 4px;display:flex;position:relative}.strip-player.hero{border-color:var(--coral);background:#ff6b8129}.strip-player.offline{opacity:.45}.strip-name{text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:12px;overflow:hidden}.strip-player .score{font-size:14px}.acted{background:var(--teal);color:#0b2b28;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:800;display:flex;position:absolute;top:2px;right:6px}.reveal-entries.pics{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.reveal-entries.pics .reveal-pic{width:100%}.reveal-entries.pics .reveal-meta{flex-wrap:wrap;font-size:13px}