: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:IBM Plex Sans KR,Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;background-color:#d6eefc;color:#0f172a;font-size:16px;font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased}.machugi-sky-mint-bg{background:radial-gradient(circle at 18% 18%,rgba(56,189,248,.22) 0%,transparent 45%),radial-gradient(circle at 82% 24%,rgba(45,212,191,.22) 0%,transparent 48%),radial-gradient(circle at 50% 85%,rgba(52,211,153,.18) 0%,transparent 52%),linear-gradient(135deg,#d8f0ff,#e0fbf6 52%,#d8f8eb)}.auth-gate-backdrop{background:radial-gradient(circle at 20% 22%,rgba(56,189,248,.45) 0%,transparent 42%),radial-gradient(circle at 80% 25%,rgba(20,184,166,.4) 0%,transparent 46%),radial-gradient(circle at 50% 80%,rgba(14,165,233,.35) 0%,transparent 50%),repeating-linear-gradient(-45deg,#ffffff38,#ffffff38 18px,#e0f2fe47 18px,#e0f2fe47 36px),linear-gradient(135deg,#bae6fd,#ccfbf1,#a7f3d0)}@keyframes leaderGlowPulse{0%,to{border-color:#f59e0b;box-shadow:0 0 0 2px #fbbf24bf,0 0 18px #f59e0ba6,0 0 30px #14b8a673,inset 0 0 14px #fef3c7bf}50%{border-color:#14b8a6;box-shadow:0 0 0 3px #2dd4bfd9,0 0 24px #14b8a6cc,0 0 38px #fbbf24a6,inset 0 0 18px #ccfbf1d9}}.leader-glow-card{border-width:2px!important;animation:leaderGlowPulse 1.5s ease-in-out infinite}.font-game-title{font-family:NexonMaplestory,IBM Plex Sans KR,sans-serif;font-weight:700;line-height:1.25}.font-game-num{font-family:NexonMaplestory,IBM Plex Sans KR,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 podiumBarGrow{0%{transform:scaleY(.1);transform-origin:bottom center;opacity:0}70%{transform:scaleY(1.04);transform-origin:bottom center;opacity:1}to{transform:scaleY(1);transform-origin:bottom center;opacity:1}}@keyframes charCelebrationBounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.03)}}@keyframes medalDropIn{0%{transform:translateY(-28px) scale(.5);opacity:0}65%{transform:translateY(4px) scale(1.12);opacity:1}to{transform:translateY(0) scale(1);opacity:1}}.animate-podium-bar{animation:podiumBarGrow .72s cubic-bezier(.22,1.3,.36,1) both}.animate-char-celebrate{animation:charCelebrationBounce 1.8s ease-in-out infinite}.animate-medal-drop{animation:medalDropIn .6s cubic-bezier(.22,1.4,.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%)}@keyframes hintAppearPop{0%{opacity:0;transform:translate3d(-18px,10px,0) scale(.92)}65%{opacity:1;transform:translate3d(3px,-2px,0) scale(1.02)}to{opacity:1;transform:translateZ(0) scale(1)}}.animate-hint-appear{animation:hintAppearPop .45s cubic-bezier(.22,1.35,.36,1) both}@keyframes kakaoBubbleEnter{0%{opacity:0;transform:translate3d(0,14px,0) scale(.88)}70%{opacity:1;transform:translate3d(0,-2px,0) scale(1.02)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes kakaoBubbleStepUp{0%{transform:translate3d(0,22px,0) scale(.97)}to{transform:translateZ(0) scale(1)}}.animate-kakao-bubble-enter{animation:kakaoBubbleEnter .28s cubic-bezier(.22,1.35,.36,1) both}.animate-kakao-bubble-step{animation:kakaoBubbleStepUp .26s cubic-bezier(.22,1,.36,1) both}:root{--mg-ink: #17191c;--mg-ink-2: #3a3d42;--mg-ink-3: #57595b;--mg-muted: #81858a;--mg-faint: #acb0b9;--mg-line: #e3e5e8;--mg-line-2: #eceef1;--mg-surface: rgba(243, 244, 245, .84);--mg-surface-solid: #f3f4f5;--mg-card: #ffffff;--mg-card-2: #f6f7f8;--mg-sky: #0ea5e9;--mg-mint: #14b8a6;--mg-green: #3cbf7a;--mg-gold: #f5b83d;--mg-font: "IBM Plex Sans KR", "Pretendard Variable", Pretendard, system-ui, sans-serif;--mg-num: "Chakra Petch", "IBM Plex Sans KR", sans-serif}html,body,#root{font-family:var(--mg-font);color:var(--mg-ink)}.mg-bg{background:radial-gradient(1200px 600px at 12% -10%,rgba(125,211,252,.35),transparent 60%),radial-gradient(900px 500px at 95% 110%,rgba(110,231,183,.32),transparent 60%),linear-gradient(135deg,#e4f4fb,#e9f8f1 55%,#eef9e4)}.mg-floating-words{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.mg-floating-words span{position:absolute;font-weight:700;color:#104e4616;white-space:nowrap;animation:mgDrift 26s ease-in-out infinite alternate;-webkit-user-select:none;user-select:none}@keyframes mgDrift{0%{transform:translateZ(0)}to{transform:translate3d(18px,-14px,0)}}.mg-logotype{font-family:var(--mg-font);font-weight:700;color:#fff;-webkit-text-stroke:6px #23262b;paint-order:stroke fill;text-shadow:0 5px 0 rgba(23,25,28,.22);letter-spacing:.02em;line-height:1.05}.mg-glass{background:var(--mg-surface);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 16px #0f172a14}.mg-card{background:var(--mg-card);border:1px solid var(--mg-line-2);border-radius:16px;box-shadow:0 1px #0f172a08,0 6px 18px #0f172a0f}.mg-card-soft{background:var(--mg-card-2);border-radius:16px;box-shadow:inset 0 0 0 1px #0f172a0a,0 3px #0f172a0d}.mg-strip{--strip: rgba(129, 133, 138, .18);--strip-ink: var(--mg-ink-3);display:flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;background:linear-gradient(to right,var(--strip),transparent 85%);color:var(--strip-ink);font-weight:700;font-size:14px}.mg-strip--sky{--strip: rgba(56, 189, 248, .22);--strip-ink: #0369a1}.mg-strip--mint{--strip: rgba(45, 212, 191, .24);--strip-ink: #0f766e}.mg-strip--amber{--strip: rgba(251, 191, 36, .26);--strip-ink: #92400e}.mg-strip--rose{--strip: rgba(251, 113, 133, .22);--strip-ink: #be123c}.mg-strip--violet{--strip: rgba(167, 139, 250, .24);--strip-ink: #6d28d9}.mg-strip--green{--strip: rgba(74, 222, 128, .24);--strip-ink: #15803d}.mg-key{--k-top: #f1f2f4;--k-bottom: #e2e4e7;--k-edge: #aeb1b6;--k-ink: var(--mg-ink);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 16px;border:0;border-radius:10px;background:linear-gradient(to bottom,var(--k-top),var(--k-bottom));color:var(--k-ink);font-family:var(--mg-font);font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 4px 0 var(--k-edge);transform:translateY(0);transition:transform .07s ease-out,box-shadow .07s ease-out,filter .15s;cursor:pointer;-webkit-user-select:none;user-select:none}.mg-key:hover{filter:brightness(1.04)}.mg-key:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--k-edge)}.mg-key:focus-visible{outline:3px solid rgba(14,165,233,.45);outline-offset:2px}.mg-key:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.3)}.mg-key--green{--k-top: #52d18c;--k-bottom: #39bb74;--k-edge: #24894f;--k-ink: #fff}.mg-key--sky{--k-top: #3fc2f7;--k-bottom: #13a6e6;--k-edge: #0a78ab;--k-ink: #fff}.mg-key--mint{--k-top: #33d1bb;--k-bottom: #14b8a6;--k-edge: #0b8476;--k-ink: #fff}.mg-key--orange{--k-top: #ffbe4d;--k-bottom: #f6a01a;--k-edge: #c06f05;--k-ink: #fff}.mg-key--rose{--k-top: #ff7d91;--k-bottom: #f4506b;--k-edge: #bb2341;--k-ink: #fff}.mg-key--violet{--k-top: #a98bff;--k-bottom: #8b5cf6;--k-edge: #5b32c4;--k-ink: #fff}.mg-key--dark{--k-top: #3b4048;--k-bottom: #2a2e35;--k-edge: #121418;--k-ink: #fff}.mg-key--white{--k-top: #ffffff;--k-bottom: #f6f7f8;--k-edge: #d5d8dc;--k-ink: var(--mg-ink-2)}.mg-key--sm{height:32px;padding:0 12px;font-size:13px;border-radius:8px;box-shadow:0 3px 0 var(--k-edge)}.mg-key--sm:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 var(--k-edge)}.mg-key--lg{height:52px;padding:0 24px;font-size:18px;border-radius:14px;box-shadow:0 5px 0 var(--k-edge)}.mg-key--lg:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--k-edge)}.mg-key--block{width:100%}.mg-key--icon{width:40px;padding:0}.mg-ring-btn{--ring: #d5d8dc;--ring-ink: var(--mg-ink-3);display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:9999px;background:#fff;color:var(--ring-ink);box-shadow:0 0 0 3px var(--ring),0 4px 10px #0f172a1a;transition:transform .15s,box-shadow .15s;cursor:pointer}.mg-ring-btn:hover{transform:scale(1.06)}.mg-ring-btn:active{transform:scale(.96)}.mg-ring-btn--amber{--ring: #fdcf8a;--ring-ink: #d97706}.mg-ring-btn--violet{--ring: #d4bdfb;--ring-ink: #7c3aed}.mg-ring-btn--sky{--ring: #a5dcf7;--ring-ink: #0284c7}.mg-ring-btn--mint{--ring: #9ce6da;--ring-ink: #0f766e}.mg-ring-btn--rose{--ring: #fbb5c0;--ring-ink: #e11d48}.mg-ring-btn--sm{width:34px;height:34px;box-shadow:0 0 0 2px var(--ring),0 2px 6px #0f172a14}.mg-ring-btn--on{background:var(--ring);color:#fff}.mg-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9999px;background:#f0475f;color:#fff;box-shadow:0 3px #b3203a;transition:transform .07s,box-shadow .07s}.mg-close:active{transform:translateY(2px);box-shadow:0 1px #b3203a}.mg-menu-pill{--pill: rgba(129, 133, 138, .2);--pill-ink: var(--mg-ink-3);display:flex;align-items:center;gap:10px;width:100%;padding:12px 0 12px 22px;border-radius:9999px;background:linear-gradient(to right,var(--pill),transparent 92%);color:var(--pill-ink);font-weight:700;font-size:22px;letter-spacing:.01em;text-align:left;transition:margin .25s,letter-spacing .25s,filter .2s,box-shadow .2s;cursor:pointer}.mg-menu-pill:hover{margin-left:6px;letter-spacing:.06em;filter:brightness(1.03)}.mg-menu-pill--big{font-size:28px;padding:14px 0 14px 24px}.mg-menu-pill--sky{--pill: rgba(56, 189, 248, .38);--pill-ink: #075985}.mg-menu-pill--mint{--pill: rgba(45, 212, 191, .38);--pill-ink: #115e59}.mg-menu-pill--amber{--pill: rgba(251, 211, 77, .45);--pill-ink: #713f12}.mg-menu-pill--green{--pill: rgba(74, 222, 128, .32);--pill-ink: #166534}.mg-menu-pill--violet{--pill: rgba(167, 139, 250, .32);--pill-ink: #5b21b6}.mg-menu-pill--active{box-shadow:0 0 0 4px #ffffffd9,0 0 22px #38bdf847}.mg-pill{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:9999px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap;background:#eceef1;color:var(--mg-ink-3)}.mg-pill--host{background:linear-gradient(135deg,#b0328f,#7c3aed);color:#fff}.mg-pill--ready{background:#f59e0b;color:#fff}.mg-pill--wait{background:#e5e7eb;color:#6b7280}.mg-pill--me{background:#0ea5e9;color:#fff}.mg-pill--live{background:#fef3c7;color:#b45309}.mg-pill--lobby{background:#ccfbf1;color:#0f766e}.mg-pill--lock{background:#fde68a;color:#92400e}.mg-pill--dark{background:#2a2e35;color:#fff}.mg-seg{display:inline-flex;align-items:stretch;height:30px;border-radius:9999px;overflow:hidden;border:1px solid var(--mg-line);background:#fff;font-size:13px;font-weight:600}.mg-seg>*{display:inline-flex;align-items:center;padding:0 12px}.mg-seg>*:last-child{background:#c9f5ec;color:#0f766e;font-weight:700}.mg-input{height:40px;width:100%;padding:0 12px;border-radius:10px;border:2px solid var(--mg-line);background:#fff;color:var(--mg-ink);font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.mg-input::placeholder{color:var(--mg-faint)}.mg-input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf82e}.mg-input--filled{background:var(--mg-surface-solid);border-color:transparent}.mg-dialog{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px #0f172a47,0 0 0 1px #0f172a0f}.mg-dialog-head{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 48px;background:#f1f2f4;color:var(--mg-ink-2);font-weight:700;font-size:15px}.mg-dialog-head .mg-dialog-x{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:var(--mg-muted)}.mg-dialog-head .mg-dialog-x:hover{background:#e3e5e8;color:var(--mg-ink)}.mg-dialog-foot{display:grid;grid-template-columns:1fr 1fr}.mg-dialog-foot--one{grid-template-columns:1fr}.mg-foot-btn{--f-bg: #e9eaec;--f-edge: #c7cacf;--f-ink: var(--mg-ink-2);height:52px;background:var(--f-bg);color:var(--f-ink);font-weight:700;font-size:16px;box-shadow:inset 0 -4px 0 var(--f-edge);transition:filter .15s,box-shadow .07s,padding .07s}.mg-foot-btn:hover{filter:brightness(1.03)}.mg-foot-btn:active:not(:disabled){box-shadow:inset 0 -1px 0 var(--f-edge);padding-top:3px}.mg-foot-btn:disabled{opacity:.5;cursor:not-allowed}.mg-foot-btn--green{--f-bg: #45c681;--f-edge: #2a9a5d;--f-ink: #fff}.mg-foot-btn--rose{--f-bg: #f4506b;--f-edge: #bb2341;--f-ink: #fff}.mg-foot-btn--sky{--f-bg: #13a6e6;--f-edge: #0a78ab;--f-ink: #fff}.mg-backdrop{background:#17191c61;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mg-hang{--h-base: linear-gradient(to bottom, #ffb23e, #f28f10);--h-edge: #c06a05;position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:260px;height:64px;padding:0 40px;border:4px solid #fff;border-top:0;border-radius:0 0 24px 24px;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.16) 0 14px,transparent 14px 28px),var(--h-base);color:#fff;font-size:30px;font-weight:700;letter-spacing:.04em;text-shadow:0 2px 0 rgba(0,0,0,.18);box-shadow:0 5px 0 var(--h-edge),0 12px 24px #0f172a24;transition:transform .08s,box-shadow .08s,filter .15s;cursor:pointer}.mg-hang:hover{filter:brightness(1.05)}.mg-hang:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--h-edge),0 6px 14px #0f172a1f}.mg-hang:disabled{cursor:not-allowed;filter:grayscale(.6) brightness(1.05);opacity:.85}.mg-hang--teal{--h-base: linear-gradient(to bottom, #2fd3bd, #10a995);--h-edge: #0a7a6b}.mg-hang--gray{--h-base: linear-gradient(to bottom, #b8bcc3, #9aa0a8);--h-edge: #6e747c}.mg-hang--sky{--h-base: linear-gradient(to bottom, #45c6f8, #0d9ee0);--h-edge: #0a72a3}.mg-board{position:relative;padding:14px;border-radius:26px;background:linear-gradient(to bottom,#ffd77a,#f1b53f);border:3px solid #2b2118;box-shadow:0 6px #2b2118,0 18px 40px #0f172a2e}.mg-board:before,.mg-board:after{content:"";position:absolute;top:14px;width:16px;height:16px;border-radius:9999px;background:#fff;box-shadow:0 0 0 4px #2b2118}.mg-board:before{left:18px}.mg-board:after{right:18px}.mg-board-screen{position:relative;border-radius:16px;overflow:hidden;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 2px,transparent 2px 4px),linear-gradient(to bottom,#13233a,#0b1626);box-shadow:inset 0 0 0 2px #00000059,inset 0 10px 30px #00000059;color:#fff}.mg-timer{position:relative;height:14px;border-radius:9999px;background:#00000059;overflow:hidden}.mg-timer>i{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(to right,#ffe05a,#ffb020);transition:width .25s linear}.mg-timer--danger>i{background:linear-gradient(to right,#ff8a5b,#f0475f)}.mg-callout{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border-radius:9999px;background:#fff;border:2px solid var(--mg-line);color:var(--mg-ink-2);font-size:13px;font-weight:700;box-shadow:0 2px 6px #0f172a0f}.mg-odometer{font-family:var(--mg-num);font-weight:700;font-variant-numeric:tabular-nums;color:#13a58a;letter-spacing:.04em;line-height:1}.mg-odometer .lead{color:#13a58a;opacity:.25}.mg-scoreplate{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #0f172a0f,0 3px #0f172a0f}.mg-result-title{font-weight:700;color:#ffd166;text-shadow:0 3px 0 rgba(0,0,0,.35);letter-spacing:.02em}.mg-spotlight{background:linear-gradient(to bottom,rgba(255,255,255,.42),rgba(255,255,255,.06) 80%,transparent);clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}@keyframes mgPop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.mg-pop{animation:mgPop .18s ease-out both}@keyframes mgBob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mg-bob{animation:mgBob 2.4s ease-in-out infinite}.mg-scroll::-webkit-scrollbar{width:6px}.mg-scroll::-webkit-scrollbar-thumb{background:#cfd3d9;border-radius:9999px}.mg-letterbox{background:linear-gradient(135deg,#d4e9f1,#d9efe5)}.mg-lobby-count{margin-left:auto;margin-right:16px;min-width:30px;padding:2px 8px;border-radius:9999px;background:#ffffffbf;font-family:var(--mg-num);font-size:15px;font-weight:700;text-align:center;letter-spacing:0}.mg-lobby-subpill.mg-menu-pill{font-size:16px;padding:10px 0 10px 20px;--pill: rgba(129, 133, 138, .16)}.mg-lobby-subpill.mg-menu-pill:hover{letter-spacing:.04em}.mg-lobby-panel{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 0 0 1px #0f172a0d,0 10px 30px #0f172a14}.mg-lobby-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;flex-shrink:0}.mg-lobby-panel-head.is-sky{background:linear-gradient(to right,#bae6fdbf,#e0f2fe59 55%,#fff0)}.mg-lobby-panel-head.is-mint{background:linear-gradient(to right,#a7f3d0b3,#ccfbf159 55%,#fff0)}.mg-lobby-chip{height:32px;padding:0 14px;border-radius:9999px;background:#f1f2f4;color:#57595b;font-size:13px;font-weight:700;white-space:nowrap;transition:background .15s,color .15s}.mg-lobby-chip:hover{background:#e6e8eb;color:#17191c}.mg-lobby-chip.is-on{background:#2a2e35;color:#fff}.mg-lobby-room{display:flex;align-items:center;gap:16px;min-height:78px;padding:12px 16px 12px 12px;border-radius:16px;background:#fff;border:1px solid #eceef1;box-shadow:0 3px #0f172a0a;cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out,border-color .15s}.mg-lobby-room:hover{transform:translateY(-2px);border-color:#bae6fd;box-shadow:0 5px #0ea5e91f,0 10px 22px #0f172a14}.mg-lobby-room:active{transform:translateY(1px);box-shadow:0 1px #0f172a0f}.mg-lobby-room:focus-visible{outline:3px solid rgba(14,165,233,.4);outline-offset:2px}.mg-lobby-room.is-playing{background:#f6f7f8}.mg-lobby-room.is-playing img{filter:saturate(.6)}.mg-lobby-room-no{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:64px;align-self:stretch;border-right:1px dashed #e3e5e8;flex-shrink:0}.mg-lobby-room-go{color:#d5d8dc;transition:color .15s,transform .15s}.mg-lobby-room:hover .mg-lobby-room-go{color:#0ea5e9;transform:translate(2px)}.mg-lobby-qs{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:#fff;border:1px solid #eceef1;box-shadow:0 3px #0f172a0a;cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out}.mg-lobby-qs:hover{transform:translateY(-3px);box-shadow:0 6px #0f172a0d,0 14px 28px #0f172a1a}.mg-lobby-qs.is-selected{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a659,0 10px 24px #14b8a626}.mg-lobby-tile{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border-radius:14px;background:#fff;box-shadow:0 0 0 1px #0f172a0a,0 3px #0f172a0d;transition:transform .15s;text-align:left}.mg-lobby-tile:hover{transform:translateY(-1px)}.mg-lobby-tile-num{font-family:var(--mg-num);font-size:26px;font-weight:700;line-height:1.05}.rm-room-head{position:relative;z-index:20;display:flex;align-items:center;gap:12px;height:64px;padding:0 20px 0 24px;background:#fff;box-shadow:0 1px #0f172a0f,0 6px 16px #0f172a0f}.rm-room-no{font-family:var(--mg-num);font-size:24px;font-weight:700;color:var(--mg-ink);letter-spacing:.02em}.rm-meta{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--mg-ink-2);white-space:nowrap}.rm-floor{background:linear-gradient(to bottom,#f6f7f8e6,#f0f2f4eb)}.rm-slot{position:relative;display:flex;flex-direction:column;height:100%;border-radius:18px;background:#f6f7f8;box-shadow:inset 0 0 0 1px #0f172a0d,0 4px #0f172a0f;transition:transform .15s,box-shadow .15s;cursor:pointer}.rm-slot:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px #0f172a0f,0 8px 18px #0f172a1a}.rm-slot--me{box-shadow:inset 0 0 0 2px #38bdf8,0 4px #0ea5e940;background:#f2f9fd}.rm-slot--ready,.rm-slot--me.rm-slot--ready{background:#fff8ec}.rm-slot--empty{cursor:default;background:#ffffff73;box-shadow:inset 0 0 0 2px #0f172a0d}.rm-slot--empty:hover{transform:none;box-shadow:inset 0 0 0 2px #0f172a0d}.rm-slot--locked{background:repeating-linear-gradient(-45deg,rgba(15,23,42,.03) 0 10px,transparent 10px 20px)}.rm-empty-ring{width:64px;height:64px;border-radius:9999px;border:10px solid rgba(15,23,42,.05)}.rm-stage-shadow{position:absolute;left:50%;bottom:6px;width:70%;height:12px;transform:translate(-50%);border-radius:9999px;background:radial-gradient(ellipse at center,rgba(15,23,42,.14),transparent 70%)}.rm-chat-sys{padding:2px 4px;font-size:12px;font-weight:600;color:var(--mg-muted);line-height:1.45}.rm-chat-msg{padding:6px 10px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #0f172a0d;font-size:13px;line-height:1.45;color:var(--mg-ink);word-break:break-all}.rm-chat-hint{padding:4px 10px;border-radius:10px;background:#fbbf2429;color:#92400e;font-size:12px;font-weight:700}.rm-chat-correct{padding:5px 10px;border-radius:10px;background:#3cbf7a2e;color:#166534;font-size:13px;font-weight:700}.rm-gamebar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;background:#2a2e35;color:#fff;box-shadow:0 4px 12px #0f172a2e}.rm-round-tab{position:absolute;left:50%;top:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;min-width:200px;padding:4px 28px 10px;border:4px solid #2a2e35;border-top:0;border-radius:0 0 20px 20px;background:#f3f4f5;color:var(--mg-ink);box-shadow:0 8px 18px #0f172a29}.rm-round-tab small{font-size:12px;font-weight:700;color:var(--mg-muted);letter-spacing:.08em}.rm-round-tab b{font-family:var(--mg-num);font-size:26px;line-height:1.05;font-weight:700}.rm-round-tab b i{font-style:normal;color:var(--mg-faint)}.rm-darkbtn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:9999px;background:#ffffff1a;color:#e5e7eb;font-size:13px;font-weight:700;transition:background .15s}.rm-darkbtn:hover{background:#ffffff2e}.rm-darkbtn--on{background:#f0475f;color:#fff}.rm-darkbtn--amber{background:#f6a01a;color:#fff;box-shadow:0 3px #c06f05}.rm-darkbtn--amber:active{transform:translateY(2px);box-shadow:0 1px #c06f05}.rm-hint{overflow:hidden;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #0f172a0d,0 6px 16px #0f172a12}.rm-hint-locked{display:flex;align-items:center;gap:10px;height:48px;padding:0 14px;border-radius:14px;background:#ffffff80;box-shadow:inset 0 0 0 2px #0f172a0d;color:var(--mg-faint);font-size:13px;font-weight:700}.rm-tile{display:flex;flex-shrink:0;align-items:center;justify-content:center;border-radius:10px;font-weight:700;transition:background .2s,color .2s}.rm-tile--hidden{background:#ffffff14;color:#bae6fdd9;box-shadow:inset 0 0 0 2px #7dd3fc40,0 3px #00000059}.rm-tile--chosung{background:#fff;color:var(--mg-ink);box-shadow:0 3px #9aa0a8}.rm-tile--open{background:linear-gradient(to bottom,#ffe58a,#ffcf4a);color:#5a3b00;box-shadow:0 3px #c58d07}@keyframes rmCount{0%{transform:scale(1.6);opacity:0}35%{transform:scale(.95);opacity:1}to{transform:scale(1);opacity:1}}.rm-count{font-family:var(--mg-num);font-size:128px;font-weight:700;line-height:1;color:#ffe05a;text-shadow:0 6px 0 rgba(0,0,0,.35);animation:rmCount .5s ease-out both}.rm-answer{display:flex;align-items:center;gap:8px;height:60px;padding:6px 6px 6px 18px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 2px #e3e5e8,0 6px 16px #0f172a14;transition:box-shadow .15s}.rm-answer:focus-within{box-shadow:inset 0 0 0 2px #38bdf8,0 0 0 4px #38bdf829,0 6px 16px #0f172a14}.rm-answer input{flex:1;min-width:0;height:100%;border:0;outline:none;background:transparent;font-size:19px;font-weight:600;color:var(--mg-ink)}.rm-answer input::placeholder{color:var(--mg-faint);font-weight:500;font-size:16px}.rm-player{position:relative;display:flex;flex-direction:column;align-items:center;height:100%;padding:8px 8px 10px;border-radius:18px;background:#ffffffd1;box-shadow:inset 0 0 0 1px #0f172a0d,0 4px #0f172a0d;transition:transform .25s,box-shadow .2s,background .2s;cursor:pointer}.rm-player--me{box-shadow:inset 0 0 0 2px #38bdf8,0 4px #0ea5e933}.rm-player--leader{transform:translateY(-14px);background:linear-gradient(to bottom,#fffaf0,#fff);box-shadow:inset 0 0 0 2px #f5b83d,0 10px 22px #f59e0b40}.rm-player--winner{background:linear-gradient(to bottom,#effcf5,#fff);box-shadow:inset 0 0 0 3px #3cbf7a,0 10px 24px #3cbf7a4d}.rm-player--away{opacity:.55}.rm-result{background:radial-gradient(900px 600px at 78% 100%,rgba(255,209,102,.08),transparent 60%),#14161aeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rm-result-row{display:flex;align-items:center;height:56px;padding:0 16px;border-radius:14px;background:linear-gradient(to right,#ffffff1a,#ffffff05 85%);cursor:pointer;transition:background .15s}.rm-result-row:hover{background:linear-gradient(to right,#ffffff29,#ffffff0a 85%)}.rm-result-row--me{background:linear-gradient(to right,#38bdf852,#38bdf80a 85%)}.rm-podium-bar{display:flex;align-items:flex-start;justify-content:center;width:100%;padding-top:10px;border-radius:14px 14px 0 0;font-family:var(--mg-num);font-size:40px;font-weight:700}.rm-podium-bar--1{background:linear-gradient(to bottom,#ffd66b,#e9a823);color:#6b4300;box-shadow:inset 0 4px #ffffff73}.rm-podium-bar--2{background:linear-gradient(to bottom,#e7ebf0,#b4bcc7);color:#3a3d42;box-shadow:inset 0 4px #ffffff80}.rm-podium-bar--3{background:linear-gradient(to bottom,#f6c9a0,#d58d55);color:#5a2d0c;box-shadow:inset 0 4px #fff6}.rm-board:before,.rm-board:after{z-index:2;top:12px}.qe{color:var(--mg-ink)}.qe .rounded-lg.border.border-sky-100.bg-white,.qe .rounded-lg.bg-white.border.border-sky-100{border-color:transparent;border-radius:14px;box-shadow:0 1px #0f172a0a,0 4px 12px #0f172a0d;padding:12px}.qe .border-sky-100,.qe .border-sky-200,.qe .border-sky-300{border-color:var(--mg-line)}.qe .divide-sky-100\/80>*+*{border-color:var(--mg-line-2)}.qe .bg-sky-50,.qe .bg-sky-50\/40,.qe .bg-sky-50\/50,.qe .bg-sky-50\/60,.qe .bg-sky-50\/70,.qe .bg-sky-50\/35{background-color:#f6f7f8}.qe .text-sky-950{color:var(--mg-ink)}.qe .text-sky-900,.qe .text-sky-800{color:var(--mg-ink-2)}.qe .text-sky-700,.qe .text-sky-700\/80{color:var(--mg-ink-3)}.qe .text-sky-600,.qe .text-sky-500{color:#0284c7}.qe input[type=text],.qe input[type=number],.qe select,.qe textarea{border-radius:8px;transition:border-color .15s,box-shadow .15s,background-color .15s}.qe input[type=text]:focus,.qe input[type=number]:focus,.qe select:focus,.qe textarea:focus{border-color:#38bdf8!important;background-color:#fff!important;box-shadow:0 0 0 3px #38bdf829}.qe input::placeholder,.qe textarea::placeholder{color:var(--mg-faint)}.qe-table thead th{background:#fff;padding-top:10px;padding-bottom:8px;border-bottom:2px solid var(--mg-line);white-space:nowrap}.qe-table tbody tr{border-bottom:1px solid var(--mg-line-2)}.qe-table tbody tr:nth-child(2n){background:#fafbfb}.qe-table tbody tr:hover{background:#f3f8fc}.qe-table tbody td{vertical-align:middle}.qe-table tbody td:first-child{padding-left:6px;color:var(--mg-muted)}.qe-table tbody tr.qe-row-incomplete td:first-child{box-shadow:inset 3px 0 #fbbf24}.qe-table tbody tr.qe-row-error,.qe-table tbody tr.qe-row-error:hover{background:#fff1f3}.qe-table tbody tr.qe-row-error td:first-child{box-shadow:inset 4px 0 #f4506b;color:#e11d48}.qe-table tbody tr.qe-row-error input{border-color:#fda4b4}.qe-table tbody input[type=text],.qe-table tbody input[type=number]{background-color:#fff}