@import "https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-deep:#07072a;--accent-gold:gold;--accent-pink:#ff6b9d;--accent-blue:#1e90ff;--text-main:#fff;--text-muted:#ffffff94;--panel-bg:#fff1;--panel-border:#ffffff24;--radius:20px;--shadow:0 8px 32px #00000073}html,body,#root{height:100%}body{background:var(--bg-deep);color:var(--text-main);min-height:100vh;font-family:Nunito,sans-serif;overflow-x:hidden}.bg-gradient{z-index:0;pointer-events:none;background:radial-gradient(70% 50% at 20% 30%,#6400c82e 0%,#0000 70%),radial-gradient(60% 50% at 80% 70%,#0050ff2e 0%,#0000 70%),radial-gradient(80% 60%,#ff006414 0%,#0000 70%),#07072a;animation:8s ease-in-out infinite alternate bgPulse;position:fixed;inset:0}@keyframes bgPulse{0%{background-position:0 0,100% 100%,50%}to{background-position:10% 20%,90% 80%,60% 40%}}.stars{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.star{border-radius:50%;animation:linear infinite twinkle;position:absolute}.star--white{background:#fff}.star--gold{background:gold}.star--pink{background:#ff6b9d}.star--blue{background:#4fc3f7}@keyframes twinkle{0%,to{opacity:.15;transform:scale(.8)}50%{opacity:1;transform:scale(1.5)}}.orb{filter:blur(60px);pointer-events:none;z-index:0;border-radius:50%;animation:ease-in-out infinite alternate orbFloat;position:fixed}@keyframes orbFloat{0%{transform:translateY(0)translate(0)scale(1)}to{transform:translateY(-40px)translate(20px)scale(1.1)}}.app{z-index:1;flex-direction:column;min-height:100vh;transition:background .5s;display:flex;position:relative}.app--spinning .bg-gradient{opacity:1.3;filter:brightness(1.3);animation:2s ease-in-out infinite alternate bgPulse}.app--spinning .orb{filter:blur(50px)brightness(1.6);animation-duration:3s!important}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.app__main{flex:1;grid-template-columns:280px 1fr 240px;align-items:start;gap:16px;width:100%;max-width:1400px;margin:0 auto;padding:16px 20px 24px;display:grid}.sidebar-title{border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff24;justify-content:center;align-items:center;gap:10px;padding:14px 12px;display:flex}.sidebar-title__text{background:linear-gradient(135deg,gold 0%,#ff6b9d 40%,#a29bfe 75%,#2ed573 100%) 0 0/300% 300%;-webkit-text-fill-color:transparent;text-align:center;-webkit-background-clip:text;background-clip:text;font-family:Fredoka One,cursive;font-size:clamp(1.3rem,3vw,1.75rem);line-height:1.1;animation:4s infinite gradientShift}.sidebar-title__icon{flex-shrink:0;font-size:1.4rem;animation:2s ease-in-out infinite alternate iconBounce}.sidebar-title__icon:last-child{animation-delay:1s}@keyframes iconBounce{0%{transform:translateY(0)rotate(-5deg)}to{transform:translateY(-5px)rotate(5deg)}}.logo-block{border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff24;justify-content:center;align-items:center;padding:14px 16px;transition:box-shadow .3s;display:flex;box-shadow:0 8px 32px #0006}.logo-block:hover{box-shadow:0 0 28px #ffd70033,0 8px 32px #00000073}.logo-block__img{object-fit:contain;width:100%;height:auto;max-height:80px;display:block}.lang-selector{border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ffffff21;gap:8px;padding:10px 12px;display:flex}.lang-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;transition:all .2s;display:flex}.lang-btn:hover{color:#fff;background:#ffffff14}.lang-btn--active{color:#fff;background:linear-gradient(135deg,#ffd7002e,#a29bfe38);border-color:#ffd70080;box-shadow:0 0 14px #ffd70033}.lang-btn__flag{font-size:1.5rem;line-height:1}.lang-btn__label{letter-spacing:.03em;white-space:nowrap;font-size:.72rem;font-weight:700}.app__sidebar{flex-direction:column;gap:14px;display:flex}.app__sidebar--left{max-height:calc(100vh - 48px);padding-right:2px;overflow-y:auto}.app__sidebar--right{max-height:calc(100vh - 48px);padding-left:2px;overflow-y:auto}.app__sidebar::-webkit-scrollbar{width:3px}.app__sidebar::-webkit-scrollbar-track{background:0 0}.app__sidebar::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:2px}.app__center{flex-direction:column;justify-content:center;align-items:center;gap:28px;padding:10px 0 20px;display:flex}.app__hint{color:var(--text-muted);text-align:center;border:1px solid var(--panel-border);background:#ffffff0d;border-radius:14px;padding:10px 24px;font-size:.95rem}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow);padding:18px}.panel__title{color:var(--accent-gold);text-shadow:0 0 12px #ffd70066;margin-bottom:12px;font-family:Fredoka One,cursive;font-size:1.3rem}.panel__input-row{gap:8px;margin-bottom:6px;display:flex}.panel__input{border:2px solid var(--panel-border);color:#fff;background:#ffffff14;border-radius:12px;outline:none;flex:1;padding:10px 14px;font-family:Nunito,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.panel__input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #1e90ff33}.panel__input--error{border-color:#ff4757!important}.panel__input::placeholder{color:#ffffff52}.panel__add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2ed573,#1e90ff);border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.7rem;font-weight:700;transition:box-shadow .2s,transform .1s;display:flex;box-shadow:0 4px 16px #2ed57380}.panel__add-btn:hover{box-shadow:0 6px 22px #2ed573b3}.panel__error{color:#ff6b81;margin-bottom:8px;padding-left:2px;font-size:.82rem}.panel__list{flex-direction:column;gap:6px;max-height:260px;margin-bottom:10px;padding-right:2px;display:flex;overflow-y:auto}.panel__list::-webkit-scrollbar{width:3px}.panel__list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.panel__empty{color:var(--text-muted);text-align:center;padding:14px 0;font-size:.87rem}.participant-item{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:background .2s,border-color .2s;display:flex}.participant-item:hover{background:#ffffff1c;border-color:#ffffff38}.participant-item__dot{border-radius:50%;flex-shrink:0;width:13px;height:13px;box-shadow:0 0 8px}.participant-item__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.93rem;font-weight:700;overflow:hidden}.participant-item__remove{color:#ffffff61;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:1.3rem;line-height:1;transition:color .2s,background .2s;display:flex}.participant-item__remove:hover{color:#ff4757;background:#ff475726}.panel__reset-btn{color:#ff6b81;cursor:pointer;background:#ff47571a;border:1px solid #ff47574d;border-radius:10px;width:100%;margin-bottom:8px;padding:9px;font-family:Nunito,sans-serif;font-size:.87rem;font-weight:700;transition:background .2s}.panel__reset-btn:hover{background:#ff475738}.panel__count{color:var(--text-muted);text-align:right;font-size:.82rem}.wheel-wrapper{justify-content:center;align-items:center;width:100%;padding-top:36px;display:flex;position:relative}.wheel-ring{background:conic-gradient(#ff4757,#ff6b9d,#ffa502,#ffdd59,#2ed573,#00cec9,#1e90ff,#a29bfe,#6c5ce7,#ff4757);border-radius:50%;padding:7px;transition:box-shadow .4s;animation:12s linear infinite ringRotate;position:relative;box-shadow:0 0 50px #ffd70059,0 0 100px #ff6b9d40,0 0 160px #1e90ff26,inset 0 0 24px #0006}@keyframes ringRotate{0%{background:conic-gradient(#ff4757,#ff6b9d,#ffa502,#ffdd59,#2ed573,#00cec9,#1e90ff,#a29bfe,#6c5ce7,#ff4757)}to{background:conic-gradient(#ff4757,#ff6b9d,#ffa502,#ffdd59,#2ed573,#00cec9,#1e90ff,#a29bfe,#6c5ce7,#ff4757)}}.wheel-ring--spinning{animation:.4s ease-in-out infinite alternate ringPulse;box-shadow:0 0 80px #ffd700b3,0 0 150px #ff6b9d8c,0 0 220px #1e90ff59,inset 0 0 24px #0006}@keyframes ringPulse{0%{box-shadow:0 0 60px #ffd70080,0 0 120px #ff6b9d66,0 0 180px #1e90ff40}to{box-shadow:0 0 100px #ffd700e6,0 0 180px #ff6b9db3,0 0 260px #1e90ff73}}.wheel-canvas{background:0 0;border-radius:50%;display:block}.wheel-speed-overlay{pointer-events:none;z-index:2;background:conic-gradient(#ffffff0f 0deg,#0000 20deg,#ffffff0a 30deg,#0000 50deg,#ffffff0f 60deg,#0000 80deg,#ffffff0a 90deg,#0000 110deg,#ffffff0f 120deg,#0000 140deg,#ffffff0a 150deg,#0000 170deg,#ffffff0f 180deg,#0000 200deg,#ffffff0a 210deg,#0000 230deg,#ffffff0f 240deg,#0000 260deg,#ffffff0a 270deg,#0000 290deg,#ffffff0f 300deg,#0000 320deg,#ffffff0a 330deg,#0000 350deg);border-radius:50%;animation:.12s linear infinite speedStreaks;position:absolute;inset:0}@keyframes speedStreaks{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wheel-pointer{filter:drop-shadow(0 4px 10px #ff9600cc)drop-shadow(0 0 6px #fff9);z-index:10;transition:filter .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.wheel-pointer--spinning{filter:drop-shadow(0 4px 14px #ffc800)drop-shadow(0 0 20px #ffffffe6)drop-shadow(0 0 40px #ff9600cc);animation:.3s ease-in-out infinite alternate pointerPulse}@keyframes pointerPulse{0%{transform:translate(-50%)scale(1)}to{transform:translate(-50%)scale(1.12)}}.wheel-dots{pointer-events:none;border-radius:50%;position:absolute;inset:18px}.wheel-dot{border-radius:50%;width:13px;height:13px;animation:1.4s ease-in-out infinite alternate dotPulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px 2px}@keyframes dotPulse{0%{opacity:.6;transform:translate(-50%,-50%)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1.35)}}.wheel-dots--spinning .wheel-dot{animation:.9s linear infinite dotChase}@keyframes dotChase{0%{opacity:.3;transform:translate(-50%,-50%)scale(.7);box-shadow:0 0 6px 1px}50%{opacity:1;transform:translate(-50%,-50%)scale(1.5);box-shadow:0 0 18px 6px}to{opacity:.3;transform:translate(-50%,-50%)scale(.7);box-shadow:0 0 6px 1px}}.spin-btn{letter-spacing:2px;cursor:pointer;color:#fff;text-shadow:0 2px 8px #0000004d;background:linear-gradient(135deg,#f06,#ff4757,#ff6b9d,#ffa502,gold) 0 0/300% 300%;border:none;border-radius:60px;padding:18px 56px;font-family:Fredoka One,cursive;font-size:1.7rem;transition:opacity .2s,box-shadow .2s;animation:2.5s infinite btnGradient;position:relative;overflow:hidden;box-shadow:0 6px 30px #ff475799,0 0 60px #ff6b9d4d,0 2px 8px #0006}.spin-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff40,#0000);border-radius:60px 60px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.spin-btn:after{content:"";background:conic-gradient(#0000 0deg,#ffffff26 60deg,#0000 120deg);animation:3s linear infinite btnSheen;position:absolute;inset:-50%}@keyframes btnSheen{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes btnGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.spin-btn--spinning{cursor:default;animation:.6s infinite btnGradient;box-shadow:0 6px 50px #ff6b9dcc,0 0 100px #ff475780,0 2px 8px #0006}.spin-btn--disabled{opacity:.38;cursor:not-allowed;box-shadow:none;background:#444;animation:none}.spin-btn--disabled:after{display:none}.spin-btn__text{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.spin-btn__icon{font-size:1.2em}.mode-toggle{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:14px 16px}.mode-toggle__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px;font-size:.8rem;display:block}.mode-toggle__buttons{gap:8px;display:flex}.mode-btn{border:1px solid var(--panel-border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:9px 8px;font-family:Nunito,sans-serif;font-size:.85rem;font-weight:700;transition:all .2s}.mode-btn:hover{color:#fff;background:#ffffff14}.mode-btn--active{border-color:var(--accent-gold);color:var(--accent-gold);background:linear-gradient(135deg,#ffd7002e,#ff6b9d2e);box-shadow:0 0 12px #ffd70033}.history{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:14px 16px 12px}.history__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.history__title{color:var(--accent-gold);text-shadow:0 0 12px #ffd70066;font-family:Fredoka One,cursive;font-size:1.1rem}.history__clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:1.2rem;transition:color .2s,background .2s;display:flex}.history__clear:hover{color:#ff4757;background:#ff47571f}.history__list{flex-direction:column;gap:6px;max-height:180px;display:flex;overflow-y:auto}.history__list::-webkit-scrollbar{width:3px}.history__list::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.history__item{background:#ffffff0d;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.88rem;display:flex}.history__medal{flex-shrink:0;font-size:1rem}.history__name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.history__time{color:var(--text-muted);flex-shrink:0;font-size:.78rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{text-align:center;background:linear-gradient(145deg,#12125e,#1e1e82,#0d0d40);border:2px solid #ffd70080;border-radius:30px;width:100%;max-width:440px;padding:44px 52px;position:relative;overflow:hidden;box-shadow:0 0 80px #ffd70066,0 0 160px #ff6b9d33,0 24px 80px #000000b3}.modal:before{content:"";pointer-events:none;background:radial-gradient(circle at 40% 40%,#ffd70014 0%,#0000 55%);width:220%;height:220%;animation:3s ease-in-out infinite alternate modalShimmer;position:absolute;top:-60%;left:-60%}@keyframes modalShimmer{0%{transform:rotate(0)scale(1)}to{transform:rotate(20deg)scale(1.1)}}.modal__stars{margin-bottom:4px;font-size:2.2rem;animation:2s linear infinite starSpin}@keyframes starSpin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.3)}to{transform:rotate(360deg)scale(1)}}.modal__trophy{filter:drop-shadow(0 0 20px #ffd70099);margin-bottom:8px;font-size:5.5rem;animation:.7s ease-in-out infinite alternate trophyBounce}@keyframes trophyBounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-14px)scale(1.05)}}.modal__title{color:var(--accent-gold);text-shadow:0 0 30px #ffd700b3;margin-bottom:10px;font-family:Fredoka One,cursive;font-size:2.1rem}.modal__name{background:linear-gradient(135deg,#ff6b9d,gold,#2ed573,#1e90ff) 0 0/200% 200%;-webkit-text-fill-color:transparent;word-break:break-word;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-family:Fredoka One,cursive;font-size:2.6rem;animation:2s infinite gradientShift}.modal__note{color:var(--text-muted);margin-bottom:8px;font-size:.9rem}.modal__close-btn{color:#1a0500;cursor:pointer;background:linear-gradient(135deg,gold,#ffa502,#f60);border:none;border-radius:50px;margin-top:22px;padding:15px 40px;font-family:Fredoka One,cursive;font-size:1.25rem;position:relative;overflow:hidden;box-shadow:0 4px 24px #ffc80080}.modal__close-btn:before{content:"";background:#fff3;border-radius:50px 50px 0 0;height:50%;position:absolute;top:0;left:0;right:0}.confetti-container{pointer-events:none;z-index:99;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.confetti-piece{position:absolute;top:0}.app__footer{text-align:center;color:#ffffff59;letter-spacing:.03em;padding:10px 16px 14px;font-size:.78rem}.app__footer a{color:#ffd70099;text-decoration:none;transition:color .2s}.app__footer a:hover{color:gold}@media (width<=1100px){.app__main{grid-template-columns:260px 1fr 220px;gap:12px;padding:12px 14px 20px}}@media (width<=860px){.app__main{grid-template-rows:auto auto;grid-template-columns:1fr 1fr;gap:12px;padding:10px 12px 20px}.app__sidebar--left{grid-area:2/1/auto/2;max-height:none;overflow-y:visible}.app__sidebar--right{grid-area:2/2/auto/3;max-height:none;overflow-y:visible}.app__center{grid-area:1/1/auto/3}.spin-btn{padding:14px 38px;font-size:1.3rem}.sidebar-title__text{font-size:1.35rem}}@media (width<=580px){.app__main{grid-template-rows:auto;grid-template-columns:1fr}.app__sidebar--left,.app__sidebar--right{grid-column:1}.app__sidebar--left{grid-row:2}.app__sidebar--right{grid-row:3}.app__center{grid-area:1/1}.spin-btn{padding:12px 30px;font-size:1.15rem}}@media (width<=480px){.modal{padding:28px 22px}.modal__name{font-size:2rem}}[dir=rtl] .participant-item__dot{margin-left:0;margin-right:0}[dir=rtl] .panel__input{text-align:right}[dir=rtl] .panel__count{text-align:left}[dir=rtl] .history__time{margin-left:0;margin-right:auto}