*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0f;--bg2:#111118;--surface:#1a1a28;--surface2:#22223a;--border:#ffffff14;--text:#f0f0ff;--text-sub:#f0f0ff8c;--accent:#f59e0b;--accent2:#ef4444;--spark:linear-gradient(135deg, #f59e0b 0%, #ef4444 50%, #a855f7 100%);--radius:16px;--radius-sm:10px;font-family:Inter,sans-serif}html,body{background:var(--bg);color:var(--text);overscroll-behavior:none;min-height:100dvh}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;outline:none;font-family:inherit}input,textarea{font-family:inherit}.container{z-index:1;max-width:480px;margin:0 auto;padding:0 20px;position:relative}.text-muted{color:var(--text-sub);font-size:14px}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;width:90%;max-width:360px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{background:var(--surface2);border:1px solid var(--border);color:var(--text);text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:12px 20px;font-size:14px;font-weight:500;animation:.3s toastIn,.3s 3s forwards toastOut}.toast.success{color:#6ee7b7;background:#10b98133;border-color:#10b98166}.toast.error{color:#fca5a5;background:#ef444433;border-color:#ef444466}@keyframes toastIn{0%{opacity:0;transform:translateY(-12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toastOut{0%{opacity:1}to{opacity:0;transform:translateY(-8px)scale(.95)}}.btn{border-radius:var(--radius);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-lg{width:100%;padding:18px 28px;font-size:17px}.btn-primary{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);font-family:Nunito,sans-serif;box-shadow:0 4px 20px #f59e0b4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #f59e0b73}.btn-spark{color:#fff;background:linear-gradient(135deg,#a855f7,#ec4899,#f59e0b) 0 0/200% 200%;font-family:Syne,sans-serif;animation:3s infinite gradShift;box-shadow:0 4px 20px #a855f759}.btn-spark:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #a855f780}@keyframes gradShift{0%,to{background-position:0%}50%{background-position:100%}}.btn-outline{color:var(--text);background:0 0;border:2px solid #fff3}.btn-outline:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff80}.btn-ghost{color:var(--text-sub);background:0 0;padding:10px 20px;font-size:14px}.btn-ghost:hover{color:var(--text)}.btn-ghost-back{color:var(--text-sub);background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:14px;display:flex}.btn-ghost-back:hover{color:var(--text)}.btn-ghost-red{color:#fca5a5;border-radius:var(--radius);background:#ef444426;border:1px solid #ef44444d;padding:12px 24px;font-weight:600}.pulse{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 4px 20px #a855f759}50%{box-shadow:0 4px 32px #a855f7a6}}.form-group{margin-bottom:20px}.form-group label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-sub);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.form-group input,.form-group textarea{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);padding:14px 16px;font-size:16px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#a855f780;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-sub)}.page{flex-direction:column;min-height:100dvh;display:flex;overflow-y:auto}.screen{flex-direction:column;justify-content:center;min-height:100dvh;padding:24px 0 40px;display:none}.screen.active{display:flex}.particles-wrap{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{border-radius:50%;animation:ease-in-out infinite alternate floatParticle;position:absolute}@keyframes floatParticle{0%{opacity:.3;transform:translateY(0)scale(1)}to{opacity:.7;transform:translateY(-30px)scale(1.3)}}.home-page{flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:32px 20px 48px;display:flex;position:relative;overflow:hidden}.home-page:before,.home-page:after{content:"";filter:blur(80px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.home-page:before{background:radial-gradient(circle,#f59e0b2e 0%,#0000 70%);width:500px;height:500px;top:-120px;left:-120px}.home-page:after{background:radial-gradient(circle,#a855f72e 0%,#0000 70%);width:480px;height:480px;bottom:-100px;right:-100px}.home-header{text-align:center;z-index:1;margin-bottom:40px;position:relative}.home-logo{margin-bottom:12px;font-size:52px;animation:3s ease-in-out infinite bounceLogo;display:block}@keyframes bounceLogo{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.home-title{color:var(--text);margin-bottom:8px;font-family:Nunito,sans-serif;font-size:32px;font-weight:900;line-height:1.1}.home-subtitle{color:var(--text-sub);font-size:15px;font-weight:400}.game-cards{z-index:1;flex-direction:column;gap:16px;width:100%;max-width:440px;display:flex;position:relative}.game-card{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:20px;flex-direction:column;padding:24px 24px 20px;text-decoration:none;transition:all .28s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.game-card:before{content:"";opacity:0;border-radius:inherit;transition:opacity .3s;position:absolute;inset:0}.game-card.atn:before{background:linear-gradient(135deg,#f59e0b1f 0%,#ef444414 100%)}.game-card.atn{border-color:#f59e0b40}.game-card.atn:hover{border-color:#f59e0b8c;transform:translateY(-4px)scale(1.01);box-shadow:0 16px 48px #f59e0b33}.game-card.atn:hover:before{opacity:1}.game-card.spark:before{background:linear-gradient(135deg,#a855f71f 0%,#ec489914 100%)}.game-card.spark{border-color:#a855f740}.game-card.spark:hover{border-color:#a855f78c;transform:translateY(-4px)scale(1.01);box-shadow:0 16px 48px #a855f733}.game-card.spark:hover:before{opacity:1}.card-top{z-index:1;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex;position:relative}.card-emoji{filter:drop-shadow(0 2px 8px #0000004d);flex-shrink:0;font-size:40px;line-height:1}.card-info{flex:1;min-width:0}.card-name{color:var(--text);margin-bottom:4px;font-family:Nunito,sans-serif;font-size:20px;font-weight:900;line-height:1.2}.card-tagline{color:var(--text-sub);font-size:13px;line-height:1.4}.card-badge{white-space:nowrap;letter-spacing:.04em;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:11px;font-weight:700}.badge-atn{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b59}.badge-spark{color:#c084fc;background:#a855f733;border:1px solid #a855f759}.card-desc{color:var(--text-sub);z-index:1;margin-bottom:16px;font-size:14px;line-height:1.6;position:relative}.card-tags{z-index:1;flex-wrap:wrap;gap:6px;margin-bottom:16px;display:flex;position:relative}.card-tag{background:var(--surface2);color:var(--text-sub);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600}.card-cta{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.card-cta-label{font-size:14px;font-weight:700}.atn .card-cta-label{color:#fbbf24}.spark .card-cta-label{color:#c084fc}.card-arrow{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:transform .2s;display:flex}.atn .card-arrow{background:#f59e0b33}.spark .card-arrow{background:#a855f733}.game-card:hover .card-arrow{transform:translate(4px)}.home-footer{text-align:center;color:var(--text-sub);z-index:1;margin-top:32px;font-size:13px;position:relative}.atn-page{--bg:#0a0a1a;--bg2:#12101f;--card:#ffffff0f;--card-hover:#ffffff1a;--border:#ffffff14;--primary:#f59e0b;--primary-light:#fbbf24;--primary-glow:#f59e0b40;--secondary:#8b5cf6;--danger:#ef4444;--success:#10b981;--text:#f1f1f1;--text-dim:#8a8a9a;--radius:14px;--radius-lg:20px;background:linear-gradient(145deg, var(--bg) 0%, #1a0e2e 50%, #0d1117 100%);color:var(--text);min-height:100dvh;font-family:Inter,sans-serif}.atn-screen{justify-content:center;align-items:flex-start;min-height:100dvh;padding:20px 0;display:flex;overflow-y:auto}.atn-page .container{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:420px;padding:24px 20px;display:flex}.logo-section{text-align:center;margin-bottom:12px}.logo-emoji{filter:drop-shadow(0 0 30px var(--primary-glow));font-size:72px;animation:2s ease-in-out infinite atn-bounce}@keyframes atn-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.logo-title{background:linear-gradient(135deg, var(--primary-light), var(--primary), #e76f51);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Nunito,sans-serif;font-size:42px;font-weight:900;line-height:1.15}.logo-sub{color:var(--text-dim);letter-spacing:1px;margin-top:6px;font-size:15px}.home-buttons{flex-direction:column;gap:16px;width:100%;margin-top:12px;display:flex}.spark-link-wrap{text-align:center;width:100%;margin-top:8px}.spark-link{color:#fff;background:linear-gradient(135deg,#f59e0b,#ef4444);border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #f59e0b59}.spark-link:hover{transform:translateY(-2px);box-shadow:0 8px 28px #f59e0b73}.atn-page .btn{border-radius:var(--radius);cursor:pointer;color:var(--text);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-family:Nunito,sans-serif;font-size:16px;font-weight:700;transition:all .2s;display:inline-flex}.atn-page .btn-lg{border-radius:var(--radius-lg);width:100%;padding:16px;font-size:18px}.atn-page .btn-sm{border-radius:10px;min-width:44px;padding:10px 16px;font-size:18px}.atn-page .btn-primary{background:linear-gradient(135deg, var(--primary), #e76f51);color:#1a0a00;box-shadow:0 4px 20px var(--primary-glow)}.atn-page .btn-primary:active{transform:scale(.96)}.atn-page .btn-secondary{background:var(--card);color:var(--text);border:1px solid var(--border)}.atn-page .btn-ghost{color:var(--text-dim);background:0 0;padding:10px;font-size:14px}.atn-page .btn:disabled{opacity:.4;pointer-events:none}.atn-page .pulse{animation:2s ease-in-out infinite atn-pulse}@keyframes atn-pulse{0%,to{box-shadow:0 4px 20px var(--primary-glow);transform:scale(1)}50%{box-shadow:0 4px 30px var(--primary-glow);transform:scale(1.03)}}.btn-icon{border:1px solid var(--border);background:var(--card);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.screen-title{text-align:center;width:100%;font-family:Nunito,sans-serif;font-size:24px;font-weight:800}.atn-page .form-group{width:100%}.atn-page .form-group label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.atn-page .form-group input{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:14px 16px;font-family:Inter,sans-serif;font-size:16px;transition:border-color .2s}.atn-page .form-group input:focus{border-color:var(--primary)}.atn-page .form-group input::placeholder{color:var(--text-dim)}.atn-page .text-muted{color:var(--text-dim);font-size:14px}.prof-grid{grid-template-columns:repeat(4,1fr);gap:10px;width:100%;display:grid}.prof-btn{background:var(--card);border-radius:var(--radius);cursor:pointer;border:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;transition:all .2s;display:flex}.prof-btn:active{transform:scale(.94)}.prof-btn.selected{border-color:var(--primary);background:#f59e0b1f}.prof-btn .emoji{font-size:28px}.prof-btn .name{color:var(--text-dim);font-size:10px;font-weight:600}.room-code-box{text-align:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;padding:16px 24px}.room-code-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:2px;font-size:12px}.room-code{letter-spacing:8px;color:var(--primary-light);text-shadow:0 0 20px var(--primary-glow);font-family:Nunito,sans-serif;font-size:40px;font-weight:900}.players-box{flex-direction:column;gap:8px;width:100%;display:flex}.player-row{background:var(--card);border-radius:var(--radius);align-items:center;gap:12px;padding:12px 16px;animation:.3s atn-slideUp;display:flex}.player-row .p-emoji{font-size:28px}.player-row .p-name{flex:1;font-weight:700}.player-row .p-prof{color:var(--text-dim);font-size:12px}.player-row .host-badge{background:var(--primary);color:#000;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:700}.qm-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;padding:16px}.qm-title{margin-bottom:10px;font-family:Nunito,sans-serif;font-size:16px;font-weight:800}.mode-toggle{gap:8px;margin-bottom:12px;display:flex}.mode-btn{border-radius:var(--radius);border:2px solid var(--border);background:var(--card);color:var(--text-dim);cursor:pointer;flex:1;padding:10px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.mode-btn.active{border-color:var(--primary);color:var(--text);background:#f59e0b1f}.qm-desc{color:var(--text-dim);margin-bottom:10px;font-size:13px;line-height:1.4}.qm-count{color:var(--text-dim);text-align:center;margin-top:8px;font-size:12px}.qm-add-row{gap:8px;width:100%;display:flex}.qm-add-row input{border:1px solid var(--border);color:var(--text);background:#ffffff0a;border-radius:10px;outline:none;flex:1;padding:10px 12px;font-family:Inter,sans-serif;font-size:14px}.qm-add-row input:focus{border-color:var(--primary)}.qm-add-row input::placeholder{color:var(--text-dim)}.qm-custom-list{flex-direction:column;gap:6px;margin-top:10px;display:flex}.qm-custom-item{background:#8b5cf614;border:1px solid #8b5cf626;border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;animation:.2s atn-slideUp;display:flex}.qm-custom-item .cq-text{flex:1}.qm-custom-item .cq-del{width:28px;height:28px;color:var(--danger);cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.qm-custom-item .cq-del:hover{background:#ef444433}.lobby-settings{background:var(--card);border-radius:var(--radius);align-items:center;gap:16px;width:100%;padding:12px;display:flex}.lobby-settings label{flex:1;font-size:14px;font-weight:600}.rounds-selector{align-items:center;gap:10px;display:flex}.rounds-selector span{text-align:center;min-width:30px;font-size:24px;font-weight:800}.time-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.time-section label{white-space:nowrap;flex:1;font-size:13px;font-weight:600}.lobby-footer{text-align:center;width:100%}.player-count{color:var(--text-dim);margin-bottom:12px;font-size:14px}.round-header{justify-content:space-between;align-items:center;width:100%;font-size:14px;display:flex}.round-num{background:var(--card);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:700}.round-cat{font-size:28px}.question-card{border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#f59e0b1a,#8b5cf614);border:1px solid #f59e0b33;width:100%;padding:28px 24px;animation:.4s atn-slideUp}.q-prefix{color:var(--text-dim);margin-bottom:8px;font-size:14px}.q-text{font-size:22px;font-weight:800;line-height:1.3}.timer-bar{background:var(--card);border-radius:3px;width:100%;height:6px;overflow:hidden}.timer-fill{background:linear-gradient(90deg, var(--primary), var(--danger));border-radius:3px;height:100%}@keyframes timerShrink{0%{background:var(--success);width:100%}60%{background:var(--primary)}to{background:var(--danger);width:0%}}.vote-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;display:grid}.vote-btn{background:var(--card);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);align-items:center;gap:10px;padding:14px 16px;font-family:Nunito,sans-serif;font-size:15px;font-weight:700;transition:all .2s;display:flex}.vote-btn:active{transform:scale(.95)}.vote-btn.voted{border-color:var(--primary);background:#f59e0b26}.vote-btn.disabled{opacity:.5;pointer-events:none}.vote-btn .v-emoji{font-size:24px}.vote-btn .v-check{opacity:0;margin-left:auto}.vote-btn.voted .v-check{opacity:1}.vote-status{color:var(--text-dim);font-size:13px}.results-q{text-align:center;color:var(--text-dim);background:var(--card);border-radius:var(--radius);width:100%;padding:12px 20px;font-size:14px}.q-prefix-sm{color:var(--text-dim)}.res-winner{text-align:center;padding:24px;animation:.5s atn-slideUp}.res-winner .winner-emoji{font-size:56px;animation:1s ease-in-out infinite atn-bounce}.res-winner .winner-name{margin:8px 0;font-family:Nunito,sans-serif;font-size:28px;font-weight:900}.res-winner .winner-label{color:var(--primary);font-size:20px;font-weight:800}.res-breakdown{flex-direction:column;gap:6px;width:100%;display:flex}.res-row{background:var(--card);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;animation:.3s atn-slideUp;display:flex}.res-row .r-emoji{font-size:22px}.res-row .r-name{flex:1;font-size:14px;font-weight:600}.res-row .r-bar{background:var(--secondary);border-radius:4px;min-width:4px;height:8px;transition:width .6s}.res-row .r-count{text-align:right;min-width:24px;font-size:16px;font-weight:800}.res-row .r-voters{color:var(--text-dim);width:100%;font-size:11px}.res-row.is-winner{background:#f59e0b1f;border:1px solid #f59e0b4d}.res-footer{text-align:center;width:100%;margin-top:8px}.go-title{text-align:center;font-family:Nunito,sans-serif;font-size:36px;font-weight:900;animation:.5s atn-slideUp}.awards-box{flex-direction:column;gap:12px;width:100%;display:flex}.award-card{text-align:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,#f59e0b1a,#8b5cf614);border:1px solid #f59e0b33;padding:20px;animation:.5s atn-slideUp}.award-card .a-title{font-family:Nunito,sans-serif;font-size:24px;font-weight:900}.award-card .a-emoji{margin:8px 0;font-size:48px}.award-card .a-name{color:var(--primary-light);font-size:20px;font-weight:800}.award-card .a-desc{color:var(--text-dim);margin-top:4px;font-size:13px}.rankings-box{flex-direction:column;gap:6px;width:100%;display:flex}.rank-row{background:var(--card);border-radius:var(--radius);align-items:center;gap:12px;padding:12px 16px;animation:.3s atn-slideUp;display:flex}.rank-row .rank-pos{min-width:28px;font-size:18px;font-weight:900}.rank-row .rank-emoji{font-size:24px}.rank-row .rank-name{flex:1;font-weight:700}.rank-row .rank-drinks{color:var(--primary);font-size:14px;font-weight:700}.confetti-canvas{pointer-events:none;z-index:999;width:100%;height:100%;position:fixed;inset:0}@keyframes atn-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width>=500px){.atn-page .container{padding:32px 24px}.logo-title{font-size:52px}.vote-grid{grid-template-columns:repeat(3,1fr)}}.spark-page{--bg:#07050f;--bg-card:#0f0c1e;--bg-card2:#140f26;--glass:#a855f70f;--glass-border:#a855f724;--ice:#818cf8;--ice-bg:#818cf81a;--spark-c:#e879f9;--spark-bg:#e879f91f;--flame:#f472b6;--flame-bg:#f472b61f;--glow:#fbbf24;--glow-bg:#fbbf241a;--accent:#e879f9;--green:#34d399;--red:#f43f5e;--text:#fdf4ff;--text-2:#c084fc;--text-3:#6b4c8a;--radius:16px;--radius-sm:10px;--radius-lg:24px;--tier-color:var(--ice);background:var(--bg);color:var(--text);min-height:100dvh;font-family:Inter,sans-serif;position:relative;overflow-x:hidden}.spark-screen{flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.spark-page .container{z-index:1;flex-direction:column;flex:1;gap:20px;width:100%;max-width:440px;margin:0 auto;padding:24px 20px 40px;display:flex;position:relative}.home-screen{justify-content:center}.home-bg{background:radial-gradient(ellipse at 50% 25%, #e879f938 0%, transparent 65%), radial-gradient(ellipse at 85% 75%, #a855f729 0%, transparent 55%), radial-gradient(ellipse at 15% 70%, #f472b61a 0%, transparent 50%), var(--bg);z-index:0;position:fixed;inset:0}.home-logo{text-align:center;margin-top:80px}.logo-bolt{filter:drop-shadow(0 0 24px #e879f9e6);font-size:72px;line-height:1;animation:2s ease-in-out infinite bolt-pulse}@keyframes bolt-pulse{0%,to{filter:drop-shadow(0 0 16px #e879f999)}50%{filter:drop-shadow(0 0 48px #e879f9);transform:scale(1.06)}}.logo-name{letter-spacing:-2px;background:linear-gradient(135deg,#fdf4ff 0%,#e879f9 45%,#a855f7 80%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:64px;font-weight:800;line-height:1}.logo-tagline{color:var(--spark-c);letter-spacing:.5px;margin-top:10px;font-family:Syne,sans-serif;font-size:18px;font-weight:700;line-height:1.4}.logo-sub{color:var(--text-2);letter-spacing:.3px;margin-top:-2px;font-family:Syne,sans-serif;font-size:16px;font-style:italic;font-weight:600}.home-actions{flex-direction:column;gap:12px;margin-top:16px;display:flex}.home-back-link{color:var(--text-3);text-align:center;padding:8px;font-size:13px;text-decoration:none;transition:color .2s}.home-back-link:hover{color:var(--text-2)}.spark-page .btn{border-radius:var(--radius);cursor:pointer;width:100%;color:var(--text);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-family:Syne,sans-serif;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.spark-page .btn-lg{padding:16px 24px;font-size:18px}.spark-page .btn-sm{width:auto;padding:10px 18px;font-size:14px}.spark-page .btn-spark{color:#fff;background:linear-gradient(135deg,#a855f7,#e879f9,#f472b6);box-shadow:0 4px 24px #e879f966}.spark-page .btn-spark:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 36px #e879f999}.spark-page .btn-spark:disabled{opacity:.4;cursor:not-allowed}.spark-page .btn-outline{border:1.5px solid var(--glass-border);color:var(--text);background:0 0}.spark-page .btn-outline:hover{border-color:var(--spark-c);color:var(--spark-c)}.spark-page .btn-ghost{color:var(--text-2);background:0 0;width:auto;font-weight:600}.spark-page .btn-ghost:hover{color:var(--text)}.btn-ghost-back{color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 0;font-family:Inter,sans-serif;font-size:14px}.spark-page .btn-ghost-red{color:var(--red);border-radius:var(--radius);background:#f43f5e1a;border:1px solid #f43f5e4d;padding:12px 24px;font-family:Syne,sans-serif;font-weight:700}.spark-page .pulse{animation:2s ease-in-out infinite s-pulse}@keyframes s-pulse{0%,to{box-shadow:0 4px 24px #e879f966}50%{box-shadow:0 4px 44px #e879f9bf}}.setup-screen .container{justify-content:center}.screen-title{text-align:center;padding-top:8px;font-family:Syne,sans-serif;font-size:28px;font-weight:800}.screen-sub{color:var(--text-2);text-align:center;margin-top:-12px;font-size:14px}.spark-page .form-group{flex-direction:column;gap:8px;display:flex}.spark-page .form-group label{color:var(--text-2);text-transform:uppercase;letter-spacing:1px;font-size:13px;font-weight:600}.spark-page .form-group input{background:var(--bg-card);border:1.5px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;padding:14px 16px;font-family:Syne,sans-serif;font-size:18px;font-weight:700;transition:border-color .2s}.spark-page .form-group input:focus{border-color:var(--spark-c)}.spark-page .form-group input::placeholder{color:var(--text-3);font-family:Inter,sans-serif;font-size:15px;font-weight:400}.gender-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gender-card{background:var(--bg-card);border:2px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.gender-card:hover{border-color:var(--spark-c);transform:translateY(-4px)}.gender-card.selected{border-color:var(--spark-c);transform:translateY(-4px)scale(1.03);box-shadow:0 8px 32px #f59e0b4d}#gender-male.selected{border-color:#60a5fa;box-shadow:0 8px 32px #60a5fa59}#gender-female.selected{border-color:#f472b6;box-shadow:0 8px 32px #f472b659}.gender-emoji{font-size:48px;line-height:1;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.gender-card:hover .gender-emoji,.gender-card.selected .gender-emoji{transform:scale(1.15)rotate(-5deg)}.gender-label{color:var(--text-2);letter-spacing:1px;text-transform:uppercase;font-family:Syne,sans-serif;font-size:16px;font-weight:800}.gender-card.selected .gender-label{color:var(--text)}.room-code-box{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);text-align:center;padding:20px}.room-label{color:var(--text-2);text-transform:uppercase;letter-spacing:2px;font-size:12px}.room-code-row{justify-content:center;align-items:center;gap:12px;margin-top:6px;display:flex}.room-code{letter-spacing:8px;color:var(--spark-c);font-family:Syne,sans-serif;font-size:42px;font-weight:800}.btn-copy{cursor:pointer;opacity:.6;background:0 0;border:none;font-size:20px;transition:opacity .2s}.btn-copy:hover{opacity:1}.room-hint{color:var(--text-3);margin-top:6px;font-size:12px}.lobby-players{align-items:center;gap:16px;display:flex}.player-slot{background:var(--bg-card);border:1.5px solid var(--glass-border);border-radius:var(--radius);text-align:center;flex:1;padding:20px 12px;transition:all .3s}.player-slot.filled{border-color:var(--spark-c);background:var(--spark-bg)}.slot-avatar{background:var(--glass);width:52px;height:52px;color:var(--text-2);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 10px;font-family:Syne,sans-serif;font-size:28px;font-weight:800;line-height:1;display:flex}.player-slot.filled .slot-avatar{color:#fff;background:linear-gradient(135deg,#a855f7,#e879f9)}.slot-name{color:var(--text-2);font-size:14px;font-weight:600}.player-slot.filled .slot-name{color:var(--text)}.lobby-vs{color:var(--text-3);flex-shrink:0;font-family:Syne,sans-serif;font-size:18px;font-weight:800}.lobby-info{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px 20px;display:flex}.info-row{color:var(--text-2);align-items:center;gap:10px;font-size:14px;display:flex}.spark-page .text-muted{text-align:center;color:var(--text-2);font-size:14px}.tier-intro-screen{justify-content:center;align-items:center}.tier-intro-bg{z-index:0;transition:background .5s;position:fixed;inset:0}.tier-intro-bg.tier-ice{background:radial-gradient(ellipse at 50% 40%, #818cf866 0%, var(--bg) 70%)}.tier-intro-bg.tier-spark{background:radial-gradient(ellipse at 50% 40%, #e879f961 0%, var(--bg) 70%)}.tier-intro-bg.tier-flame{background:radial-gradient(ellipse at 50% 40%, #f472b661 0%, var(--bg) 70%)}.tier-intro-bg.tier-glow{background:radial-gradient(ellipse at 50% 40%, #fbbf244d 0%, var(--bg) 70%)}.tier-intro-content{text-align:center;z-index:1;justify-content:center;align-items:center;position:relative}.tier-intro-icon{font-size:88px;line-height:1;animation:.5s cubic-bezier(.34,1.56,.64,1) both tier-pop}@keyframes tier-pop{0%{opacity:0;transform:scale(0)rotate(-20deg)}to{opacity:1;transform:scale(1)rotate(0)}}.tier-intro-name{letter-spacing:8px;margin-top:16px;font-family:Syne,sans-serif;font-size:56px;font-weight:800;animation:.4s .1s both tier-slide}@keyframes tier-slide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tier-intro-msg{color:var(--text-2);margin-top:12px;font-size:18px;animation:.4s .2s both tier-slide}.tier-intro-count{text-transform:uppercase;letter-spacing:3px;color:var(--text-3);margin-top:24px;font-family:Syne,sans-serif;font-size:14px;font-weight:700;animation:.4s .3s both tier-slide}.tier-intro-bar{border-radius:2px;width:48px;height:4px;margin-top:24px;animation:.4s .4s both tier-slide}.challenge-screen{background:var(--bg)}.challenge-header{z-index:10;background:var(--bg);padding:16px 20px 0;position:sticky;top:0}.challenge-progress{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.ch-index{color:var(--text-2);text-transform:uppercase;letter-spacing:2px;font-family:Syne,sans-serif;font-size:13px;font-weight:700}.spark-score-pill{background:var(--spark-bg);border:1px solid #e879f940;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;display:flex}.score-bolt{font-size:14px}.spark-score-pill span:last-child{color:var(--spark-c);font-family:Syne,sans-serif;font-size:15px;font-weight:800}.progress-bar-wrap{background:var(--glass-border);border-radius:2px;height:3px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--tier-color,var(--spark-c)), var(--accent));border-radius:2px;height:100%;transition:width .5s}.challenge-body{padding-top:16px}.challenge-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px 20px;position:relative;overflow:hidden}.challenge-card:before{content:"";background:var(--tier-color,var(--spark-c));height:3px;position:absolute;top:0;left:0;right:0}.challenge-title{margin-bottom:12px;font-family:Syne,sans-serif;font-size:26px;font-weight:800;line-height:1.2}.challenge-instruction{color:var(--text-2);font-size:15px;line-height:1.6}.input-section{flex-direction:column;gap:10px;display:flex}.input-section textarea{background:var(--bg-card);border:1.5px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text);resize:none;outline:none;width:100%;padding:14px 16px;font-family:Inter,sans-serif;font-size:15px;transition:border-color .2s}.input-section textarea:focus{border-color:var(--spark-c)}.input-section textarea::placeholder{color:var(--text-3)}.choices-grid{flex-direction:column;gap:10px;display:flex}.choice-btn{background:var(--bg-card);border:1.5px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;text-align:left;width:100%;padding:16px 20px;font-family:Syne,sans-serif;font-size:16px;font-weight:700;transition:all .2s}.choice-btn:hover{border-color:var(--spark-c);background:var(--spark-bg)}.choice-btn.selected{border-color:var(--spark-c);background:var(--spark-bg);color:var(--spark-c)}.choice-btn:disabled{opacity:.4;cursor:not-allowed}.timer-section{align-items:center;gap:10px;display:flex}.timer-bar-wrap{background:var(--glass-border);border-radius:3px;flex:1;height:6px;overflow:hidden}.timer-bar-fill{border-radius:3px;height:100%}.timer-text{color:var(--tier-color,var(--spark-c));text-align:right;min-width:36px;font-family:Syne,sans-serif;font-size:16px;font-weight:800}.boost-bar{background:linear-gradient(to top, var(--bg) 60%, transparent);padding:12px 20px 24px;position:sticky;bottom:0}.btn-boost{border-radius:var(--radius-sm);width:100%;color:var(--text-3);cursor:pointer;background:0 0;border:1px dashed #ffffff1f;padding:10px;font-family:Inter,sans-serif;font-size:13px;transition:all .2s}.btn-boost:hover{border-color:var(--glow);color:var(--glow)}.role-banner{border-radius:var(--radius);border:1.5px solid;align-items:center;gap:12px;padding:14px 16px;animation:.35s cubic-bezier(.34,1.56,.64,1) both popIn;display:flex}.role-banner.role-answer{background:#60a5fa14;border-color:#60a5fa4d}.role-banner.role-guess{background:#f59e0b14;border-color:#f59e0b4d}.role-icon{flex-shrink:0;font-size:28px}.role-text{flex:1}.role-label{letter-spacing:1.5px;text-transform:uppercase;font-family:Syne,sans-serif;font-size:13px;font-weight:800}.role-banner.role-answer .role-label{color:#60a5fa}.role-banner.role-guess .role-label{color:var(--spark-c)}.role-sub{color:var(--text-3);margin-top:3px;font-size:12px;line-height:1.4}.waiting-section{flex-direction:column;align-items:center;gap:12px;padding:24px 0;display:flex}.waiting-anim{font-size:40px;animation:1.5s ease-in-out infinite alternate float}@keyframes float{0%{opacity:.7;transform:translateY(0)scale(1)}to{opacity:1;transform:translateY(-10px)scale(1.05)}}.waiting-text{color:var(--text-2);text-align:center;font-size:14px}.reveal-screen .container{justify-content:flex-start}.reveal-header{text-align:center;padding-top:8px}.reveal-title{background:linear-gradient(135deg,#e879f9,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:36px;font-weight:800}.reveal-challenge-name{color:var(--text-3);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;font-size:13px}.reveal-compare{gap:12px;display:flex}.reveal-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);flex-direction:column;flex:1;gap:10px;padding:16px 12px;animation:.4s cubic-bezier(.34,1.56,.64,1) both reveal-pop;display:flex}.reveal-card:first-child{animation-delay:0s}.reveal-card:nth-child(2){animation-delay:.15s}@keyframes reveal-pop{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.answer-card{border-top:3px solid #60a5fa}.guess-card{border-top:3px solid var(--spark-c)}.rc-role-tag{text-transform:uppercase;letter-spacing:1px;color:var(--text-3);margin-bottom:-4px;font-size:11px;font-weight:700}.rc-name{text-transform:uppercase;letter-spacing:1px;color:var(--text-2);font-family:Syne,sans-serif;font-size:13px;font-weight:800}.rc-answer{color:var(--text);flex:1;min-height:60px;font-size:15px;line-height:1.5}.rc-reactions{gap:4px;display:flex}.reaction-btn{border:1px solid var(--glass-border);cursor:pointer;background:0 0;border-radius:8px;flex:1;padding:6px 4px;font-size:16px;transition:all .2s}.reaction-btn:hover,.reaction-btn.active{background:var(--glass);border-color:var(--spark-c);transform:scale(1.2)}.result-banner{border-radius:var(--radius);text-align:center;flex-direction:column;align-items:center;gap:8px;padding:20px;animation:.5s cubic-bezier(.34,1.56,.64,1) both popIn;display:flex}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.result-correct{background:#22c55e1a;border:2px solid #22c55e66}.result-wrong{background:#ef44441a;border:2px solid #ef444466}.result-pending{background:var(--glass);border:1px solid var(--glass-border);width:100%}.result-icon{font-size:40px}.result-text{font-family:Syne,sans-serif;font-size:20px;font-weight:800}.result-correct .result-text{color:#22c55e}.result-wrong .result-text{color:var(--red)}.result-sub{color:var(--text-2);font-size:13px}.pending-text{color:var(--text-2);font-size:14px}.answerer-confirm{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.confirm-guess-text{color:var(--text);text-align:center;font-size:15px;font-weight:600}.confirm-btns{gap:10px;width:100%;display:flex}.score-section{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.verdict-prompt{color:var(--text);font-family:Syne,sans-serif;font-size:16px;font-weight:700}.score-slider-wrap{align-items:center;gap:12px;width:100%;display:flex}.score-slider-wrap input[type=range]{accent-color:var(--spark-c);flex:1}.score-value{color:var(--spark-c);text-align:center;min-width:32px;font-family:Syne,sans-serif;font-size:28px;font-weight:800}.post-reveal-msg{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-2);text-align:center;padding:12px 16px;font-size:14px}.boost-screen{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080810d9;justify-content:center;align-items:center;inset:0;position:fixed!important}.boost-modal{background:var(--bg-card2);border:1px solid var(--glow);border-radius:var(--radius-lg);text-align:center;flex-direction:column;gap:12px;width:90%;max-width:360px;padding:32px 24px;animation:.3s both reveal-pop;display:flex}.boost-modal-icon{font-size:48px}.boost-modal-title{color:var(--glow);font-family:Syne,sans-serif;font-size:28px;font-weight:800}.boost-modal-msg{color:var(--text);font-size:16px}.boost-modal-sub{color:var(--text-2);font-size:14px}.boost-modal-btns{gap:10px;display:flex}.boost-countdown{color:var(--text-3);font-family:Syne,sans-serif;font-size:13px;font-weight:700}.score-delta{pointer-events:none;z-index:200;background:linear-gradient(135deg,#f59e0b,#ef4444);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:48px;font-weight:800;animation:.5s cubic-bezier(.34,1.56,.64,1) both score-pop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes score-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}60%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.gameover-screen{position:relative;overflow:hidden}.gameover-screen .container{z-index:1;text-align:center;justify-content:center;align-items:center}.go-badge{flex-direction:column;align-items:center;gap:8px;margin-top:40px;display:flex}.go-badge-icon{font-size:72px;animation:.5s cubic-bezier(.34,1.56,.64,1) both tier-pop}.go-badge-name{text-transform:uppercase;letter-spacing:4px;background:linear-gradient(135deg,#e879f9,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Syne,sans-serif;font-size:20px;font-weight:800}.go-score{align-items:baseline;gap:6px;display:flex}.go-score-label{text-transform:uppercase;letter-spacing:2px;color:var(--text-3);font-size:12px}.go-score-num{color:var(--spark-c);font-family:Syne,sans-serif;font-size:72px;font-weight:800;line-height:1}.go-score-bolt{font-size:28px}.go-message{color:var(--text-2);max-width:280px;font-size:18px;line-height:1.5}.go-stats{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--glass-border);border-radius:var(--radius);text-align:center;padding:16px 12px}.stat-num{color:var(--spark-c);font-family:Syne,sans-serif;font-size:28px;font-weight:800}.stat-label{color:var(--text-2);margin-top:4px;font-size:12px}.go-actions{flex-direction:column;gap:10px;width:100%;display:flex}