@import "https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.4/packages/wanted-sans/fonts/webfonts/variable/complete/WantedSansVariable.min.css";
@font-face{font-family:Pretendard Variable;font-weight:100 900;font-style:normal;font-display:swap;src:url(/fonts/PretendardVariable.woff2)format("woff2-variations"),url(/fonts/PretendardVariable.woff2)format("woff2")}:root{--font-sans:"Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, "Apple SD Gothic Neo", "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;--font-display:"Wanted Sans Variable", "Wanted Sans", "Pretendard Variable", "Pretendard", system-ui, sans-serif;--font-mono:"SF Mono", "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--color-common-100:#fff;--color-common-0:#000;--color-neutral-100:#fff;--color-neutral-99:#f7f7f7;--color-neutral-95:#dcdcdc;--color-neutral-90:#c4c4c4;--color-neutral-80:#b0b0b0;--color-neutral-70:#9b9b9b;--color-neutral-60:#8a8a8a;--color-neutral-50:#737373;--color-neutral-40:#5c5c5c;--color-neutral-30:#474747;--color-neutral-22:#303030;--color-neutral-20:#2a2a2a;--color-neutral-15:#1c1c1c;--color-neutral-10:#171717;--color-neutral-5:#0f0f0f;--color-neutral-0:#000;--color-coolneutral-100:#fff;--color-coolneutral-99:#f7f7f8;--color-coolneutral-98:#f4f4f5;--color-coolneutral-97:#eaebec;--color-coolneutral-96:#e1e2e4;--color-coolneutral-95:#dbdcdf;--color-coolneutral-90:#c2c4c8;--color-coolneutral-80:#aeb0b6;--color-coolneutral-70:#989ba2;--color-coolneutral-60:#878a93;--color-coolneutral-50:#70737c;--color-coolneutral-40:#5a5c63;--color-coolneutral-30:#46474c;--color-coolneutral-25:#37383c;--color-coolneutral-23:#333438;--color-coolneutral-22:#2e2f33;--color-coolneutral-20:#292a2d;--color-coolneutral-17:#212225;--color-coolneutral-15:#1b1c1e;--color-coolneutral-10:#171719;--color-coolneutral-7:#141415;--color-coolneutral-5:#0f0f10;--color-coolneutral-0:#000;--color-blue-100:#fff;--color-blue-99:#f7fbff;--color-blue-95:#eaf2fe;--color-blue-90:#c9defe;--color-blue-80:#9ec5ff;--color-blue-70:#69a5ff;--color-blue-65:#4f95ff;--color-blue-60:#3385ff;--color-blue-55:#1a75ff;--color-blue-50:#06f;--color-blue-45:#005eeb;--color-blue-40:#0054d1;--color-blue-30:#003e9c;--color-blue-20:#002966;--color-blue-10:#001536;--color-blue-0:#000;--color-red-100:#fff;--color-red-99:snow;--color-red-95:#feecec;--color-red-90:#fed5d5;--color-red-80:#ffb5b5;--color-red-70:#ff8c8c;--color-red-60:#ff6363;--color-red-50:#ff4242;--color-red-40:#e52222;--color-red-30:#b20c0c;--color-red-20:#750404;--color-red-10:#3b0101;--color-red-0:#000;--color-green-100:#fff;--color-green-99:#f2fff6;--color-green-95:#d9ffe6;--color-green-90:#acfcc7;--color-green-80:#7df5a5;--color-green-70:#49e57d;--color-green-60:#1ed45a;--color-green-50:#00bf40;--color-green-40:#009632;--color-green-30:#006e25;--color-green-20:#004517;--color-green-10:#00240c;--color-green-0:#000;--color-orange-100:#fff;--color-orange-99:#fffcf7;--color-orange-95:#fef4e6;--color-orange-90:#fee6c6;--color-orange-80:#ffd49c;--color-orange-70:#ffc06e;--color-orange-60:#ffa938;--color-orange-50:#ff9200;--color-orange-40:#d47800;--color-orange-30:#9c5800;--color-orange-20:#663a00;--color-orange-10:#361e00;--color-orange-0:#000;--color-violet-100:#fff;--color-violet-99:#fbfaff;--color-violet-95:#f0ecfe;--color-violet-90:#dbd3fe;--color-violet-80:#c0b0ff;--color-violet-70:#9e86fc;--color-violet-60:#7d5ef7;--color-violet-50:#6541f2;--color-violet-45:#5b37ed;--color-violet-40:#4f29e5;--color-violet-30:#3a16c9;--color-violet-20:#23098f;--color-violet-10:#11024d;--color-violet-0:#000;--fg-primary:var(--color-blue-50);--fg-primary-strong:var(--color-blue-40);--label-strong:#171719;--label-normal:#2e2f33e0;--label-neutral:#2e2f339c;--label-alternative:#2e2f336e;--label-assistive:#2e2f3347;--label-disable:#2e2f3329;--bg-normal:var(--color-common-100);--bg-alternative:var(--color-coolneutral-99);--bg-neutral:var(--color-coolneutral-98);--bg-elevated:var(--color-common-100);--bg-inverted:var(--color-coolneutral-10);--line-normal:#70737c38;--line-neutral:#70737c29;--line-alternative:#70737c14;--line-strong:#70737c9c;--status-positive:var(--color-green-50);--status-cautionary:var(--color-orange-50);--status-negative:var(--color-red-50);--fill-normal:#70737c14;--fill-strong:#70737c1f;--fill-heavy:#70737c38;--accent-blue-bg:var(--color-blue-95);--accent-blue-fg:var(--color-blue-40);--accent-red-bg:var(--color-red-95);--accent-red-fg:var(--color-red-40);--accent-green-bg:var(--color-green-95);--accent-green-fg:var(--color-green-40);--accent-orange-bg:var(--color-orange-95);--accent-orange-fg:var(--color-orange-40);--accent-violet-bg:var(--color-violet-95);--accent-violet-fg:var(--color-violet-40);--shadow-xs:0 1px 2px -1px #1717171a;--shadow-sm:0 1px 2px -1px #1717171a, 0 1px 3px 0 #1717170f;--shadow-md:0 4px 6px -2px #1717171a, 0 2px 4px -1px #1717170f;--shadow-lg:0 10px 15px -3px #1717171a, 0 4px 6px -2px #1717170d;--shadow-xl:0 20px 25px -5px #1717171a, 0 10px 10px -5px #1717170a;--shadow-2xl:0 25px 50px -12px #17171738;--shadow-emphasize:0 4px 16px 0 #17171712, 0 2px 4px 0 #1717170f;--radius-2:2px;--radius-4:4px;--radius-6:6px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-14:14px;--radius-16:16px;--radius-20:20px;--radius-24:24px;--radius-28:28px;--radius-32:32px;--radius-48:48px;--radius-full:9999px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px;--space-96:96px;--space-128:128px;--t-display1-size:72px;--t-display1-lh:88px;--t-display1-tracking:-.03em;--t-display2-size:40px;--t-display2-lh:52px;--t-display2-tracking:-.0282em;--t-display3-size:36px;--t-display3-lh:48px;--t-display3-tracking:-.027em;--t-title1-size:32px;--t-title1-lh:44px;--t-title1-tracking:-.0253em;--t-title2-size:28px;--t-title2-lh:38px;--t-title2-tracking:-.0236em;--t-title3-size:24px;--t-title3-lh:32px;--t-title3-tracking:-.023em;--t-heading1-size:22px;--t-heading1-lh:30px;--t-heading1-tracking:-.0194em;--t-heading2-size:20px;--t-heading2-lh:28px;--t-heading2-tracking:-.012em;--t-headline1-size:18px;--t-headline1-lh:26px;--t-headline1-tracking:-.002em;--t-headline2-size:17px;--t-headline2-lh:24px;--t-headline2-tracking:0em;--t-body1-size:16px;--t-body1-lh:24px;--t-body1-tracking:.0057em;--t-body1-reading-lh:26px;--t-body2-size:15px;--t-body2-lh:22px;--t-body2-tracking:.0096em;--t-body2-reading-lh:24px;--t-label1-size:14px;--t-label1-lh:20px;--t-label1-tracking:.0145em;--t-label2-size:13px;--t-label2-lh:18px;--t-label2-tracking:.0194em;--t-caption1-size:12px;--t-caption1-lh:16px;--t-caption1-tracking:.0252em;--t-caption2-size:11px;--t-caption2-lh:14px;--t-caption2-tracking:.0311em;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700}[data-round="0"],:root{--round-fg:var(--color-blue-50);--round-fg-strong:var(--color-blue-40);--round-bg:var(--color-blue-95)}[data-round="1"]{--round-fg:var(--color-orange-40);--round-fg-strong:var(--color-orange-40);--round-bg:var(--color-orange-95)}[data-round="2"]{--round-fg:var(--color-violet-45);--round-fg-strong:var(--color-violet-45);--round-bg:var(--color-violet-95)}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-sans);background:var(--bg-alternative);color:var(--label-strong);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh}body{flex-direction:column;display:flex}button{cursor:pointer;font-family:inherit}.t-display1{font:var(--w-bold) var(--t-display1-size)/var(--t-display1-lh) var(--font-display);letter-spacing:var(--t-display1-tracking)}.t-title1{font:var(--w-bold) var(--t-title1-size)/var(--t-title1-lh) var(--font-sans);letter-spacing:var(--t-title1-tracking)}.t-title2{font:var(--w-bold) var(--t-title2-size)/var(--t-title2-lh) var(--font-sans);letter-spacing:var(--t-title2-tracking)}.t-title3{font:var(--w-bold) var(--t-title3-size)/var(--t-title3-lh) var(--font-sans);letter-spacing:var(--t-title3-tracking)}.t-heading1{font:var(--w-bold) var(--t-heading1-size)/var(--t-heading1-lh) var(--font-sans);letter-spacing:var(--t-heading1-tracking)}.t-heading2{font:var(--w-bold) var(--t-heading2-size)/var(--t-heading2-lh) var(--font-sans);letter-spacing:var(--t-heading2-tracking)}.t-headline1{font:var(--w-bold) var(--t-headline1-size)/var(--t-headline1-lh) var(--font-sans);letter-spacing:var(--t-headline1-tracking)}.t-body1{font:var(--w-medium) var(--t-body1-size)/var(--t-body1-lh) var(--font-sans);letter-spacing:var(--t-body1-tracking)}.t-body2{font:var(--w-medium) var(--t-body2-size)/var(--t-body2-lh) var(--font-sans);letter-spacing:var(--t-body2-tracking)}.t-label1{font:var(--w-medium) var(--t-label1-size)/var(--t-label1-lh) var(--font-sans);letter-spacing:var(--t-label1-tracking)}.t-label2{font:var(--w-medium) var(--t-label2-size)/var(--t-label2-lh) var(--font-sans);letter-spacing:var(--t-label2-tracking)}.t-caption1{font:var(--w-medium) var(--t-caption1-size)/var(--t-caption1-lh) var(--font-sans);letter-spacing:var(--t-caption1-tracking)}.t-caption2{font:var(--w-medium) var(--t-caption2-size)/var(--t-caption2-lh) var(--font-sans);letter-spacing:var(--t-caption2-tracking)}.color-strong{color:var(--label-strong)}.color-normal{color:var(--label-normal)}.color-neutral{color:var(--label-neutral)}.color-assist{color:var(--label-assistive)}.color-primary{color:var(--fg-primary)}.color-round{color:var(--round-fg)}.page{flex-direction:column;flex:1;max-width:520px;min-height:100vh;margin:0 auto;padding:24px 20px 64px;display:flex}.page:has(.host-layout){max-width:1280px;padding:32px 40px 80px}.page:has(.player-layout){max-width:480px;padding:16px 16px 48px}@media (max-width:640px){.page:has(.host-layout){padding:20px 16px 64px}}.stage-center{flex:1;justify-content:center;align-items:center;width:100%;display:flex}.stage-narrow{width:100%;max-width:520px}.page:has(.host-layout) .stage-narrow{max-width:640px}.service-intro{width:100%;animation:.4s ease-out fadeIn}.service-intro-card{padding:28px 24px}.page:has(.host-layout) .service-intro-card{padding:36px 40px}.service-intro-title{font:var(--w-bold) var(--t-heading1-size)/var(--t-heading1-lh) var(--font-sans);letter-spacing:var(--t-heading1-tracking);margin:16px 0 8px}.service-intro-subtitle{font:var(--w-medium) var(--t-body2-size)/var(--t-body2-reading-lh) var(--font-sans);color:var(--label-neutral);margin-bottom:20px}.service-intro-sections{text-align:left;flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.service-intro-section{background:var(--bg-alternative);border:1px solid var(--line-alternative);border-radius:var(--radius-16);padding:16px 18px}.service-intro-section-title{font:var(--w-bold) var(--t-body1-size)/var(--t-body1-lh) var(--font-sans);align-items:center;gap:8px;margin-bottom:10px;display:flex}.service-intro-list{flex-direction:column;gap:8px;list-style:none;display:flex}.service-intro-list li{font:var(--w-medium) var(--t-body2-size)/var(--t-body2-reading-lh) var(--font-sans);color:var(--label-normal);padding-left:14px;position:relative}.service-intro-list li:before{content:"·";color:var(--round-fg-strong);font-weight:var(--w-bold);position:absolute;left:0}.service-intro-footer{background:var(--round-bg);color:var(--round-fg-strong);border-radius:var(--radius-12);font:var(--w-semibold) var(--t-label1-size)/var(--t-label1-lh) var(--font-sans);justify-content:center;align-items:center;gap:8px;margin-bottom:20px;padding:14px 16px;display:flex}.service-intro-wait{margin-top:8px}.host-game-stage{width:100%;animation:.4s ease-out fadeIn}.host-game-grid{grid-template-columns:1fr;gap:16px;margin-top:12px;display:grid}@media (min-width:960px){.host-game-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}.host-game-side{position:sticky;top:24px}.opts--host .opt{padding:14px 16px}.stmt-body--pre{white-space:pre-wrap}.reveal-panel{flex-direction:column;gap:12px;margin-top:12px;display:flex}.reveal-section{background:var(--bg-elevated);border:1px solid var(--line-neutral);border-radius:var(--radius-16);padding:18px 20px}.reveal-section-title{font:var(--w-bold) var(--t-headline1-size)/var(--t-headline1-lh) var(--font-sans);margin-bottom:12px}.reveal-explanations{flex-direction:column;gap:8px;display:flex}.reveal-exp-item{font:var(--w-medium) var(--t-body2-size)/var(--t-body2-reading-lh) var(--font-sans);color:var(--label-normal);background:var(--bg-alternative);border-radius:var(--radius-12);border:1px solid var(--line-alternative);padding:12px 14px}.reveal-exp-item.correct{background:var(--accent-green-bg);color:var(--accent-green-fg);border-color:#00bf4038}.reveal-note{margin-top:0}.player-game-stage{width:100%;animation:.4s ease-out fadeIn}@media (max-width:480px){.player-game-stage .q-text{font-size:17px}.player-game-stage .opt{padding:14px 12px}}.card{background:var(--bg-elevated);border:1px solid var(--line-neutral);border-radius:var(--radius-20);padding:20px;animation:.4s ease-out fadeIn}.card+.card{margin-top:12px}.card.center{text-align:center}.card.hero{padding:40px 24px}.btn{border-radius:var(--radius-12);background:var(--fill-normal);color:var(--label-strong);font:var(--w-semibold) var(--t-body2-size)/var(--t-body2-lh) var(--font-sans);letter-spacing:var(--t-body2-tracking);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:10px 16px;transition:background-color .12s ease-out,color .12s ease-out,border-color .12s ease-out;display:inline-flex}.btn:hover{background:var(--fill-strong)}.btn:active{background:var(--fill-heavy)}.btn:focus-visible{outline:2px solid var(--fg-primary);outline-offset:2px}.btn:disabled,.btn[disabled]{color:var(--label-disable);background:var(--fill-normal);cursor:not-allowed;pointer-events:none}.btn.lg{border-radius:var(--radius-14);padding:14px 20px;font-size:16px}.btn.full{width:100%}.btn.primary{background:var(--color-blue-50);color:#fff}.btn.primary:hover{background:var(--color-blue-45)}.btn.primary:active{background:var(--color-blue-40)}.btn.primary:disabled{background:var(--fill-normal);color:var(--label-disable)}.btn.outlined{border-color:var(--line-strong);color:var(--label-strong);background:0 0}.btn.outlined:hover{background:var(--fill-normal)}.btn.success{background:var(--color-green-50);color:#fff}.btn.success:hover{background:var(--color-green-40)}.btn.danger{background:var(--color-red-50);color:#fff}.btn.danger:hover{background:var(--color-red-40)}.btn-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.input-label{font:var(--w-semibold) var(--t-label2-size)/var(--t-label2-lh) var(--font-sans);color:var(--label-neutral);letter-spacing:var(--t-label2-tracking);margin-bottom:6px;display:block}input[type=text],input[type=password]{background:var(--bg-elevated);border:1px solid var(--line-normal);border-radius:var(--radius-12);width:100%;font:var(--w-medium) var(--t-body1-size)/var(--t-body1-lh) var(--font-sans);color:var(--label-strong);outline:none;padding:13px 14px;transition:border-color .12s ease-out,box-shadow .12s ease-out}input::placeholder{color:var(--label-assistive)}input:focus{border-color:var(--fg-primary);box-shadow:0 0 0 3px #0066ff29}.err-msg{font:var(--w-medium) var(--t-label2-size)/var(--t-label2-lh) var(--font-sans);color:var(--status-negative);margin-top:8px;display:none}.err-msg.on{display:block}.badge{background:var(--round-bg);color:var(--round-fg-strong);border-radius:var(--radius-full);font:var(--w-semibold) var(--t-caption1-size)/var(--t-caption1-lh) var(--font-sans);letter-spacing:var(--t-caption1-tracking);align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.hero-block{text-align:center;padding:32px 0 24px}.hero-block .eyebrow{background:var(--accent-blue-bg);color:var(--accent-blue-fg);border-radius:var(--radius-full);font:var(--w-semibold) var(--t-caption1-size)/var(--t-caption1-lh) var(--font-sans);letter-spacing:var(--t-caption1-tracking);margin-bottom:16px;padding:5px 12px;display:inline-block}.mode-grid{grid-template-columns:1fr 1fr;gap:12px;margin:8px 0 16px;display:grid}.mode-card{background:var(--bg-elevated);border:1px solid var(--line-neutral);border-radius:var(--radius-20);cursor:pointer;text-align:left;padding:24px 20px;transition:box-shadow .16s ease-out,transform .16s ease-out,border-color .16s ease-out}.mode-card:hover{box-shadow:var(--shadow-md);border-color:var(--line-normal);transform:translateY(-2px)}.mode-card .mc-icon{border-radius:var(--radius-12);background:var(--accent-blue-bg);width:44px;height:44px;color:var(--accent-blue-fg);justify-content:center;align-items:center;margin-bottom:14px;display:flex}.mode-card.player .mc-icon{background:var(--accent-violet-bg);color:var(--accent-violet-fg)}.mode-card .mc-title{font:var(--w-bold) var(--t-headline1-size)/var(--t-headline1-lh) var(--font-sans);margin-bottom:6px}.mode-card .mc-desc{font:var(--w-medium) var(--t-label2-size)/18px var(--font-sans);color:var(--label-neutral)}.notice{background:var(--bg-elevated);border:1px solid var(--line-neutral);border-radius:var(--radius-16);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.notice .ic{width:20px;height:20px;color:var(--label-neutral);flex-shrink:0;margin-top:2px}.notice .nt-title{font:var(--w-semibold) var(--t-label1-size)/var(--t-label1-lh) var(--font-sans);color:var(--label-strong);margin-bottom:4px}.notice .nt-desc{font:var(--w-medium) var(--t-label2-size)/18px var(--font-sans);color:var(--label-neutral)}.notice code{font-family:var(--font-mono);background:var(--fill-normal);border-radius:4px;padding:1px 5px;font-size:11px}.progress{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.progress-meta{font:var(--w-semibold) var(--t-caption1-size)/var(--t-caption1-lh) var(--font-sans);color:var(--label-neutral);letter-spacing:var(--t-caption1-tracking);justify-content:space-between;display:flex}.progress-bg{background:var(--fill-normal);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fg{background:var(--round-fg);border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.2,.7,.2,1)}.qbar{align-items:center;gap:14px;margin-bottom:16px;display:flex}.timer{flex-shrink:0;width:52px;height:52px;position:relative}.timer svg{width:100%;height:100%;transform:rotate(-90deg)}.timer .track{fill:none;stroke:var(--fill-strong);stroke-width:4px}.timer .fill{fill:none;stroke:var(--round-fg);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset 1s linear,stroke .3s}.timer.urgent .fill{stroke:var(--status-negative)}.timer .num{font:var(--w-bold) 16px/1 var(--font-sans);color:var(--label-strong);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.timer.urgent .num{color:var(--status-negative)}.score-block{text-align:right;margin-left:auto}.score-val{font:var(--w-bold) 28px/1 var(--font-display);color:var(--label-strong);letter-spacing:-.02em}.score-lbl{font:var(--w-medium) var(--t-caption1-size)/var(--t-caption1-lh) var(--font-sans);color:var(--label-neutral);margin-top:4px}.q-card{padding:20px}.q-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.q-text{font:var(--w-semibold) var(--t-headline1-size)/var(--t-headline1-lh) var(--font-sans);letter-spacing:var(--t-headline1-tracking);color:var(--label-strong);text-wrap:pretty;margin-bottom:14px}.stmt{background:var(--bg-alternative);border:1px solid var(--line-alternative);border-left:3px solid var(--round-fg);border-radius:var(--radius-12);margin-bottom:16px;padding:14px 16px}.stmt-label{font:var(--w-semibold) var(--t-caption2-size)/var(--t-caption2-lh) var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--round-fg-strong);margin-bottom:6px}.stmt-body{font:var(--w-semibold) var(--t-body1-size)/var(--t-body1-reading-lh) var(--font-sans);color:var(--label-strong);text-wrap:pretty}.opts-label{font:var(--w-semibold) var(--t-caption2-size)/var(--t-caption2-lh) var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--label-neutral);margin-bottom:8px}.opts{flex-direction:column;gap:8px;display:flex}.opt{background:var(--bg-elevated);border:1px solid var(--line-normal);border-radius:var(--radius-12);cursor:pointer;width:100%;font:var(--w-medium) var(--t-body2-size)/var(--t-body2-reading-lh) var(--font-sans);letter-spacing:var(--t-body2-tracking);color:var(--label-strong);text-align:left;align-items:center;gap:12px;padding:14px 16px;transition:background-color .12s ease-out,border-color .12s ease-out,color .12s ease-out;display:flex}.opt-marker{border:1.5px solid var(--line-strong);width:24px;height:24px;font:var(--w-bold) 12px/1 var(--font-sans);color:var(--label-neutral);background:var(--bg-elevated);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:inherit;display:flex}.opt:hover:not(:disabled){background:var(--fill-normal);border-color:var(--line-strong)}.opt:disabled{cursor:default}.opt.chosen{background:var(--accent-blue-bg);border-color:var(--color-blue-50);color:var(--color-blue-30)}.opt.chosen .opt-marker{border-color:var(--color-blue-50);color:#fff;background:var(--color-blue-50)}.opt.correct{background:var(--accent-green-bg);border-color:var(--color-green-50);color:var(--color-green-30)}.opt.correct .opt-marker{border-color:var(--color-green-50);color:#fff;background:var(--color-green-50)}.opt.wrong{background:var(--accent-red-bg);border-color:var(--color-red-50);color:var(--color-red-30)}.opt.wrong .opt-marker{border-color:var(--color-red-50);color:#fff;background:var(--color-red-50)}.opt.reveal{background:var(--accent-green-bg);border-color:var(--color-green-50);color:var(--color-green-30);opacity:.75}.con-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.con-col{flex-direction:column;gap:8px;display:flex}.con-col-lbl{font:var(--w-semibold) var(--t-caption2-size)/var(--t-caption2-lh) var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--label-neutral);margin-bottom:2px}.con-item{background:var(--bg-elevated);border:1px solid var(--line-normal);border-radius:var(--radius-12);font:var(--w-medium) var(--t-label1-size)/18px var(--font-sans);color:var(--label-strong);cursor:pointer;align-items:center;min-height:64px;padding:12px 14px;transition:background-color .12s ease-out,border-color .12s ease-out;display:flex}.con-item:hover{background:var(--fill-normal)}.con-item.sel{background:var(--accent-blue-bg);border-color:var(--color-blue-50);color:var(--color-blue-30)}.con-item.hit{background:var(--accent-green-bg);border-color:var(--color-green-50);color:var(--color-green-30);cursor:default}.con-item.mhit{background:var(--accent-orange-bg);border-color:var(--color-orange-50);color:var(--color-orange-40);cursor:default}.con-item.miss{background:var(--accent-red-bg);border-color:var(--color-red-50);animation:.4s cubic-bezier(.36,.07,.19,.97) shake}.fb{border-radius:var(--radius-12);font:var(--w-medium) var(--t-label1-size)/22px var(--font-sans);border:1px solid;margin-top:12px;padding:14px 16px;display:none}.fb.on{display:block}.fb strong{font-weight:var(--w-bold)}.fb.ok{background:var(--accent-green-bg);color:var(--color-green-30);border-color:#00bf4047}.fb.ng{background:var(--accent-red-bg);color:var(--color-red-30);border-color:#ff424247}.fb.info{background:var(--accent-blue-bg);color:var(--color-blue-30);border-color:#0066ff38}.resp-panel{background:var(--bg-elevated);border:1px solid var(--line-neutral);border-radius:var(--radius-20);margin-top:12px;padding:18px 20px}.resp-head{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.resp-head .label{font:var(--w-semibold) var(--t-label1-size)/var(--t-label1-lh) var(--font-sans);color:var(--label-strong)}.resp-head .count{font:var(--w-bold) 22px/1 var(--font-display);color:var(--round-fg);letter-spacing:-.02em}.resp-bg{background:var(--fill-normal);border-radius:var(--radius-full);height:8px;margin-bottom:6px;overflow:hidden}.resp-fg{background:var(--round-fg);border-radius:var(--radius-full);height:100%;transition:width .4s cubic-bezier(.2,.7,.2,1)}.resp-meta{font:var(--w-medium) var(--t-caption1-size)/var(--t-caption1-lh) var(--font-sans);color:var(--label-neutral)}.ri-num{font:var(--w-bold) 120px/1 var(--font-display);color:var(--round-fg);letter-spacing:-.06em;margin:8px 0 4px}.ri-title{font:var(--w-bold) var(--t-title2-size)/var(--t-title2-lh) var(--font-sans);letter-spacing:var(--t-title2-tracking);color:var(--label-strong);margin-bottom:8px}.ri-desc{font:var(--w-medium) var(--t-body1-size)/var(--t-body1-reading-lh) var(--font-sans);color:var(--label-normal);text-wrap:pretty;margin-bottom:20px}.ri-rules{background:var(--bg-alternative);border:1px solid var(--line-alternative);border-radius:var(--radius-14);text-align:left;flex-direction:column;gap:10px;margin-bottom:20px;padding:16px;display:flex}.ri-rule-row{font:var(--w-medium) var(--t-label1-size)/var(--t-label1-lh) var(--font-sans);color:var(--label-normal);justify-content:space-between;align-items:center;display:flex}.ri-rule-row strong{color:var(--label-strong);font-weight:var(--w-semibold)}.player-list{background:var(--bg-alternative);border:1px dashed var(--line-normal);border-radius:var(--radius-12);flex-wrap:wrap;gap:6px;min-height:40px;margin-bottom:16px;padding:12px;display:flex}.player-list:empty:after{content:"아직 입장한 참가자가 없습니다";font:var(--w-medium) var(--t-label2-size)/var(--t-label2-lh) var(--font-sans);color:var(--label-assistive);margin:auto}.player-chip{background:var(--bg-elevated);border:1px solid var(--line-normal);border-radius:var(--radius-full);font:var(--w-semibold) var(--t-label2-size)/var(--t-label2-lh) var(--font-sans);color:var(--label-strong);align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.player-chip:before{content:"";background:var(--status-positive);border-radius:50%;width:6px;height:6px}.wait-dots{gap:6px;margin-bottom:24px;display:inline-flex}.wait-dots span{background:var(--fg-primary);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite bounce}.wait-dots span:nth-child(2){animation-delay:.15s}.wait-dots span:nth-child(3){animation-delay:.3s}.lb{flex-direction:column;gap:6px;display:flex}.lb-row{background:var(--bg-alternative);border:1px solid var(--line-alternative);border-radius:var(--radius-12);align-items:center;gap:12px;padding:12px 14px;transition:background-color .12s;animation:.3s ease-out fadeIn;display:flex}.lb-row.me{background:var(--accent-blue-bg);border-color:#0066ff38}.lb-rank{width:28px;height:28px;font:var(--w-bold) var(--t-label1-size)/1 var(--font-sans);background:var(--fill-normal);color:var(--label-normal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.lb-rank.rank-1{color:#5c3d00;background:gold}.lb-rank.rank-2{color:#1c1c1c;background:silver}.lb-rank.rank-3{color:#fff;background:#cd7f32}.lb-name{font:var(--w-semibold) var(--t-body2-size)/var(--t-body2-lh) var(--font-sans);color:var(--label-strong);flex:1}.lb-pts{font:var(--w-bold) var(--t-body2-size)/var(--t-body2-lh) var(--font-sans);color:var(--fg-primary)}.lb-empty{text-align:center;font:var(--w-medium) var(--t-label1-size)/var(--t-label1-lh) var(--font-sans);color:var(--label-assistive);padding:24px 0}.rb-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;display:grid}.rb-card{background:var(--bg-alternative);border:1px solid var(--line-alternative);border-radius:var(--radius-12);text-align:center;padding:14px 8px}.rb-card.r1{background:var(--accent-blue-bg);border-color:#0000}.rb-card.r2{background:var(--accent-orange-bg);border-color:#0000}.rb-card.r3{background:var(--accent-violet-bg);border-color:#0000}.rb-num{font:var(--w-bold) 24px/1 var(--font-display);letter-spacing:-.02em;margin-bottom:4px}.rb-card.r1 .rb-num{color:var(--color-blue-40)}.rb-card.r2 .rb-num{color:var(--color-orange-40)}.rb-card.r3 .rb-num{color:var(--color-violet-45)}.rb-lbl{font:var(--w-semibold) var(--t-caption1-size)/var(--t-caption1-lh) var(--font-sans);letter-spacing:var(--t-caption1-tracking);color:var(--label-neutral)}.result-hero{text-align:center;padding:28px 0 16px}.result-score{font:var(--w-bold) 80px/1 var(--font-display);color:var(--fg-primary);letter-spacing:-.04em;margin-bottom:6px}.result-score .unit{font:var(--w-bold) 28px/1 var(--font-display);color:var(--label-neutral);margin-left:4px}.result-name{font:var(--w-medium) var(--t-body2-size)/var(--t-body2-lh) var(--font-sans);color:var(--label-neutral)}.divider{background:var(--line-alternative);height:1px;margin:20px 0}.icon{vertical-align:middle;fill:currentColor;width:1em;height:1em;display:inline-block}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:9999;background:#00000073;justify-content:center;align-items:center;animation:.2s ease-out forwards modalFadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-elevated);border:1px solid var(--line-neutral);border-radius:var(--radius-20);width:90%;max-width:360px;box-shadow:var(--shadow-2xl);padding:24px;animation:.25s cubic-bezier(.34,1.56,.64,1) forwards modalScaleUp}.modal-header{align-items:center;gap:8px;margin-bottom:12px;display:flex}.modal-title{font:var(--w-bold) var(--t-heading2-size)/var(--t-heading2-lh) var(--font-sans);letter-spacing:var(--t-heading2-tracking);color:var(--label-strong)}.modal-body{font:var(--w-medium) var(--t-body2-size)/var(--t-body2-reading-lh) var(--font-sans);color:var(--label-normal);white-space:pre-wrap;word-break:keep-all;margin-bottom:20px}.modal-footer{justify-content:flex-end;gap:8px;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}@keyframes bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--fill-heavy);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--label-assistive)}