:root{--bg: #0e0a12;--bg-glow: radial-gradient(circle at 50% -10%, #3a0d1f 0%, #0e0a12 55%);--panel: #1a1420;--panel-2: #241c2c;--border: #382c44;--text: #f4eef8;--text-dim: #b6a8c4;--accent: #ff2d55;--accent-2: #ffb020;--accent-3: #7c3aed;--success: #2fd97a;--danger: #ff4d4d;--radius: 16px;--shadow: 0 12px 30px rgba(0, 0, 0, .45);font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-glow),var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none}#root{display:flex;flex-direction:column}h1,h2,h3{font-family:Segoe UI,system-ui,sans-serif;letter-spacing:.02em;margin:0 0 .4em}.title-flame{color:var(--accent);text-shadow:0 0 18px rgba(255,45,85,.55)}button{font:inherit;cursor:pointer}.btn{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:.85em 1.6em;font-weight:700;font-size:1rem;box-shadow:var(--shadow);transition:transform .12s ease,background .12s ease,opacity .12s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.secondary{background:var(--panel-2);border:1px solid var(--border);color:var(--text)}.btn.gold{background:linear-gradient(135deg,var(--accent-2),#ff7a1a);color:#1a1200}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text-dim)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}input,textarea,select{font:inherit;background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:.7em .9em;width:100%}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-3)}.page{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1.25rem 3rem;max-width:960px;margin:0 auto;width:100%}.room-code{font-family:Courier New,monospace;letter-spacing:.25em;font-weight:800;font-size:2rem;color:var(--accent-2)}.pill{display:inline-flex;align-items:center;gap:.4em;background:var(--panel-2);border:1px solid var(--border);border-radius:999px;padding:.3em .8em;font-size:.85rem;color:var(--text-dim)}.pill.active{background:#ff2d552e;border-color:var(--accent);color:var(--accent)}.error-banner{background:#ff4d4d26;border:1px solid var(--danger);color:#ffb4b4;border-radius:10px;padding:.7em 1em;margin-bottom:1em;width:100%}.spin{animation:spin 6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.pulse{animation:pulse 1.6s ease-in-out infinite}@keyframes dp-flash-bg{0%,to{background:#ff2d5500}50%{background:#ff2d5559}}@keyframes dp-pop{0%{transform:scale(.6) rotate(-3deg);opacity:0}15%{transform:scale(1.15) rotate(2deg);opacity:1}25%{transform:scale(1) rotate(0)}85%{transform:scale(1) rotate(0);opacity:1}to{transform:scale(1.05) rotate(0);opacity:0}}.dp-flash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:dp-flash-bg .4s ease-in-out 4}.dp-flash-content{text-align:center;animation:dp-pop 2.2s ease-out forwards}.dp-flash-icon{font-size:4rem;filter:drop-shadow(0 0 12px rgba(255,176,32,.7))}.dp-flash-text{font-family:Impact,Arial Black,Segoe UI,sans-serif;font-size:4rem;line-height:.95;color:var(--accent-2);letter-spacing:.05em;text-shadow:0 0 20px rgba(255,176,32,.85),0 0 44px rgba(255,45,85,.65)}@media (max-width: 480px){.dp-flash-text{font-size:2.8rem}.dp-flash-icon{font-size:3rem}}.answer-card{width:100%;min-height:60vh;background:var(--panel);border:2px solid var(--accent);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;padding:2rem 1.5rem;text-align:center}.answer-card-label{margin:0;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.answer-card-drawing{width:100%;max-width:420px;border-radius:12px;border:1px solid var(--border)}.answer-card-pick{display:flex;flex-direction:column;align-items:center;gap:.25rem}.answer-card-avatar{font-size:4.5rem;line-height:1}.answer-card-name{font-size:2.2rem;font-weight:800}.reveal-verdict{width:100%;min-height:60vh;border-radius:var(--radius);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center;padding:2rem 1.5rem}.reveal-verdict h2,.reveal-verdict p{margin:0}.reveal-verdict-icon{font-size:4.5rem;line-height:1}.verdict-correct{background:radial-gradient(circle at 50% 25%,#1c8f4f,#0d3a22 70%);color:#eafff2}.verdict-wrong{background:radial-gradient(circle at 50% 25%,#b3273f,#4a0d16 70%);color:#ffecec}