:root{color-scheme:dark;--neon: #0145f2;--neon-2: #2474ff;--cyan: #5bffff;--mint: #39ff88;--danger: #ff6b81;--text: #ffffff;--text-dim: rgba(255, 255, 255, .68);--glass-bg: rgba(255, 255, 255, .12);--glass-border: rgba(255, 255, 255, .28);--radius: 28px;--radius-sm: 14px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text)}.quiz-page{position:relative;overflow:hidden;display:flex;flex-direction:column;height:100vh;background-color:#23283b;background-image:url(/assets/auth-gradient-DdVqN9JW.svg);background-position:center;background-repeat:no-repeat;background-size:cover}.quiz-page:before,.quiz-page:after{content:"";position:absolute;z-index:0;pointer-events:none;mix-blend-mode:screen;will-change:transform,opacity}.quiz-page:before{top:-22%;right:-22%;bottom:-22%;left:-22%;background:radial-gradient(circle at 30% 38%,rgba(45,255,196,.34),transparent 27%),radial-gradient(circle at 68% 42%,rgba(36,116,255,.28),transparent 31%),radial-gradient(circle at 55% 78%,rgba(212,255,0,.2),transparent 29%);filter:blur(70px);opacity:.24;animation:quizGlowDrift 8s ease-in-out infinite alternate}.quiz-page:after{top:-16%;right:-16%;bottom:-16%;left:-16%;background:radial-gradient(circle at 20% 64%,rgba(93,255,255,.24),transparent 24%),radial-gradient(circle at 82% 30%,rgba(86,130,255,.24),transparent 26%),radial-gradient(circle at 76% 82%,rgba(255,51,153,.18),transparent 25%);filter:blur(95px);opacity:.18;animation:quizGlowRipple 11s ease-in-out infinite alternate}@keyframes quizGlowDrift{0%{transform:translate3d(-6%,-4%,0) scale(.94) rotate(-2deg);opacity:.11}48%{transform:translate3d(5%,3%,0) scale(1.1) rotate(2deg);opacity:.22}to{transform:translate3d(-2%,7%,0) scale(1.15) rotate(-1deg);opacity:.16}}@keyframes quizGlowRipple{0%{transform:translate3d(5%,-5%,0) scale(1.08);opacity:.08}55%{transform:translate3d(-6%,4%,0) scale(.93);opacity:.18}to{transform:translate3d(3%,7%,0) scale(1.13);opacity:.12}}@media(prefers-reduced-motion:reduce){.quiz-page:before,.quiz-page:after{animation:none}}.quiz-topbar{position:relative;z-index:2;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:14px 28px}.quiz-brand{display:flex;align-items:center;gap:10px;font-family:Inter,Arial Black,ui-sans-serif,system-ui,sans-serif;font-style:italic;font-weight:950;font-size:17px;letter-spacing:-.02em}.quiz-brand-mark{width:26px;height:26px;object-fit:contain}.back-button,.back-button-spacer{min-width:84px}.back-button{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border:1px solid var(--glass-border);border-radius:999px;background:#ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);font-weight:800;font-size:13px;cursor:pointer;transition:background .15s,transform .15s}.back-button:hover{background:#ffffff2e;transform:translateY(-1px)}.step-indicator{position:relative;z-index:2;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:clamp(10px,2vw,28px);margin:0;padding:0 28px 12px;list-style:none}.step-item{display:flex;align-items:center;gap:8px;color:var(--text-dim);font-size:12px;font-weight:700;transition:color .2s}.step-num{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--glass-border);background:#ffffff14;font-size:11px;font-weight:900}.step-item.active{color:var(--text)}.step-item.active .step-num{border-color:var(--neon-2);background:var(--neon-2);color:#fff}.step-item.done .step-num{border-color:#ffffff80;background:#ffffff38;color:var(--text)}.step-label{display:none}@media(min-width:720px){.step-label{display:inline}}.quiz-main{position:relative;z-index:1;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px 20px 20px}.glass-panel{display:flex;flex-direction:column;align-items:center;gap:22px;width:min(560px,94vw);padding:clamp(32px,5vw,52px);border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass-bg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 24px 60px #00000059;text-align:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 20px;border:1px solid transparent;border-radius:var(--radius-sm);font-weight:800;font-size:14px;cursor:pointer;transition:transform .15s,background .15s,opacity .15s}.button.primary{background:linear-gradient(90deg,#1441a0a6,#3c8cffc7);color:#fff}.button.primary.mint{background:linear-gradient(90deg,#0a6e5fa6,#32d2a0c7)}.button.primary:hover:not(:disabled){filter:saturate(1.15) brightness(1.08);transform:translateY(-1px)}.button.primary:disabled{opacity:.5;cursor:not-allowed}.button.ghost{border-color:var(--glass-border);background:#ffffff14;color:var(--text)}.button.ghost:hover{border-color:var(--neon);color:var(--neon)}.button.compact{min-height:32px;padding:0 12px;font-size:12px}.button.large{min-height:52px;padding:0 30px;font-size:16px;border-radius:999px}.intro-layout{display:flex;align-items:stretch;justify-content:center;flex-wrap:wrap;gap:clamp(20px,4vw,48px)}.intro-preview{width:min(480px,42vw);padding:16px;gap:10px}.intro-preview .video-stage-fit{flex:1;min-height:0;width:100%}.intro-preview-caption{margin:0;color:var(--text-dim);font-size:13px;font-weight:600}@media(max-width:719px){.intro-layout{flex-direction:column}.intro-preview{width:min(480px,92vw)}}.intro{padding-top:clamp(48px,8vw,76px)}.intro h2{margin:0;font-size:clamp(26px,4vw,32px);font-weight:900}.intro-sub{margin:0;color:var(--text-dim);font-size:14px;font-weight:600}.match-reveal{display:flex;flex-direction:column;align-items:center;gap:14px;opacity:0;transform:translateY(14px);animation:fadeSlideUp .55s cubic-bezier(.16,1,.3,1) forwards}.match-reveal-pick{margin:0;font-size:15px;font-weight:700;color:var(--text-dim)}.match-reveal-pick strong{color:var(--neon-2);font-size:20px}.match-reveal-title{margin:0;color:var(--text-dim);font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.match-reveal-vs{display:flex;align-items:center;gap:16px;margin:0;font-size:22px;font-weight:950}.match-reveal-vs .vs{color:var(--text-dim);font-size:14px;font-weight:800}.team-legend{display:flex;gap:8px}.team-legend-row{justify-content:center;flex-wrap:wrap}.team-legend-corner{position:absolute;z-index:2;top:14px;left:14px;flex-direction:column;align-items:flex-start;gap:6px}.legend-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#0a0e1c80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.28);color:#fff;font-size:12px;font-weight:700;white-space:nowrap}.legend-swatch{width:10px;height:10px;border-radius:50%;border:1px solid rgba(255,255,255,.6);flex-shrink:0}.wheel-wrap{position:relative;width:220px;height:220px;margin:4px auto}.wheel-pointer{position:absolute;top:-6px;left:50%;z-index:3;width:0;height:0;border-left:12px solid transparent;border-right:12px solid transparent;border-top:20px solid #ffffff;transform:translate(-50%);filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.wheel{position:relative;width:100%;height:100%;border-radius:50%;border:4px solid rgba(255,255,255,.85);box-shadow:0 0 0 6px #00000040,0 20px 40px #00000059;transition:transform 3.2s cubic-bezier(.17,.67,.12,.99)}.wheel-number-pos{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-start}.wheel-number-pos span{display:inline-block;margin-top:16px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.45);font-weight:950;font-size:22px}.wheel-hub{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:66px;height:66px;margin:-33px 0 0 -33px;border:3px solid rgba(255,255,255,.9);border-radius:50%;background:#0a0a0a;color:var(--neon);font-weight:950;font-size:15px;letter-spacing:.04em;cursor:pointer;transition:transform .15s,background .15s}.wheel-hub:hover:not(:disabled){transform:scale(1.06);background:#141414}.wheel-hub:disabled{cursor:not-allowed;opacity:.85}.quiz-stage-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;width:min(1900px,98vw);height:100%}.quiz-instruction{flex-shrink:0;margin:0;color:var(--text);text-shadow:0 1px 6px rgba(0,0,0,.3);font-size:15px;font-weight:700}.video-row{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:clamp(160px,14%,240px) 1fr clamp(160px,14%,240px);grid-template-rows:minmax(0,1fr);align-items:stretch;gap:clamp(24px,4vw,64px);width:100%}.video-row .side-pick.kr{grid-column:1}.video-row .video-card{grid-column:2}.video-row .side-pick.jp{grid-column:3}.video-row .side-pick{align-self:center}.video-card{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-width:0;min-height:0;padding:10px;gap:10px}.video-stage-fit{grid-row:1;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center}.video-stage{border-radius:calc(var(--radius-sm) - 2px);overflow:hidden;background:linear-gradient(160deg,#ffffff2e,#ffffff0d);border:1px solid var(--glass-border)}.video-stage video{width:100%;height:100%;object-fit:cover;display:block}.video-stage-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;padding:0 24px;color:var(--text);text-shadow:0 1px 4px rgba(0,0,0,.35);font-weight:700;text-align:center}.video-stage-empty-icon{font-size:32px}.watch-progress{width:100%;height:6px;margin-top:14px;border-radius:999px;overflow:hidden;background:#ffffff26}.watch-progress-fill{height:100%;background:var(--neon);transition:width .15s linear}.reveal-prompt{margin:14px 0 0;color:var(--text);text-shadow:0 1px 6px rgba(0,0,0,.3);font-size:15px;font-weight:800;text-align:center}.video-timer{position:absolute;z-index:2;top:14px;left:50%;transform:translate(-50%);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 24px #00000059}.video-timer-ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.video-timer-track{fill:none;stroke:#ffffff2e;stroke-width:4}.video-timer-arc{fill:none;stroke:var(--neon-2);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .2s linear,stroke .3s ease}.video-timer.urgent .video-timer-arc{stroke:var(--danger)}.video-timer.urgent{animation:videoTimerUrgentPulse .6s ease-in-out infinite}@keyframes videoTimerUrgentPulse{0%,to{box-shadow:0 10px 24px #00000059}50%{box-shadow:0 10px 30px color-mix(in srgb,var(--danger) 55%,transparent)}}.video-timer-value{position:relative;z-index:1;color:var(--text);text-shadow:0 1px 4px rgba(0,0,0,.4);font-size:15px;font-weight:900}.video-play-toggle{position:absolute;z-index:2;right:14px;bottom:14px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--glass-border);border-radius:50%;background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--text);font-size:15px;line-height:1;cursor:pointer;transition:background .15s,transform .15s}.video-play-toggle:hover{background:#ffffff38;transform:translateY(-1px) scale(1.05)}.side-pick{--team-color: #2474ff;display:none;width:100%;height:64px;padding:0 8px;text-align:center;white-space:normal;line-height:1.3;background:linear-gradient(160deg,color-mix(in srgb,var(--team-color) 62%,transparent),color-mix(in srgb,var(--team-color) 34%,transparent));border:1px solid rgba(255,255,255,.45);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 10px 30px color-mix(in srgb,var(--team-color) 38%,transparent)}.side-pick:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-2px)}.side-pick:disabled{cursor:default}.side-pick.show{display:inline-flex;opacity:0;transform:translateY(26px) scale(.96);animation:fadeSlideUp .7s cubic-bezier(.16,1,.3,1) forwards}.side-pick.jp.show{animation-delay:.12s}.side-pick.reveal{animation:none;transition:opacity .16s ease,transform .16s ease,box-shadow .16s ease}.side-pick.reveal:not(.leading){opacity:.12;transform:scale(.95)}.side-pick.reveal.leading{opacity:1;transform:scale(1.04);box-shadow:0 10px 46px color-mix(in srgb,var(--team-color) 70%,transparent)}@keyframes fadeIn{to{opacity:1}}@keyframes fadeSlideUp{to{opacity:1;transform:translateY(0) scale(1)}}.countdown-stage{gap:22px}.countdown-caption{margin:0;color:var(--text);text-shadow:0 1px 6px rgba(0,0,0,.3);font-size:16px;font-weight:700;min-height:1.5em}.countdown-number{font-size:88px;font-weight:950;color:var(--text);text-shadow:0 4px 24px rgba(0,0,0,.4);animation:countdownPop .5s cubic-bezier(.16,1,.3,1)}@keyframes countdownPop{0%{transform:scale(1.6);opacity:0}60%{transform:scale(.92);opacity:1}to{transform:scale(1);opacity:1}}.loading-stage{gap:16px}.loading-text{display:flex;flex-direction:column;gap:8px;min-height:64px}.loading-line{margin:0;font-size:16px;font-weight:700;line-height:1.5}.loading-caret{display:inline-block;width:2px;height:1em;margin-left:2px;background:var(--text);vertical-align:-.15em;animation:caretBlink .85s steps(1) infinite}@keyframes caretBlink{0%,49%{opacity:1}50%,to{opacity:0}}.loading-dots{display:flex;gap:8px}.loading-dots span{width:10px;height:10px;border-radius:50%;background:var(--neon);animation:bounce 1.1s ease-in-out infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-8px);opacity:1}}.result-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;background:#04071294;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:fadeIn .3s ease forwards}.result-modal{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(420px,100%);padding:44px 36px;border-radius:var(--radius);border:1px solid var(--glass-border);background:#fff3;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);text-align:center;transform:scale(.9);opacity:0;animation:popIn .35s ease .1s forwards;box-shadow:0 30px 80px #0000004d}@keyframes popIn{to{transform:scale(1);opacity:1}}.result-modal.correct{box-shadow:0 0 0 1px #39ff8880 inset,0 30px 80px #00000059}.result-modal.wrong{box-shadow:0 0 0 1px #ff6b8180 inset,0 30px 80px #00000059}.result-icon{display:grid;place-items:center;width:64px;height:64px}.result-modal.correct .result-icon{color:var(--mint)}.result-modal.wrong .result-icon{color:var(--danger)}.result-modal h2{margin:0;font-size:24px;font-weight:950;color:var(--text)}.result-modal.correct h2{color:var(--mint)}.result-modal.wrong h2{color:var(--danger)}.result-modal p{margin:0 0 6px;color:var(--text-dim);font-size:14px;font-weight:600}.result-actions{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.result-actions .button.ghost,.result-actions .button.primary.large{width:100%}