:root{--soop-primary: #0182ff;--soop-surface-subtle: #f6f6f9;--soop-foreground: #17191c;--soop-muted: #757b8a;--soop-chip-surface: #e8ebed;--soop-search-bg: #f6f6f6;--soop-thumb-bg: #f1f2f4;--soop-card-white: #fcfcfd;--soop-live: #ff2f00;--soop-control-text: #525661;--soop-border: #e2e4e9;--soop-status-text: #acb0b9}*,*:before,*:after{box-sizing:border-box;word-break:keep-all}html,body,#root{height:100dvh;width:100vw;margin:0;padding:0;overflow:hidden;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background-color:#ebedf0;color:#17191c;font-size:14px;font-weight:400;line-height:1.4;-webkit-font-smoothing:antialiased}.font-game-title{font-family:Pretendard Variable,Pretendard,sans-serif;font-weight:800;letter-spacing:-.025em;line-height:1.3}.font-game-num{font-family:Chakra Petch,Pretendard Variable,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.2}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d8dce3;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#acb0b9}@keyframes powerShakeLight{0%{transform:translateZ(0)}25%{transform:translate3d(-2px,1px,0)}50%{transform:translate3d(2px,-1px,0)}75%{transform:translate3d(-1px,-1px,0)}to{transform:translateZ(0)}}@keyframes powerShakeHeavy{0%{transform:translateZ(0) scale(1.008)}20%{transform:translate3d(-3px,2px,0)}40%{transform:translate3d(3px,-2px,0)}60%{transform:translate3d(-2px,-1.5px,0)}80%{transform:translate3d(2px,1.5px,0)}to{transform:translateZ(0) scale(1)}}@keyframes comboPop{0%{transform:scale(1.4) translateY(2px)}60%{transform:scale(.94) translateY(-1px)}to{transform:scale(1) translateY(0)}}@keyframes chosungPop{0%{transform:translateY(8px) scale(.86);opacity:0}65%{transform:translateY(-3px) scale(1.04);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}@keyframes chosungFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes winnerBannerSlam{0%{transform:scale(1.85) translateY(-14px);opacity:0}60%{transform:scale(.96) translateY(2px);opacity:1}80%{transform:scale(1.02) translateY(-1px);opacity:1}to{transform:scale(1) translateY(0);opacity:1}}@keyframes rankUpFlash{0%{background-color:#e6f2ff;transform:scale(1.02)}50%{background-color:#f2f8ff;transform:scale(1.008)}to{background-color:#fff;transform:scale(1)}}@keyframes scoreFloatUp{0%{transform:translateY(4px) scale(.85);opacity:0}18%{transform:translateY(-2px) scale(1.06);opacity:1}80%{transform:translateY(-8px) scale(1);opacity:1}to{transform:translateY(-13px) scale(.95);opacity:0}}@keyframes fireCardAura{0%,to{border-color:#ff4d00;background:linear-gradient(90deg,#fff6f0,#fff 65%,#fff2eb)}50%{border-color:#f80;background:linear-gradient(90deg,#ffede2,#fff 55%,#ffe8d9)}}@keyframes flameFlicker{0%,to{transform:scale(1) rotate(-3deg) translateY(0)}33%{transform:scale(1.16,1.24) rotate(3deg) translateY(-1px)}66%{transform:scale(.95,1.12) rotate(-2deg) translateY(-.5px)}}@keyframes emberRise1{0%{transform:translateY(8px) scale(.7);opacity:0}35%{opacity:.9}to{transform:translateY(-16px) translate(-4px) scale(.2);opacity:0}}@keyframes emberRise2{0%{transform:translateY(8px) scale(.8);opacity:0}40%{opacity:.85}to{transform:translateY(-18px) translate(5px) scale(.25);opacity:0}}@keyframes timerUrgentPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes eqDance1{0%,to{height:24%}50%{height:95%}}@keyframes eqDance2{0%,to{height:85%}35%{height:25%}70%{height:100%}}@keyframes eqDance3{0%,to{height:40%}45%{height:90%}80%{height:30%}}@keyframes chatSlideIn{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes discSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-power-shake{animation:powerShakeLight .13s ease-out}.animate-power-shake-heavy{animation:powerShakeHeavy .2s ease-out}.animate-combo-pop{animation:comboPop .2s cubic-bezier(.22,1.4,.36,1)}.animate-chosung-pop{animation:chosungPop .36s cubic-bezier(.22,1.4,.36,1) both}.animate-chosung-float{animation:chosungFloat 2.4s ease-in-out infinite}.animate-winner-slam{animation:winnerBannerSlam .38s cubic-bezier(.22,1.4,.36,1) both}.animate-rank-up{animation:rankUpFlash 1s ease-out}.animate-score-float{animation:scoreFloatUp 1.35s ease-out forwards}.animate-fire-card{animation:fireCardAura 1.4s ease-in-out infinite}.animate-flame-flicker{animation:flameFlicker .65s ease-in-out infinite}.animate-ember-1{animation:emberRise1 1.1s ease-out infinite}.animate-ember-2{animation:emberRise2 1.35s ease-out .35s infinite}.animate-timer-urgent{animation:timerUrgentPulse .55s ease-in-out infinite}.animate-chat-in{animation:chatSlideIn .2s cubic-bezier(.22,1,.36,1) both}.animate-disc-spin{animation:discSpin 6s linear infinite}.animate-eq-1{animation:eqDance1 .55s ease-in-out infinite}.animate-eq-2{animation:eqDance2 .45s ease-in-out infinite}.animate-eq-3{animation:eqDance3 .62s ease-in-out infinite}.soop-search-input{background-color:#f6f6f6;color:#17191c;border-radius:45px;padding:0 76px 0 18px;height:45px;font-size:14px;font-weight:400;line-height:1.4;box-shadow:none}.soop-tag-chip{background-color:#f6f6f9;color:#757b8a;border-radius:30px;padding:0 9px;height:22px;font-size:12px;font-weight:500;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.soop-category-chip{background-color:#e8ebed;color:#525661;border-radius:30px;padding:0 9px;height:22px;font-size:12px;font-weight:500;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.soop-live-badge{background-color:#ff2f00;color:#fcfcfd;border-radius:30px;padding:0 9px;height:22px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.soop-status-badge{background-color:#e2e4e9;color:#525661;border-radius:6px;padding:0 7px;height:22px;font-size:12px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.soop-filter-btn{background-color:#fff;color:#525661;border:1px solid #e2e4e9;border-radius:18px;padding:0 14px;height:35px;font-size:14px;font-weight:500;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;transition:transform .12s ease,border-color .15s ease,background-color .15s ease}.soop-filter-btn:hover{border-color:#c5c9d2;background-color:#fafbfc}.soop-filter-btn:active{transform:scale(.96)}.soop-filter-btn-active{background-color:#17191c;color:#fff;border:1px solid #17191c;border-radius:18px;padding:0 14px;height:35px;font-size:14px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;transition:transform .12s ease}.soop-filter-btn-active:active{transform:scale(.96)}.soop-accent-btn{background-color:#fcfcfd;color:#0182ff;border:1px solid rgba(1,130,255,.28);border-radius:18px;padding:0 16px;height:35px;font-size:13px;font-weight:600;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0;transition:transform .12s ease,border-color .15s ease,background-color .15s ease}.soop-accent-btn:hover{background-color:#f4f9ff;border-color:#0182ff}.soop-accent-btn:active{transform:scale(.96)}.soop-login-btn{background-color:transparent;color:#525661;border-radius:6px;padding:0 6px;height:36px;font-size:14px;font-weight:500;line-height:1;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;flex-shrink:0}.soop-content-card{background-color:#f6f6f9;border-radius:15px;box-shadow:none}.soop-thumb-frame{background-color:#f1f2f4;border-radius:16px;overflow:hidden}@keyframes rainbowFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes neonPulseText{0%,to{text-shadow:0 0 6px rgba(1,130,255,.55),0 0 12px rgba(217,70,239,.35)}50%{text-shadow:0 0 10px rgba(1,130,255,.85),0 0 18px rgba(217,70,239,.65)}}@keyframes infernoTextGlow{0%,to{background-position:0% 50%;filter:drop-shadow(0 0 3px rgba(255,77,0,.45))}50%{background-position:100% 50%;filter:drop-shadow(0 0 7px rgba(255,136,0,.75))}}.nick-style-sunset{background:linear-gradient(90deg,#ff4d00,#ff007a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nick-style-ocean{background:linear-gradient(90deg,#0182ff,#00b8d9,#00b87c);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nick-style-gold{background:linear-gradient(90deg,#b45309,#eab308,#ca8a04);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nick-style-neon{background:linear-gradient(90deg,#0182ff,#9333ea,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:neonPulseText 1.8s ease-in-out infinite}.nick-style-rainbow{background:linear-gradient(90deg,#ff2f00,#f80,#00b87c,#0182ff,#7c3aed,#ff007a,#ff2f00);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbowFlow 3.2s linear infinite}.nick-style-inferno{background:linear-gradient(90deg,#dc2626,#ff5c00 45%,#f59e0b);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:infernoTextGlow 1.6s ease-in-out infinite}@keyframes hintCardReveal{0%{transform:translateY(8px) scale(.94);border-color:#0182ff;background-color:#e6f2ff}55%{transform:translateY(-2px) scale(1.02);border-color:#0182ff;background-color:#f4f9ff}to{transform:translateY(0) scale(1);border-color:#0182ff;background-color:#fff}}@keyframes chosungFlipOpen{0%{transform:perspective(400px) rotateX(-85deg) scale(.82);opacity:0;background-color:#e6f2ff}65%{transform:perspective(400px) rotateX(14deg) scale(1.06);opacity:1;background-color:#fff}to{transform:perspective(400px) rotateX(0) scale(1);opacity:1;background-color:#fff}}@keyframes hintBannerPop{0%{transform:translateY(-10px) scale(.9);opacity:0}20%{transform:translateY(0) scale(1.03);opacity:1}85%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-6px) scale(.96);opacity:0}}.animate-hint-card-reveal{animation:hintCardReveal .65s cubic-bezier(.22,1.4,.36,1) both}@keyframes hintFloatUp{0%{transform:translate3d(0,36px,0) scale(.96);opacity:0}65%{transform:translate3d(0,-4px,0) scale(1.01);opacity:1}to{transform:translateZ(0) scale(1);opacity:1}}.animate-hint-float-up{animation:hintFloatUp .65s cubic-bezier(.22,1.35,.36,1) both}@keyframes podiumRiseUp{0%{transform:translate3d(0,42px,0) scale(.92);opacity:0}68%{transform:translate3d(0,-4px,0) scale(1.02);opacity:1}to{transform:translateZ(0) scale(1);opacity:1}}.animate-podium-rise{animation:podiumRiseUp .68s cubic-bezier(.22,1.35,.36,1) both}@keyframes resultRowSlideUp{0%{transform:translate3d(0,18px,0);opacity:0}to{transform:translateZ(0);opacity:1}}.animate-result-row{animation:resultRowSlideUp .45s cubic-bezier(.22,1,.36,1) both}.animate-chosung-flip{animation:chosungFlipOpen .48s cubic-bezier(.22,1.4,.36,1) both}.animate-hint-banner{animation:hintBannerPop 2.1s ease-out forwards}@keyframes marqueeTicker{0%,18%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.animate-marquee-flow{display:inline-flex;width:max-content;animation:marqueeTicker var(--marquee-duration, 12s) linear infinite}.animate-marquee-flow:hover{animation-play-state:paused}.marquee-mask-fade{mask-image:linear-gradient(to right,black 0%,black 94%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 0%,black 94%,transparent 100%)}