@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";:root{--font: "Nunito", sans-serif;--color-bg: #0a081e;--color-surface: rgba(255,255,255,.06);--color-surface-hover: rgba(255,255,255,.1);--color-border: rgba(255,255,255,.1);--color-text: #ffffff;--color-muted: rgba(255,255,255,.5);--color-gold: #f7b731;--color-gold-dark: #e6a017;--color-purple: #7b2ff7;--color-green: #2ed573;--color-red: #ff4757;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow: 0 8px 32px rgba(0,0,0,.4);--t: all .25s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background:radial-gradient(ellipse at 30% 0%,#1c0f3f,#0a081e 55%,#03020f);color:var(--color-text);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}.bg-blobs{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.15;animation:blobFloat 14s ease-in-out infinite alternate}.blob1{width:600px;height:600px;background:#7b2ff7;top:-150px;left:-200px;animation-delay:0s}.blob2{width:500px;height:500px;background:#f7b731;bottom:-150px;right:-150px;animation-delay:-5s}.blob3{width:400px;height:400px;background:#ff4757;top:35%;left:45%;animation-delay:-10s}@keyframes blobFloat{0%{transform:translate(0) scale(1)}to{transform:translate(40px,50px) scale(1.12)}}.page{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:32px 16px 40px}.page-mode{justify-content:center;gap:32px}.mode-header{text-align:center}.logo-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:linear-gradient(135deg,var(--color-gold),#ff6b35);box-shadow:0 0 40px #f7b73159;color:#fff;margin-bottom:10px;animation:logoBounce 2.5s ease-in-out infinite}@keyframes logoBounce{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}.mode-header h1{font-size:clamp(2.2rem,7vw,3.8rem);font-weight:900;line-height:1.05;letter-spacing:-1px;background:linear-gradient(135deg,#f7b731,#ff6b6b,#a55bff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{color:var(--color-muted);font-size:1.05rem;font-weight:600;margin-top:6px}.mode-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;max-width:700px}@media (max-width: 600px){.mode-cards{grid-template-columns:1fr}}.mode-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:36px 28px 28px;text-align:center;cursor:pointer;transition:var(--t);display:flex;flex-direction:column;align-items:center;gap:12px;box-shadow:var(--shadow);font-family:var(--font);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mode-card:hover{transform:translateY(-4px)}.mode-card:active{transform:scale(.97)}.mode-pays{border-color:#f7b73140}.mode-pays:hover{border-color:#f7b73199;box-shadow:var(--shadow),0 0 50px #f7b7312e;background:#f7b73112}.mode-pays .mode-card-icon,.mode-pays .mode-card-cta{color:var(--color-gold)}.mode-free{border-color:#2ed57340}.mode-free:hover{border-color:#2ed57399;box-shadow:var(--shadow),0 0 50px #2ed5732e;background:#2ed57312}.mode-free .mode-card-icon,.mode-free .mode-card-cta{color:var(--color-green)}.mode-card-icon{line-height:1}.mode-card-title{font-size:1.4rem;font-weight:900;color:#f5f5f5}.mode-card-desc{font-size:.88rem;color:var(--color-muted);font-weight:600;line-height:1.5}.mode-card-cta{font-size:.85rem;font-weight:800;display:flex;align-items:center;gap:4px;letter-spacing:.5px}.page-participants{gap:20px;max-width:580px;margin:0 auto;width:100%}.page-nav{display:flex;align-items:center;justify-content:space-between;width:100%}.btn-back{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);font-family:var(--font);font-size:.88rem;font-weight:800;padding:8px 16px;cursor:pointer;transition:var(--t)}.btn-back:hover{background:var(--color-surface-hover);color:var(--color-text)}.mode-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:20px;font-size:.78rem;font-weight:900;letter-spacing:.5px;text-transform:uppercase}.badge-pays{background:#f7b73126;color:var(--color-gold);border:1px solid rgba(247,183,49,.25)}.badge-free{background:#2ed57326;color:var(--color-green);border:1px solid rgba(46,213,115,.25)}.participants-form{width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px}.participants-title{font-size:1.25rem;font-weight:900;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.active-count{margin-left:auto;font-size:.8rem;font-weight:700;color:var(--color-muted)}.add-input-row{display:flex;gap:10px}.name-input{flex:1;background:#ffffff12;border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font);font-size:1rem;font-weight:700;padding:12px 16px;outline:none;transition:var(--t)}.name-input::placeholder{color:var(--color-muted);font-weight:600}.name-input:focus{border-color:var(--color-gold);background:#f7b73112;box-shadow:0 0 0 3px #f7b73126}.input-hint{font-size:.78rem;color:var(--color-red);font-weight:700;margin-top:-8px}.participants-list{list-style:none;display:flex;flex-direction:column;gap:8px;max-height:340px;overflow-y:auto;padding-right:4px}.participants-list::-webkit-scrollbar{width:3px}.participants-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.participant-item{display:flex;align-items:center;gap:10px;background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 14px;transition:var(--t);animation:slideIn .22s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.participant-item:hover{background:#ffffff14}.participant-item.excluded{opacity:.4;text-decoration:line-through;filter:grayscale(1)}.participant-name{flex:1;font-weight:800;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.participant-badge{font-size:.62rem;font-weight:900;letter-spacing:.5px;padding:2px 8px;border-radius:20px;text-transform:uppercase;display:inline-flex;align-items:center}.badge-excluded{background:#ff475726;color:var(--color-red)}.badge-paid{background:#f7b73126;color:var(--color-gold)}.participant-actions{display:flex;gap:4px}.icon-btn{background:none;border:none;cursor:pointer;padding:5px 6px;border-radius:8px;display:inline-flex;align-items:center;transition:var(--t);opacity:.65}.icon-btn:hover{background:#ffffff1a;opacity:1}.empty-state{text-align:center;padding:28px 16px;color:var(--color-muted);font-weight:700;display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state p{font-size:.9rem;line-height:1.5}.participants-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--color-border)}.page-draw{justify-content:center;text-align:center;gap:28px;position:relative}.draw-back{position:absolute;top:24px;left:24px}.draw-mode-badge{position:absolute;top:28px;right:24px}.draw-suspense{display:flex;flex-direction:column;align-items:center;gap:32px;animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.suspense-label{font-size:1rem;font-weight:800;color:var(--color-muted);display:flex;align-items:center;gap:8px;letter-spacing:.5px;text-transform:uppercase}.suspense-ticker{min-height:120px;display:flex;align-items:center;justify-content:center}.ticker-inner{display:flex;flex-direction:column;align-items:center;gap:16px;animation:tickerPop .08s ease}@keyframes tickerPop{0%{opacity:.3;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ticker-name{font-size:clamp(2rem,8vw,3.5rem);font-weight:900;letter-spacing:-1px;text-shadow:0 0 30px rgba(247,183,49,.4);filter:blur(.3px)}.suspense-bars{display:flex;align-items:flex-end;gap:5px;height:40px}.suspense-bars span{width:6px;border-radius:4px;background:linear-gradient(to top,var(--color-purple),var(--color-gold));animation:barDance .7s ease-in-out infinite alternate}.suspense-bars span:nth-child(1){height:60%}.suspense-bars span:nth-child(2){height:90%}.suspense-bars span:nth-child(3){height:50%}.suspense-bars span:nth-child(4){height:100%}.suspense-bars span:nth-child(5){height:70%}.suspense-bars span:nth-child(6){height:40%}.suspense-bars span:nth-child(7){height:80%}@keyframes barDance{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.draw-reveal{display:flex;flex-direction:column;align-items:center;gap:16px;animation:revealPop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes revealPop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.reveal-eyebrow{display:flex;align-items:center;gap:8px;color:var(--color-muted);font-size:.9rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px}.reveal-lucky .reveal-eyebrow{color:var(--color-green)}.reveal-avatar-wrap{filter:drop-shadow(0 0 30px rgba(247,183,49,.5));animation:avatarGlow 2s ease-in-out infinite alternate}@keyframes avatarGlow{0%{filter:drop-shadow(0 0 20px rgba(247,183,49,.4))}to{filter:drop-shadow(0 0 50px rgba(247,183,49,.7))}}.reveal-lucky .reveal-avatar-wrap{animation:avatarGlowGreen 2s ease-in-out infinite alternate}@keyframes avatarGlowGreen{0%{filter:drop-shadow(0 0 20px rgba(46,213,115,.4))}to{filter:drop-shadow(0 0 50px rgba(46,213,115,.7))}}.reveal-name{font-size:clamp(2.5rem,10vw,5rem);font-weight:900;letter-spacing:-2px;line-height:1;background:linear-gradient(135deg,#f7b731,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reveal-lucky .reveal-name{background:linear-gradient(135deg,#2ed573,#00d2d3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reveal-verdict{font-size:1.1rem;font-weight:800;letter-spacing:.3px;padding:10px 24px;border-radius:20px}.verdict-loser{background:#f7b7311f;color:var(--color-gold);border:1px solid rgba(247,183,49,.2)}.verdict-lucky{background:#2ed5731f;color:var(--color-green);border:1px solid rgba(46,213,115,.2)}.reveal-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:8px}.draw-history{display:flex;align-items:center;flex-wrap:wrap;gap:8px;justify-content:center;opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 22px;border-radius:var(--radius-md);font-family:var(--font);font-size:.92rem;font-weight:800;cursor:pointer;border:none;transition:var(--t);letter-spacing:.2px;white-space:nowrap}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-gold),#ff6b35);color:#0a081e;box-shadow:0 4px 18px #f7b73159}.btn-primary:hover:not(:disabled){box-shadow:0 6px 28px #f7b73180;transform:translateY(-1px)}.btn-lucky{background:linear-gradient(135deg,var(--color-green),#00d2d3);color:#0a081e;box-shadow:0 4px 18px #2ed57359}.btn-lucky:hover:not(:disabled){box-shadow:0 6px 28px #2ed57380;transform:translateY(-1px)}.btn-add{background:linear-gradient(135deg,var(--color-purple),#a55bff);color:#fff;padding:12px 18px;border-radius:var(--radius-md);box-shadow:0 4px 16px #7b2ff759}.btn-add:hover{box-shadow:0 6px 24px #7b2ff78c;transform:translateY(-1px)}.btn-ghost{background:var(--color-surface);color:var(--color-muted);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text)}.btn-danger{background:#ff47571a;color:var(--color-red);border:1px solid rgba(255,71,87,.2)}.btn-danger:hover{background:#ff47572e}.btn-outline{background:transparent;border:1.5px solid rgba(255,71,87,.35);color:var(--color-red)}.btn-outline:hover{background:#ff47571a}.btn-sm{padding:7px 14px;font-size:.8rem}.btn-launch{background:linear-gradient(135deg,var(--color-purple),#a55bff);color:#fff;padding:14px 28px;font-size:1rem;font-weight:900;border:none;border-radius:var(--radius-lg);box-shadow:0 6px 24px #7b2ff766;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:var(--t);font-family:var(--font)}.btn-launch:hover:not(:disabled){box-shadow:0 8px 32px #7b2ff799;transform:translateY(-2px)}.btn-launch:active{transform:scale(.97)}.btn-launch:disabled{opacity:.4;cursor:not-allowed}.history-tag{background:#ffffff0d;border:1px solid var(--color-border);border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:700;color:var(--color-muted);display:inline-flex;align-items:center;gap:6px}.joker-tag{border-color:#2ed57333;background:#2ed5730f}.h-num{background:var(--color-gold);color:#0a081e;border-radius:50%;font-size:.68rem;font-weight:900;width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sound-toggle-row{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 0}.toggle-label{font-size:.85rem;font-weight:700;color:var(--color-muted);display:flex;align-items:center;gap:6px;cursor:pointer}.switch{position:relative;display:inline-block;width:42px;height:22px}.switch input{opacity:0;width:0;height:0}.slider-track{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:#ffffff1f;border-radius:34px;transition:.3s}.switch input:checked+.slider-track{background:var(--color-gold)}.slider-track:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.switch input:checked+.slider-track:before{transform:translate(20px)}@media (max-width: 600px){.page{padding:20px 12px 32px}.participants-form{padding:18px}.reveal-name{font-size:clamp(2rem,12vw,3.5rem)}.btn-launch{width:100%;justify-content:center}.participants-footer{flex-direction:column}.participants-footer .btn-ghost{width:100%}.draw-back,.draw-mode-badge{position:relative;top:auto;left:auto;right:auto}.page-draw{padding-top:16px;gap:16px}}