@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap");:root{--bg:#fafafa;--surface:#ffffff;--overlay:#f4f4f5;--raised:#f2f1f9;--fg:#18181b;--fg-sub:#52525b;--fg-mute:#8e8e96;--fg-faint:#a1a1aa;--fg-dim:rgba(24,24,27,0.45);--fg-nav:#71717a;--fg-copy:#c4c4cc;--accent:#6a5dae;--accent-hi:#5b4f99;--accent-bg:rgba(106,93,174,0.1);--accent-fg:#ffffff;--accent-2:#b9ff66;--accent-2-rgb:185,255,102;--accent-2-bg:rgba(var(--accent-2-rgb),0.18);--accent-ink:#15131c;--primary:var(--accent);--wc-a:#6a5dae;--wc-a-bg:rgba(106,93,174,0.18);--wc-b:#ff6f91;--wc-b-bg:rgba(255,111,145,0.18);--kakao:#fee500;--kakao-fg:#181600;--brand-x:#000000;--brand-x-fg:#ffffff;--brand-fb:#1877f2;--brand-fb-fg:#ffffff;--border:#eaeaec;--border-input:#e0e0e3;--border-hi:var(--fg);--shadow-card:0 1px 2px rgba(24,24,27,0.04),0 12px 32px rgba(24,24,27,0.05);--shadow-modal:0 20px 50px rgba(24,24,27,0.22);--shadow-hard:var(--shadow-card);--shadow-hard-sm:0 1px 2px rgba(24,24,27,0.06);--shadow-press:0 1px 2px rgba(24,24,27,0.08);--shadow-sm:var(--shadow-hard-sm);--shadow-md:var(--shadow-card);--bg-surface:var(--surface);--bg-mute:var(--overlay);--border-mute:var(--border);--accent-surface:var(--accent-bg);--ok-surface:var(--ok-bg);--scrollbar:#d8d8d4;--header-bg:rgba(250,250,250,0.82);--reveal-overlay-bg:rgba(255,255,255,0.95);--modal-overlay:rgba(21,19,28,0.5);--ok:#1fa971;--ok-bg:rgba(31,169,113,0.1);--ok-border:rgba(31,169,113,0.4);--err:#d9534f;--err-bg:rgba(217,83,79,0.1);--warn:#ffb020;--warn-bg:rgba(255,176,32,0.14);--ui-info:#5c7fa3;--ui-info-bg:rgba(92,127,163,0.1);--choice-a:#f0506a;--choice-b:#3e63dd;--choice-c:#f7a312;--choice-d:#1fa971;--font:"Pretendard",-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;--font-display:"Pretendard",-apple-system,sans-serif;--font-mono:"DM Mono","Menlo","Consolas",monospace;--r:12px;--r-lg:14px;--r-badge:999px;--r-full:9999px;--game-stage-bg:radial-gradient(120% 90% at 50% -10%,#fffdf8 0%,#f7f5ee 56%,#ece8f6 100%);--wc-stage-bg:radial-gradient(120% 90% at 20% 0%,#fffdf8 0%,#f7f5ee 56%,#ece8f6 100%);--wc-scrim:linear-gradient(0deg,rgba(250,250,250,0.82) 0%,rgba(250,250,250,0.15) 45%,transparent 70%);--wc-vs-bg:var(--bg);--wc-on-dark:var(--fg);--wc-on-dark-dim:var(--fg-dim);--wc-on-dark-sub:var(--fg-sub);--wc-track:rgba(0,0,0,0.06);--wc-ctrl-border:var(--border-input);--wc-ctrl-bg:var(--surface);--wc-pill-bg:var(--surface);--wc-pill-border:var(--border);--t:0.15s ease;--t-slow:0.25s ease}.theme-game{--bg:#15131c;--surface:#1e1b28;--overlay:rgba(255,255,255,0.06);--raised:rgba(106,93,174,0.18);--fg:#ffffff;--fg-sub:#c9c5d6;--fg-mute:#a09aae;--fg-faint:#8e8896;--fg-dim:rgba(255,255,255,0.45);--fg-nav:#a09aae;--fg-copy:rgba(255,255,255,0.4);--accent-bg:rgba(106,93,174,0.22);--border:rgba(255,255,255,0.08);--border-input:rgba(255,255,255,0.12);--border-hi:rgba(255,255,255,0.7);--shadow-card:0 1px 2px rgba(0,0,0,0.3),0 16px 40px rgba(0,0,0,0.35);--shadow-modal:0 24px 60px rgba(0,0,0,0.55);--shadow-hard:var(--shadow-card);--shadow-hard-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-press:0 1px 2px rgba(0,0,0,0.4);--shadow-sm:var(--shadow-hard-sm);--shadow-md:var(--shadow-card);--bg-surface:var(--surface);--bg-mute:var(--overlay);--border-mute:var(--border);--accent-surface:var(--accent-bg);--ok-surface:var(--ok-bg);--scrollbar:rgba(255,255,255,0.18);--header-bg:rgba(21,19,28,0.86);--reveal-overlay-bg:rgba(21,19,28,0.95);--modal-overlay:rgba(0,0,0,0.66);--ok-bg:rgba(31,169,113,0.16);--err-bg:rgba(217,83,79,0.18);--warn-bg:rgba(255,176,32,0.18);--game-stage-bg:radial-gradient(120% 90% at 50% -10%,#241f3a 0%,#15131c 55%,#0c0b12 100%);--wc-stage-bg:radial-gradient(120% 90% at 20% 0%,#241f3a 0%,#15131c 55%,#0c0b12 100%);--wc-scrim:linear-gradient(0deg,rgba(8,7,14,0.82) 0%,rgba(8,7,14,0.15) 45%,transparent 70%);--wc-vs-bg:#15131c;--wc-on-dark:#ffffff;--wc-on-dark-dim:rgba(255,255,255,0.45);--wc-on-dark-sub:rgba(255,255,255,0.62);--wc-track:rgba(255,255,255,0.12);--wc-ctrl-border:rgba(255,255,255,0.18);--wc-ctrl-bg:rgba(255,255,255,0.06);--wc-pill-bg:rgba(255,255,255,0.16);--wc-pill-border:rgba(255,255,255,0.55);background:var(--bg);color:var(--fg)}.game-stage-surface:not(.theme-game),.game-stage:not(.theme-game),.wc-battle:not(.theme-game){--bg:#f7f5ee;--surface:#fffdf8;--overlay:rgba(106,93,174,0.075);--raised:#eee9f7;--accent-2:#647084;--accent-2-rgb:100,112,132;--accent-2-bg:rgba(var(--accent-2-rgb),0.12);--fg:#1f1b2d;--fg-sub:#5c566b;--fg-mute:#7f788d;--fg-faint:#9c94aa;--fg-dim:rgba(31,27,45,0.48);--border:rgba(31,27,45,0.11);--border-input:rgba(31,27,45,0.16);--border-mute:rgba(31,27,45,0.08);--ok:#2f7d60;--ok-bg:rgba(47,125,96,0.11);--ok-border:rgba(47,125,96,0.28);--shadow-card:0 1px 2px rgba(31,27,45,0.05),0 14px 34px rgba(31,27,45,0.1);--shadow-hard:var(--shadow-card);--shadow-hard-sm:0 1px 2px rgba(31,27,45,0.07);--shadow-sm:var(--shadow-hard-sm);--shadow-md:var(--shadow-card);--bg-surface:rgba(255,253,248,0.88);--bg-mute:rgba(106,93,174,0.08);--accent-surface:rgba(106,93,174,0.12);--ok-surface:rgba(47,125,96,0.1);--game-stage-bg:radial-gradient(120% 90% at 50% -10%,#fffdf8 0%,#f7f5ee 56%,#ece8f6 100%);--wc-stage-bg:radial-gradient(120% 90% at 20% 0%,#fffdf8 0%,#f7f5ee 56%,#ece8f6 100%);--wc-scrim:linear-gradient(0deg,rgba(247,245,238,0.84) 0%,rgba(247,245,238,0.16) 45%,transparent 70%);--wc-vs-bg:#fffdf8;--wc-on-dark:var(--fg);--wc-on-dark-dim:var(--fg-dim);--wc-on-dark-sub:var(--fg-sub);--wc-track:rgba(31,27,45,0.08);--wc-ctrl-border:var(--border-input);--wc-ctrl-bg:rgba(255,253,248,0.9);--wc-pill-bg:rgba(255,253,248,0.92);--wc-pill-border:rgba(31,27,45,0.14)}.game-stage:not(.theme-game) .mp-lobby-2col{--lobby-code-glow:0 1px 0 rgba(31,27,45,0.06)}.theme-game .choice-btn,.theme-game .question-card,.theme-game .reveal-lb{border-color:rgba(255,255,255,.1)}.game-stage .mp-statusbar{width:auto;margin:0 auto 16px;max-width:1060px;border-radius:var(--r);border:1px solid var(--border);background:var(--overlay);position:static;padding:8px 14px}.game-stage{display:flex;flex-direction:column;height:100dvh;padding:16px min(5vw,44px) 0}.game-main{flex:1 1;min-height:0;display:flex;flex-direction:column}body:has(.game-main){height:100dvh;overflow:hidden}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font);background-color:var(--bg);color:var(--fg);line-height:1.65;min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}ol,ul{list-style:none}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--accent-fg)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--fg-sub)}.container{width:min(1100px,92vw);margin:0 auto;padding:40px 0 80px;position:relative;z-index:1;flex:1 1}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{width:min(1120px,92vw);margin:0 auto;height:54px;gap:28px}.header-inner,.header-logo{display:flex;align-items:center}.header-logo{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.5px;color:var(--fg);flex-shrink:0;gap:10px}.header-nav{display:flex;flex:1 1;gap:2px;margin-left:4px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.header-nav::-webkit-scrollbar{display:none}.header-nav-link{padding:8px 13px;font-size:15px;font-weight:500;color:var(--fg-nav);transition:color var(--t),background var(--t);border-radius:8px;white-space:nowrap;flex-shrink:0}.header-nav-link.active,.header-nav-link:hover{color:var(--fg);background:var(--overlay)}.header-nav-link.active{font-weight:600}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media (max-width:480px){.header-inner{gap:8px}.header-nav{margin-left:4px}.header-nav-link{padding:6px 8px;font-size:12px}}.quiz-true-false-editor{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin:0;padding:0;border:0}.quiz-true-false-editor legend{grid-column:1/-1;margin-bottom:4px;color:var(--fg-mute);font-size:12px;font-weight:700}.quiz-true-false-editor label{cursor:pointer}.quiz-true-false-editor input{position:absolute;opacity:0}.quiz-true-false-editor label span{display:grid;min-height:96px;place-items:center;border:1px solid var(--border-input);border-radius:14px;background:var(--overlay);color:var(--fg-sub);font-size:38px;font-weight:900;transition:border-color var(--t),background var(--t),transform var(--t)}.quiz-true-false-editor input:checked+span{border-color:var(--accent);background:var(--accent-bg);color:var(--accent);transform:translateY(-2px)}.quiz-true-false-editor input:focus-visible+span{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}.quiz-field-error,.quiz-true-false-editor p{grid-column:1/-1;margin:7px 0 0;color:var(--err);font-size:12px;font-weight:700}.quiz-invalid-badge{display:inline-grid;width:20px;height:20px;flex:none;place-items:center;border-radius:999px;background:var(--err);color:white;font-size:12px;font-weight:900}.single-answer-area{display:grid;grid-gap:14px;gap:14px}.single-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.single-choice-option{position:relative;display:grid;align-items:stretch;overflow:hidden;border:2px solid var(--border-input);border-radius:18px;background:var(--surface);color:var(--fg);box-shadow:var(--shadow-card);cursor:pointer;transition:transform var(--t),border-color var(--t),box-shadow var(--t)}.single-choice-option:has(.single-choice-option__radio:focus-visible),.single-choice-option:hover{border-color:var(--accent);transform:translateY(-2px);outline:3px solid color-mix(in srgb,var(--accent) 28%,transparent);outline-offset:2px}.single-choice-option__radio{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.single-choice-option__select{position:relative;min-height:126px;display:grid;grid-template-rows:1fr auto;align-items:stretch;padding:16px;color:inherit;cursor:pointer}.single-choice-option.is-disabled .single-choice-option__select{cursor:not-allowed}.single-choice-option.is-selected{border:3px solid var(--accent-2);border-radius:12px 22px 12px 22px;background:var(--accent-2-bg);box-shadow:var(--shadow-card),inset 0 0 0 2px color-mix(in srgb,var(--accent-2) 24%,transparent)}.single-choice-option.is-disabled{cursor:not-allowed;border-style:dashed;opacity:.62}.single-choice-option.is-correct{border:3px solid var(--ok);background:color-mix(in srgb,var(--ok) 12%,var(--surface));box-shadow:var(--shadow-card),0 0 0 4px color-mix(in srgb,var(--ok) 18%,transparent);opacity:1}.single-choice-option.is-selected-wrong{border:3px solid var(--err);background:color-mix(in srgb,var(--err) 10%,var(--surface));opacity:1}.single-choice-option.is-muted{opacity:.42}.single-choice-option.is-correct .single-choice-option__key{background:var(--ok);color:var(--accent-fg);border-color:transparent}.single-choice-option.is-selected-wrong .single-choice-option__key{background:var(--err);color:white;border-color:transparent}.single-choice-option.is-correct .single-choice-option__state{color:var(--ok)}.single-choice-option.is-selected-wrong .single-choice-option__state{color:var(--err)}.single-choice-option__key{position:absolute;top:10px;left:10px;width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--overlay);border:1px solid var(--border);color:var(--fg-sub);font:700 13px var(--font-mono)}.single-choice-option.is-selected .single-choice-option__key{background:var(--accent-2);color:var(--accent-ink);border-color:transparent}.single-choice-option__text{place-self:center;padding:22px 10px 14px;font-size:18px;font-weight:800;line-height:1.4;text-align:center}.single-choice-option__media{display:block;margin:0;aspect-ratio:16/9;background:var(--overlay);overflow:hidden}.single-choice-option__select>.single-choice-option__media{margin:-16px -16px 12px}.single-choice-option__media iframe,.single-choice-option__media img{width:100%;height:100%;display:block;border:0;object-fit:cover}.single-choice-option__video{position:relative}.single-choice-option__play{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--accent-fg) 72%,transparent);border-radius:var(--r-badge);background:var(--modal-overlay);color:var(--accent-fg);font:800 12px var(--font);cursor:pointer;box-shadow:var(--shadow-hard-sm)}.single-choice-option__play:focus-visible{outline:3px solid var(--accent-2);outline-offset:2px}.single-choice-option__state{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:28px;font-size:12px;font-weight:800;color:var(--fg-mute)}.single-choice-option.is-selected .single-choice-option__state{color:var(--fg)}.single-answer-submit,.single-short-answer button{min-height:54px;border:0;border-radius:14px;background:var(--accent);color:var(--accent-fg);font:800 16px var(--font);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 45%,transparent);cursor:pointer}.single-answer-submit:disabled,.single-short-answer button:disabled{background:var(--overlay);color:var(--fg-mute);border:1px dashed var(--border-input);box-shadow:none;cursor:not-allowed}.single-answer-submit.is-correct,.single-answer-submit.is-correct:disabled{background:color-mix(in srgb,var(--ok) 18%,var(--surface));color:var(--ok);border:3px solid var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 18%,transparent);opacity:1}.single-answer-submit.is-selected-wrong,.single-answer-submit.is-selected-wrong:disabled{background:color-mix(in srgb,var(--err) 12%,var(--surface));color:var(--err);border:3px solid var(--err);opacity:1}.single-answer-submit.is-muted,.single-answer-submit.is-muted:disabled{opacity:.4}.single-objective-answer-media{margin-top:18px;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--overlay);box-shadow:var(--shadow-card)}.single-objective-answer-media:not(.media-youtube){display:flex;justify-content:center}.single-objective-answer-media:not(.media-youtube) img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}.single-objective-next{min-width:240px;padding:16px 28px;border:0;border-radius:14px;background:var(--accent);color:var(--accent-fg);font:700 17px var(--font);cursor:pointer;box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 45%,transparent)}.single-objective-next:disabled{opacity:.55;cursor:not-allowed}.single-short-answer{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px}.single-short-answer input{min-width:0;border:1px solid var(--border-input);background:var(--surface);border-radius:14px;padding:16px 20px;font:600 18px var(--font);color:var(--fg);outline:none;box-shadow:var(--shadow-card)}.single-short-answer input:focus-visible{border-color:var(--accent-2);outline:3px solid color-mix(in srgb,var(--accent-2) 24%,transparent)}.single-short-answer button{padding:0 30px}.single-answer-feedback{display:grid;grid-gap:14px;gap:14px;margin-top:18px}.single-answer-feedback__verdict{display:inline-flex;place-self:center;align-items:center;gap:8px;padding:9px 16px;border:2px solid;border-radius:var(--r-badge);color:var(--err)}.single-answer-feedback__verdict.is-correct{color:var(--ok)}.single-answer-feedback__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.single-answer-feedback__grid>:only-child{grid-column:1/-1}.single-answer-feedback__card{display:grid;grid-gap:12px;gap:12px;align-content:start;min-height:108px;padding:16px;border:2px dashed var(--err);border-radius:12px 20px 12px 20px;background:var(--err-bg);text-align:left;overflow:hidden}.single-answer-feedback__card.is-correct{border:2px solid var(--ok);border-radius:20px 12px 20px 12px;background:var(--ok-bg)}.single-answer-feedback__label{display:inline-flex;gap:7px;align-items:center;color:var(--fg-sub);font-size:12px;font-weight:800}.single-answer-feedback__text{font-size:17px;color:var(--fg)}.single-answer-feedback__image,.single-answer-feedback__video{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;overflow:hidden}.single-answer-feedback__video iframe{width:100%;height:100%;border:0}@media (max-width:600px){.single-answer-feedback__grid,.single-choice-grid{grid-template-columns:1fr}.single-answer-feedback__grid>:only-child{grid-column:auto}.single-short-answer{grid-template-columns:1fr}.single-short-answer button{min-height:52px}}.quiz-answer-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;padding:5px;border:1px solid var(--border);border-radius:13px;background:var(--overlay)}.quiz-answer-tab{display:grid;grid-gap:2px;gap:2px;padding:10px 12px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--fg-mute);font:inherit;text-align:left;cursor:pointer}.quiz-answer-tab span{font-size:14px;font-weight:750}.quiz-answer-tab small{font-size:11px;color:var(--fg-faint)}.quiz-answer-tab[aria-selected=true]{border-color:var(--accent);background:var(--surface);color:var(--accent);box-shadow:var(--shadow-card)}.quiz-answer-tab:focus-visible,.quiz-option-card button:focus-visible,.quiz-option-card input:focus-visible,.quiz-option-card select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.quiz-answer-editor-panel{margin-top:10px}.quiz-alias-list,.quiz-option-list{display:grid;grid-gap:9px;gap:9px}.quiz-alias-row{display:flex;align-items:center;gap:10px}.quiz-alias-row input,.quiz-option-field input,.quiz-option-field select{width:100%;min-width:0;border:1px solid var(--border-input);border-radius:9px;padding:10px 12px;background:var(--overlay);color:var(--fg);font:inherit}.quiz-alias-row>input{flex:1 1}.quiz-alias-row button,.quiz-option-actions button{border:0;background:transparent;color:var(--fg-mute);cursor:pointer}.quiz-alias-check{display:grid;width:27px;height:27px;place-items:center;flex:none;border:1px solid var(--ok-border);border-radius:50%;background:var(--ok-bg);color:var(--ok)}.quiz-alias-add,.quiz-option-add{margin-top:10px;padding:9px 13px;border:1px dashed var(--border-input);border-radius:9px;background:var(--surface);color:var(--accent);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.quiz-answer-help{margin:9px 0 0;color:var(--fg-faint);font-size:12px}.quiz-option-card{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface);transition:border-color var(--t),box-shadow var(--t),transform var(--t)}.quiz-option-group{min-width:0;margin:0;padding:0;border:0}.quiz-option-legend{margin-bottom:9px;color:var(--fg-mute);font-size:12px;font-weight:700}.quiz-option-card.is-correct{border-color:var(--ok-border);box-shadow:0 0 0 2px var(--ok-bg)}.quiz-option-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--overlay)}.quiz-option-correct{display:flex;align-items:center;gap:8px;color:var(--fg-sub);cursor:pointer}.quiz-option-correct input{width:17px;height:17px;accent-color:var(--ok)}.quiz-option-correct>span{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:var(--surface);font-size:12px}.quiz-option-correct strong{font-size:13px}.quiz-option-actions{display:flex;align-items:center;gap:3px}.quiz-option-actions button{width:28px;height:28px;border-radius:7px;font-size:15px}.quiz-option-actions button:hover:not(:disabled){background:var(--surface);color:var(--fg)}.quiz-option-actions button:disabled{opacity:.3;cursor:default}.quiz-option-drag-hint{color:var(--fg-faint);cursor:-webkit-grab;cursor:grab}.quiz-option-content{display:grid;grid-template-columns:130px 1fr;grid-gap:12px;gap:12px;padding:13px}.quiz-option-field{display:grid;grid-gap:6px;gap:6px;min-width:0}.quiz-option-field>span{color:var(--fg-mute);font-size:11px;font-weight:700}.quiz-option-media-fields{display:grid;grid-column:2;grid-gap:10px;gap:10px}.quiz-option-time-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px}.quiz-option-image-preview{width:100%;height:160px;border-radius:9px;object-fit:cover}.quiz-option-youtube-preview{position:relative;overflow:hidden;padding-bottom:42%;border-radius:9px}.quiz-option-youtube-preview iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.quiz-option-error{margin:10px 0 0;color:var(--err);font-size:13px;font-weight:650}.quiz-option-add small{color:var(--fg-faint);font-weight:500}@media (max-width:760px){.quiz-editor-workspace{grid-template-columns:1fr!important}.quiz-option-content{grid-template-columns:1fr}.quiz-option-media-fields{grid-column:auto}}@media (max-width:480px){.quiz-answer-tab small{display:none}.quiz-option-card-head{align-items:flex-start}.quiz-option-actions{flex-wrap:wrap;justify-content:flex-end}.quiz-option-time-fields{grid-template-columns:1fr}}.header-user{font-size:13px;color:var(--fg-sub);font-weight:500}.header .btn{color:var(--fg);border:2px solid var(--fg);padding:5px 11px;font-size:13px}.header .btn,.header .btn:hover{background:transparent;box-shadow:none}.header .btn:hover{color:var(--accent);border-color:var(--accent);transform:none}.header .btn.secondary{background:transparent;color:var(--fg-dim);border:none}.header .btn.secondary:hover{color:var(--fg);background:transparent}.header-cta{padding:5px 11px;border-radius:7px;border:1px solid var(--border-input);background:var(--surface);color:var(--fg);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color var(--t),background var(--t),opacity var(--t)}.header-cta:hover{border-color:var(--fg)}.header-cta.primary{padding:5px 11px;border:none;background:var(--fg);color:var(--surface)}.header-cta.primary:hover{opacity:.9}@media (max-width:560px){.header-cta:not(.primary){display:none}}.card{background:var(--surface);border:2px solid var(--fg);border-radius:var(--r-lg);padding:20px;transition:border-color var(--t),background var(--t)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--r);padding:12px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:background var(--t),border-color var(--t),color var(--t),transform var(--t),box-shadow var(--t);white-space:nowrap;text-decoration:none;background:var(--accent);color:var(--accent-fg);border:2px solid var(--fg);box-shadow:var(--shadow-hard)}.btn:hover{background:var(--accent-hi)}.btn:active:not(:disabled){transform:translateY(1px);box-shadow:var(--shadow-press)}.btn:active{opacity:.8}.btn.secondary{background:var(--surface);color:var(--fg);border:2px solid var(--fg)}.btn.secondary:hover{background:var(--overlay);color:var(--fg)}.btn.ghost{background:transparent;color:var(--fg-sub);padding:8px 12px;border:none;box-shadow:none}.btn.ghost:hover{color:var(--fg);background:transparent}.btn.ghost:active:not(:disabled){transform:none;box-shadow:none}.btn.sm{padding:8px 16px;font-size:14px}.btn.xs{padding:5px 12px;font-size:12px}.btn.lg{padding:15px 30px;font-size:17px}.btn.accent{background:var(--accent);color:var(--accent-fg)}.btn.accent:hover{background:var(--accent-hi)}.btn.danger{background:var(--surface);color:var(--err);border:2px solid var(--err);box-shadow:3px 3px 0 var(--err)}.btn.danger:hover{background:var(--err-bg)}.btn.danger:active:not(:disabled){box-shadow:1px 1px 0 var(--err)}.btn.success{background:var(--ok);color:#fff}.btn.success:hover{opacity:.9}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.code-input::placeholder{font-family:var(--font);font-weight:600;font-size:15px;letter-spacing:0}.btn-icon{width:36px;height:36px;padding:0;border-radius:var(--r);display:inline-flex;align-items:center;justify-content:center}.input{width:100%;border:2px solid var(--fg);border-radius:var(--r);padding:11px 14px;background:var(--overlay);color:var(--fg);font-size:14px;transition:border-color var(--t)}.input::placeholder{color:var(--fg-dim)}.input:focus{outline:none;border-color:var(--accent)}textarea.input{resize:vertical;min-height:80px}.form-group{display:grid;grid-gap:6px;gap:6px}.form-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px}.form-label,.label{color:var(--fg-sub)}.label{display:block;font-size:13px;font-weight:500;margin-bottom:6px}.form-row{grid-gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-row,.grid{display:grid;gap:16px}.grid{grid-template-columns:repeat(12,1fr);grid-gap:16px}@media (max-width:960px){.grid{grid-template-columns:1fr}.grid>*{grid-column:1!important}}.alert{padding:11px 14px;border-radius:var(--r);font-size:13px;font-weight:500;border-left:3px solid}.alert-error{background:var(--err-bg);color:var(--fg);border-left-color:var(--err)}.alert-success{background:var(--ok-bg);color:var(--fg);border-left-color:var(--ok)}.alert-warning{background:var(--warn-bg);color:var(--fg);border-left-color:var(--warn)}.alert-info{background:var(--ui-info-bg);color:var(--fg);border-left-color:var(--ui-info)}.badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--r-badge);font-size:11px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;border:1px solid transparent}.badge-primary{background:var(--accent);color:#fff}.badge-success{background:var(--ok);color:#fff}.badge-warning{background:var(--warn);color:#4a3000}.badge-error{background:var(--err);color:#fff}.badge-cyan{background:var(--ok);color:#fff}.badge-secondary{background:var(--raised);color:var(--fg-sub)}.badge-amber{background:var(--warn);color:#4a3000}.divider{border:none;border-top:1px solid var(--border);margin:20px 0}.divider-text{display:flex;align-items:center;gap:14px;color:var(--fg-dim);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.7px}.divider-text:after,.divider-text:before{content:"";flex:1 1;height:1px;background:var(--border)}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot-connected{background:var(--ok)}.status-dot-connecting{background:var(--accent);animation:pulse-dot 1.2s infinite}.status-dot-reconnecting{background:var(--warn);animation:pulse-dot .8s infinite}.status-dot-disconnected{background:var(--fg-dim)}.status-dot-error{background:var(--err)}.status-dot-idle{background:var(--fg-dim)}.scoreboard-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r);border:1px solid var(--border);background:var(--surface);transition:border-color var(--t)}.scoreboard-item-me{border-color:var(--accent);background:var(--accent-bg)}.scoreboard-rank{width:28px;height:28px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;font-family:var(--font-mono);flex-shrink:0}.scoreboard-rank-1{background:var(--accent);color:var(--accent-fg)}.scoreboard-rank-2,.scoreboard-rank-3{background:var(--overlay);color:var(--fg-sub)}.scoreboard-rank-default{background:var(--raised);color:var(--fg-dim)}.scoreboard-name{flex:1 1;font-weight:600;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scoreboard-score{font-weight:700;font-size:15px;color:var(--accent);font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}@media (max-width:640px){.choice-grid{grid-template-columns:1fr}}.choice-btn{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--r);border:2px solid var(--fg);box-shadow:var(--shadow-hard-sm);cursor:pointer;transition:filter var(--t),transform var(--t),box-shadow var(--t);font-size:15px;font-weight:700;color:var(--accent-fg);min-height:54px}.choice-btn:hover{filter:brightness(1.06)}.choice-btn:active{transform:translateY(1px);box-shadow:var(--shadow-press)}.choice-btn-a{background:var(--choice-a)}.choice-btn-b{background:var(--choice-b)}.choice-btn-c{background:var(--choice-c);color:var(--fg)}.choice-btn-d{background:var(--choice-d)}.choice-btn-selected{transform:translateY(1px);box-shadow:var(--shadow-press);filter:brightness(1.06)}.choice-btn input[type=radio]{display:none}.choice-shape{width:26px;height:26px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;font-size:13px;border-radius:6px;background:rgba(255,255,255,.22)}.timer-bar-wrap{height:4px;border-radius:2px;background:var(--raised);overflow:hidden}.timer-bar-fill{height:100%;border-radius:2px;background:var(--accent-2);transition:width .5s linear}.timer-bar-warning .timer-bar-fill{background:var(--warn)}.timer-bar-danger .timer-bar-fill{background:var(--err)}.hero{padding:56px 0 48px}.hero-title{font-family:var(--font-display);font-size:clamp(36px,6vw,62px);font-weight:700;letter-spacing:-1px;line-height:1.08;margin-bottom:16px;color:var(--fg)}.hero-block{background:var(--overlay);border-bottom:2px solid var(--fg);width:100vw;margin-left:calc(50% - 50vw);margin-top:-40px}.hero-block-inner{width:min(1100px,92vw);margin:0 auto;padding:56px 0 40px}.quiz-card{display:flex;flex-direction:column;background:var(--surface);border:2px solid var(--fg);border-radius:var(--r-lg);transition:border-color var(--t);overflow:hidden;cursor:pointer}.quiz-card:hover{border-color:var(--accent)}.quiz-card-thumb{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--overlay);flex-shrink:0}.quiz-card-thumb img{width:100%;height:100%;object-fit:cover}.quiz-card-thumb-fallback{width:100%;height:100%;background:var(--overlay)}.quiz-card-title{font-size:15px;font-weight:700;letter-spacing:-.2px;padding:14px 16px 0;color:var(--fg)}.quiz-card-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:8px 16px 16px;font-size:12px;color:var(--fg-dim)}.quiz-card-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 16px}.question-card{border:2px solid var(--fg);border-radius:var(--r-lg);padding:18px;background:var(--surface)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.question-number{font-weight:600;font-size:11px;color:var(--fg-sub);font-family:var(--font-mono);letter-spacing:.8px;text-transform:uppercase}.auth-wrapper{position:relative;overflow:hidden;min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:48px 24px}.auth-content{position:relative;z-index:1;width:100%;max-width:404px}.auth-card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px 34px;box-shadow:var(--shadow-card)}.auth-title{font-family:var(--font-display);font-size:25px;font-weight:700;letter-spacing:-.03em;margin:0}.auth-subtitle{color:var(--fg-mute);font-size:14.5px;margin:8px 0 24px}.auth-form{display:grid;grid-gap:16px;gap:16px}.auth-footer{margin-top:24px;display:flex;flex-direction:column;align-items:center;gap:8px}.auth-footer-link{font-size:13.5px;font-weight:600;color:var(--fg-dim);transition:color var(--t)}.auth-footer-link:hover{color:var(--accent)}.auth-logo{gap:10px;margin-bottom:22px;color:var(--fg);text-decoration:none}.auth-logo,.auth-logo-mark{display:flex;align-items:center;justify-content:center}.auth-logo-mark{width:30px;height:30px;border-radius:8px;background:var(--fg)}.auth-logo-dot{width:11px;height:11px;border-radius:3px;background:var(--accent)}.auth-logo-text{font-weight:700;font-size:21px;letter-spacing:-.02em}.auth-art{inset:0;z-index:0;pointer-events:none;overflow:hidden}.auth-art,.auth-art>*{position:absolute}.auth-art-lime{top:8%;left:9%;width:96px;height:96px;border-radius:28px;background:var(--accent-2);border:3px solid var(--accent-ink);transform:rotate(-12deg)}.auth-art-ring{bottom:12%;right:11%;width:72px;height:72px;border-radius:50%;background:var(--surface);border:3px solid var(--accent-ink)}.auth-art-dot{bottom:18%;right:13%;width:32px;height:32px;border-radius:50%;background:var(--warn)}.auth-art-spark{top:18%;right:16%}.auth-art-tile{top:64%;left:13%;width:54px;height:54px;border-radius:16px;background:var(--raised);border:2px solid var(--border);transform:rotate(10deg)}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 16px;border-radius:var(--r);font-size:14.5px;font-weight:600;cursor:pointer;transition:background var(--t),border-color var(--t);border:1px solid var(--border-input);background:var(--surface);color:var(--fg);text-decoration:none}.social-btn:hover{background:var(--overlay)}.social-btn-kakao{background:var(--kakao);border-color:var(--kakao);color:var(--kakao-fg)}.social-btn-kakao:hover{background:var(--kakao);filter:brightness(.96)}.social-btn svg{width:18px;height:18px;flex-shrink:0}.share-cta-title{font-size:14px;font-weight:600;color:var(--fg-sub);margin:0 0 16px}.share-circle-row{display:flex;gap:18px;justify-content:center;align-items:flex-start;flex-wrap:wrap}.share-circle-item{display:flex;flex-direction:column;align-items:center;gap:8px}.share-circle-label{font-size:12px;font-weight:600;color:var(--fg-sub)}.share-circle-btn{width:54px;height:54px;border-radius:var(--r-full);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--t),border-color var(--t)}.share-circle-btn:hover{transform:translateY(-3px)}.share-circle-btn:active{transform:translateY(1px)}.share-circle-kakao{background:var(--kakao)}.share-circle-x{background:var(--brand-x)}.share-circle-fb{background:var(--brand-fb)}.share-circle-copy{background:var(--surface);border:1px solid var(--border-input)}.share-circle-copy:hover{border-color:var(--fg)}.play-header{text-align:center;padding:20px 0}.play-question-num{font-size:11px;font-weight:700;color:var(--fg-dim);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;font-family:var(--font-mono)}.play-question-text{font-size:clamp(20px,3.5vw,27px);font-weight:700;letter-spacing:-.3px;line-height:1.3}.play-score{display:inline-flex;align-items:center;gap:4px;color:var(--accent);font-weight:900;font-size:17px}.play-score,.play-timer{font-family:var(--font-mono)}.play-timer{font-size:48px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--fg);text-align:center;line-height:1}.play-timer-danger{color:var(--err);animation:pulse-text .5s ease-in-out infinite alternate}.result-hero{text-align:center;padding:48px 24px}.result-score{font-size:clamp(48px,10vw,80px);font-weight:500;font-family:var(--font-mono);line-height:1;margin-bottom:8px;color:var(--accent)}.result-label{font-size:11px;font-weight:700;color:var(--fg-dim);text-transform:uppercase;letter-spacing:2px}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:10px;gap:10px;margin-top:28px}.result-stat{text-align:center;padding:18px 12px;border-radius:var(--r);background:var(--overlay);border:1px solid var(--border)}.result-stat-value{font-size:22px;font-weight:700;font-family:var(--font-mono);margin-bottom:4px;color:var(--accent)}.result-stat-label{font-size:11px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.8px;font-weight:600}.room-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:10px;gap:10px}.room-info-item{padding:12px 14px;border-radius:var(--r);background:var(--overlay);border:1px solid var(--border)}.room-info-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--fg-dim);margin-bottom:4px}.room-info-value{font-size:15px;font-weight:700;font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.connection-bar{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:var(--r);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-mono)}.connection-bar-connected{color:var(--fg-dim)}.connection-bar-connecting,.connection-bar-reconnecting{color:var(--warn)}.connection-bar-disconnected,.connection-bar-idle{color:var(--fg-dim)}.connection-bar-error{color:var(--err)}.banner{padding:10px 14px;border-radius:var(--r);font-size:13px;font-weight:500;border-left:3px solid;animation:slideDown .2s ease-out}.banner-info{background:var(--ui-info-bg);color:var(--fg);border-left-color:var(--ui-info)}.banner-success{background:var(--ok-bg);color:var(--fg);border-left-color:var(--ok)}.banner-warning{background:var(--warn-bg);color:var(--fg);border-left-color:var(--warn)}.checkbox-label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--fg-sub);-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.spinner{width:28px;height:28px;border:2px solid var(--raised);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:18px;height:18px;border-width:2px}.spinner-lg{width:48px;height:48px;border-width:3px}.loading-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:56px 24px;text-align:center}.loading-text{font-size:13px;color:var(--fg-dim);font-weight:500}.empty-state{text-align:center;padding:56px 24px;color:var(--fg-dim)}.empty-state-icon{font-size:32px;margin-bottom:14px;opacity:.35}.empty-state-text{font-size:14px;font-weight:500;margin-bottom:16px}.section-title{font-family:var(--font-display);font-size:20px;font-weight:700;letter-spacing:-.4px;margin-bottom:4px}.section-subtitle{font-size:13px;color:var(--fg-sub);margin-bottom:20px}.section-header{font-size:11px;font-weight:700;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:16px;gap:16px}@media (max-width:780px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:22px}.dashboard-list-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border);font-size:14px}.dashboard-list-item:last-child{border-bottom:none}.quiz-detail-title{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.5px}.quiz-detail-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--fg-sub);font-weight:500}.quiz-question-preview{padding:14px 16px;border-radius:var(--r);border:1px solid var(--border);background:var(--overlay);margin-bottom:10px}.mp-layout{flex:1 1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;width:100%;max-width:1060px;margin:0 auto}.mp-layout--wc{max-width:min(1280px,94vw)}.mp-layout--colosseum{max-width:100%}.sp-layout{max-width:720px;margin:0 auto;display:grid;grid-gap:14px;gap:14px}.mp-statusbar{background:var(--header-bg);border-bottom:2px solid var(--fg);width:100vw;margin-left:calc(50% - 50vw);margin-top:-40px;margin-bottom:24px;padding:8px min(4vw,44px);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;position:-webkit-sticky;position:sticky;top:54px;z-index:90}.scoreboard-item-first{background:var(--accent-bg)!important;border-color:var(--accent)!important}.scoreboard-item-first .scoreboard-score{color:var(--accent-hi);font-size:17px;font-weight:700}.mp-avatar{width:32px;height:32px;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0;overflow:hidden;padding:2px}.mp-me-badge{font-size:11px;font-weight:700;color:var(--accent-ink);background:var(--accent-2);border-radius:var(--r-badge);padding:2px 9px;flex-shrink:0}.mp-ingame-grid{grid-template-columns:1fr 260px;align-items:start}.mp-ingame-grid,.mp-main{display:grid;grid-gap:14px;gap:14px}.mp-sidebar{position:-webkit-sticky;position:sticky;top:16px}.mp-lobby-grid,.mp-sidebar{display:grid;grid-gap:12px;gap:12px}.mp-lobby-grid{max-width:480px;margin:0 auto;width:100%}.mp-lobby-2col{display:grid;grid-template-columns:1fr 1fr;grid-gap:28px;gap:28px;max-width:860px;margin:0 auto;width:100%}.mp-room-context{max-width:860px;margin:0 auto 16px;padding:16px 18px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.mp-room-context-type{margin-bottom:7px;color:var(--accent-2);font-size:11px;font-weight:800}.mp-room-context-title{overflow:hidden;margin:0 0 11px;color:var(--fg);font-size:19px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.mp-room-context-badges{display:flex;flex-wrap:wrap;gap:7px}.mp-room-context-badge{padding:5px 10px;border-radius:var(--r-badge);background:var(--overlay);color:var(--fg-sub);font-size:11px;font-weight:600}@media (max-width:640px){.mp-lobby-2col{grid-template-columns:1fr}}@media (max-width:680px){.mp-ingame-grid{grid-template-columns:1fr}.mp-sidebar{position:static}}.reveal-overlay{background:var(--reveal-overlay-bg)}.guest-modal-overlay,.reveal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px;overflow-y:auto}.guest-modal-overlay{background:var(--modal-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.guest-modal-card{max-width:380px;border-radius:16px;padding:28px 26px;box-shadow:var(--shadow-modal)}.guest-modal-card,.reveal-lb{width:100%;background:var(--surface)}.reveal-lb{max-width:480px;padding:0;text-align:left;display:flex;flex-direction:column;gap:0;box-sizing:border-box;border:2px solid var(--fg);border-radius:var(--r-lg);overflow:hidden}.reveal-score-pop{padding:22px 28px;border-radius:var(--r-lg);margin-bottom:18px;animation:fadeUp .3s ease}.reveal-score-pop-correct{background:var(--ok-bg);border:1px solid rgba(94,158,114,.35)}.reveal-score-pop-wrong{background:var(--err-bg);border:1px solid rgba(192,96,96,.35)}.reveal-score-pop-emoji{font-size:42px;margin-bottom:6px}.reveal-score-pop-text{font-size:22px;font-weight:900}.reveal-score-pop-correct .reveal-score-pop-text{color:var(--ok)}.reveal-score-pop-wrong .reveal-score-pop-text{color:var(--err)}.reveal-answer-block{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:22px}.reveal-answer-label{font-size:11px;font-weight:700;color:var(--fg-dim);text-transform:uppercase;letter-spacing:2px;font-family:var(--font-mono)}.reveal-answer-text{font-size:30px;font-weight:900;color:var(--ok);letter-spacing:-.5px;line-height:1.2}.reveal-my-answer{color:var(--err)}.reveal-first-winner,.reveal-my-answer{font-size:13px;font-family:var(--font-mono)}.reveal-first-winner{color:var(--accent);font-weight:700}.reveal-rank-header{font-size:14px;font-weight:900;color:var(--fg-sub);margin-bottom:10px}.reveal-rank-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.reveal-rank-row{display:flex;align-items:center;gap:12px;background:var(--raised);border:1px solid transparent;border-radius:var(--r);padding:11px 16px;transition:background var(--t)}.reveal-rank-row-me{background:var(--accent-bg);border-color:var(--accent)}.reveal-rank-medal{width:26px;font-weight:900;font-size:16px;text-align:center;color:var(--fg-dim);flex-shrink:0}.reveal-rank-name{flex:1 1;text-align:left;font-weight:700;font-size:14px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reveal-rank-score{color:var(--accent);font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-mono);font-size:13px;flex-shrink:0}.reveal-overlay-skip{width:100%;margin-bottom:14px}.reveal-overlay-timer-track{height:3px;background:var(--raised);border-radius:2px;overflow:hidden}.reveal-overlay-timer-fill{height:100%;background:var(--accent);transition:width .3s linear}.game-over-title{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:28px}.wc-choice-btn{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;border-radius:var(--r-lg);background:var(--overlay);border:2px solid var(--border);cursor:pointer;transition:all var(--t);color:var(--fg);font-family:var(--font)}.wc-choice-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-bg)}.wc-choice-btn:disabled{opacity:.5;cursor:not-allowed}.wc-vs{display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;flex-shrink:0}.wc-choice-label,.wc-vs{color:var(--fg-dim);font-family:var(--font-mono)}.wc-choice-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}.wc-choice-name{font-size:15px;font-weight:700;text-align:center;line-height:1.3}.wc-match-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.wc-match-title{font-size:13px;font-weight:700;letter-spacing:-.01em}.wc-match-badge{padding:4px 10px;border-radius:var(--r-badge);background:var(--overlay);border:1px solid var(--border);font:600 12px var(--font-mono);color:var(--accent)}.wc-phase-pill{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--r-badge);font-size:12px;font-weight:700;white-space:nowrap;border:1px solid transparent}.wc-phase-dot{width:7px;height:7px;border-radius:var(--r-full);animation:pulse-dot 1.3s infinite}.wc-phase-pill--wait{color:var(--ok);background:var(--ok-bg);border-color:var(--ok-border)}.wc-phase-pill--wait .wc-phase-dot{background:var(--ok)}.wc-phase-pill--countdown{color:var(--warn);background:var(--warn-bg);border-color:var(--warn)}.wc-phase-pill--countdown .wc-phase-dot{background:var(--warn)}.wc-phase-pill--reveal{color:var(--accent);background:var(--accent-bg);border-color:var(--accent)}.wc-phase-pill--reveal .wc-phase-dot{background:var(--accent)}.wc-stage{padding:0 24px}.wc-arena{display:grid;grid-template-columns:1fr 78px 1fr;align-items:stretch;position:relative}.wc-card{border-radius:18px;overflow:hidden;padding:0;text-align:left;background:var(--surface);border:1px solid var(--border);color:var(--fg);font-family:var(--font);transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .4s,border-color var(--t),filter .4s}.wc-card:has(.wc-card-vote:hover):not(.wc-card--win):not(.wc-card--lose){border-color:var(--accent)}.wc-card-vote{display:flex;flex-direction:column;width:100%;border:0;background:transparent;color:inherit;font:inherit;text-align:center;cursor:pointer;padding:0}.wc-card-vote:disabled{cursor:default}.wc-card-vote:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.wc-card--mine,.wc-card--win{border:2px solid var(--accent-2)}.wc-card--win{transform:scale(1.04);z-index:4;animation:wcWinGlow 1.6s ease-in-out infinite}.wc-card--lose{opacity:.42;transform:scale(.93);filter:saturate(.5)}.wc-card-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}.wc-card-media--a{background:var(--wc-a-bg)}.wc-card-media--b{background:var(--wc-b-bg)}.wc-card-media img{width:100%;height:100%;object-fit:cover}.wc-card-media-empty{font-size:13px;font-weight:700;color:var(--fg-mute)}.wc-card-badge{position:absolute;top:11px;width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--accent-fg)}.wc-card-badge--a{left:11px;background:var(--wc-a)}.wc-card-badge--b{right:11px;background:var(--wc-b)}.wc-card-mine{position:absolute;bottom:11px;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:var(--r-badge);background:var(--accent-2);color:var(--accent-ink);font-size:12px;font-weight:800}.wc-card-mine--a{right:11px}.wc-card-mine--b{left:11px}.wc-card-name{padding:16px 18px 6px;text-align:center;font-size:clamp(18px,1.9vw,28px);font-weight:700;letter-spacing:-.01em;line-height:1.15}.wc-voters{display:flex;align-items:flex-start;justify-content:center;gap:12px;padding:4px 14px 16px;flex-wrap:wrap;min-height:60px}.wc-voter-cell{display:flex;flex-direction:column;align-items:center;gap:4px;width:48px;animation:wcVoterPop .32s cubic-bezier(.2,.8,.2,1) both}.wc-voter-cell--dim{opacity:.4}.wc-voter-ava{width:40px;height:40px;border-radius:13px;padding:3px;background:var(--overlay);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;overflow:hidden;font:700 14px var(--font-mono);color:var(--fg-sub)}.wc-voter-ava--me{border-color:var(--accent-2);background:var(--accent-2-bg);color:var(--fg)}.wc-voter-name{max-width:100%;font-size:11px;font-weight:600;color:var(--fg-sub);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wc-voters-empty{font-size:12px;font-weight:500;color:var(--fg-mute)}.wc-center{display:flex;align-items:center;justify-content:center;position:relative;z-index:5}.wc-center-cd{width:70px;height:70px;border-radius:var(--r-full);background:var(--bg);border:2px solid var(--warn);font:500 30px var(--font-mono);color:var(--warn);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;animation:wcCdPulse 1s infinite}.wc-center-cd,.wc-center-vs{display:flex;align-items:center;justify-content:center}.wc-center-vs{width:52px;height:52px;border-radius:var(--r-full);background:var(--overlay);border:1px solid var(--border-input);font:800 16px var(--font-mono);color:var(--fg-faint);letter-spacing:.06em}.wc-bar-wrap{margin-top:16px}.wc-bar-row{display:flex;justify-content:space-between;margin-bottom:7px;font:500 12px var(--font-mono)}.wc-bar-row-a{color:var(--wc-a)}.wc-bar-row-b{color:var(--wc-b)}.wc-bar{height:12px;border-radius:var(--r-badge);overflow:hidden;display:flex;background:var(--overlay);border:1px solid var(--border)}.wc-bar-fill-a{background:var(--wc-a);transition:width .4s cubic-bezier(.4,0,.2,1)}.wc-bar-fill-b{flex:1 1;background:var(--wc-b)}.wc-reveal{margin-top:18px;text-align:center}.wc-reveal-label{font:700 11px var(--font-mono);color:var(--fg-mute);text-transform:uppercase;letter-spacing:.2em}.wc-reveal-name{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--accent-2);margin-top:4px}.wc-reveal-tie{margin-top:6px;font-size:13px;font-weight:600;color:var(--warn)}.wc-controls{margin-top:22px;display:flex;justify-content:center}.wc-player-hint{display:inline-flex;align-items:center;gap:8px;padding:13px 20px;border-radius:var(--r);background:var(--overlay);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--fg-faint);text-align:center}@keyframes wcVoterPop{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}@keyframes wcCdPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes wcCrownDrop{0%{transform:translateX(-50%) translateY(-18px) scale(.4);opacity:0}70%{transform:translateX(-50%) translateY(2px) scale(1.1)}to{transform:translateX(-50%) translateY(0) scale(1);opacity:1}}@keyframes wcWinGlow{0%,to{box-shadow:0 0 0 0 rgba(var(--accent-2-rgb),0),var(--shadow-card)}50%{box-shadow:0 0 0 4px rgba(var(--accent-2-rgb),.35),var(--shadow-card)}}.room-code-btn{background:transparent;border:1px solid var(--border-hi);border-radius:var(--r);padding:3px 10px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--font-mono);color:var(--fg-sub);letter-spacing:3px;transition:border-color var(--t),color var(--t)}.room-code-btn.revealed{letter-spacing:1.5px}.room-code-btn.revealed,.room-code-btn:hover{color:var(--accent);border-color:var(--accent)}.media-image{width:100%;max-height:min(48vh,420px);object-fit:contain;display:block}.media-image,.media-youtube{border-radius:var(--r-lg);margin-bottom:16px}.media-youtube{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.media-youtube-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.media-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.multiplayer-media-split{display:flex;flex-direction:column;gap:16px}@media (min-width:768px){.multiplayer-media-split{display:grid;grid-template-columns:minmax(0,58%) minmax(0,42%);grid-gap:24px;gap:24px;align-items:start}.multiplayer-media-split .media-image,.multiplayer-media-split .media-youtube{margin-bottom:0;width:100%}.multiplayer-media-split .media-image{max-height:min(35vh,320px);object-fit:contain}}.multiplayer-media-split-right>div:first-child{margin-top:0!important}.youtube-audio-player{position:relative;display:grid;grid-gap:20px;gap:20px;overflow:hidden;margin-bottom:16px;padding:24px;border:1px solid var(--border);border-radius:var(--r-lg);background:radial-gradient(circle at 88% 10%,var(--accent-bg),transparent 38%),var(--surface);box-shadow:var(--shadow-card)}.youtube-audio-player:after{position:absolute;right:-28px;bottom:-52px;width:132px;height:132px;border:18px solid var(--accent-bg);border-radius:var(--r-full);content:"";pointer-events:none}.youtube-audio-player__host{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.youtube-audio-player__identity{position:relative;z-index:1;display:flex;align-items:center;gap:14px}.youtube-audio-player__identity div{display:grid;grid-gap:3px;gap:3px}.youtube-audio-player__identity strong{color:var(--fg);font-size:16px;line-height:1.35}.youtube-audio-player__identity div>span{color:var(--fg-mute);font-size:12px;font-weight:600;letter-spacing:.04em}.youtube-audio-player__note{display:grid;width:48px;height:48px;place-items:center;flex:none;border:1px solid var(--border);border-radius:var(--r);background:var(--raised);color:var(--accent);font:700 28px/1 var(--font);transform:rotate(-3deg)}.youtube-audio-player__controls{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.youtube-audio-player__primary,.youtube-audio-player__restart{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);font:700 13px/1 var(--font);cursor:pointer;transition:transform var(--t),background var(--t),opacity var(--t)}.youtube-audio-player__primary{width:44px;height:44px;flex:none;border-color:var(--accent);border-radius:var(--r-full);background:var(--accent);color:var(--surface)}.youtube-audio-player__restart{min-height:40px;gap:6px;padding:0 12px;border-radius:var(--r);background:var(--overlay);color:var(--fg-sub)}.youtube-audio-player__primary:hover:not(:disabled),.youtube-audio-player__restart:hover:not(:disabled){transform:translateY(-1px)}.youtube-audio-player__primary:active:not(:disabled),.youtube-audio-player__restart:active:not(:disabled){transform:translateY(1px)}.youtube-audio-player__primary:disabled,.youtube-audio-player__restart:disabled{cursor:wait;opacity:.45}.youtube-audio-player__primary:focus-visible,.youtube-audio-player__restart:focus-visible,.youtube-audio-player__timeline input:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.youtube-audio-player__timeline{display:grid;min-width:120px;flex:1 1;grid-gap:7px;gap:7px}.youtube-audio-player__timeline input{width:100%;height:6px;margin:0;border-radius:var(--r-full);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,var(--accent) var(--audio-progress),var(--border) var(--audio-progress));cursor:pointer}.youtube-audio-player__timeline input::-webkit-slider-thumb{width:16px;height:16px;border:3px solid var(--surface);border-radius:var(--r-full);-webkit-appearance:none;appearance:none;background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.youtube-audio-player__timeline input::-moz-range-thumb{width:12px;height:12px;border:3px solid var(--surface);border-radius:var(--r-full);background:var(--accent);box-shadow:0 0 0 1px var(--accent)}.youtube-audio-player__time{color:var(--fg-mute);font:500 12px/1 var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:520px){.youtube-audio-player{padding:20px}.youtube-audio-player__controls{flex-wrap:wrap}.youtube-audio-player__timeline{flex-basis:100%;order:3;padding-top:4px}}@media (prefers-reduced-motion:reduce){.youtube-audio-player__primary,.youtube-audio-player__restart{transition:none}}.wcmedia-item{display:grid;grid-template-columns:180px minmax(0,1fr);grid-gap:16px;gap:16px}.wcmedia-preview{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:var(--accent-ink);display:grid;place-items:center;color:var(--fg-faint);font:700 28px var(--font-mono)}.wcmedia-preview iframe,.wcmedia-preview img{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain;display:block}.wcmedia-preview.is-empty{background:linear-gradient(135deg,var(--wc-a),var(--wc-b));color:var(--accent-fg)}.wcmedia-body{display:grid;grid-gap:10px;gap:10px}.wcmedia-tabs{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:3px;border-radius:var(--r-badge);background:var(--overlay)}.wcmedia-tabs button{border:0;border-radius:var(--r-badge);padding:7px 13px;background:transparent;color:var(--fg-mute);font:700 12px var(--font);cursor:pointer}.wcmedia-tabs button.is-active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-card)}.wcmedia-image-fields{display:grid;grid-gap:8px;gap:8px}.wcmedia-upload{display:inline-flex;align-items:center;justify-content:center;min-width:112px;border:1px solid var(--border-input);border-radius:var(--r);color:var(--accent);font:700 12px var(--font);transition:border-color var(--t),background var(--t),box-shadow var(--t),color var(--t)}.wcmedia-upload.is-dragging{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 3px var(--accent-bg)}.wcmedia-youtube-fields{display:grid;grid-gap:8px;gap:8px}.wcmedia-time-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--fg-mute);font:600 12px var(--font)}.wcmedia-time-row label{display:inline-flex;align-items:center;gap:4px}.wcmedia-time-row input{width:58px;border:1px solid var(--border-input);border-radius:9px;background:var(--overlay);color:var(--fg);padding:7px;font:600 12px var(--font-mono)}.wcmedia-error{color:var(--err);font-size:12px}.media-upload-dropzone{display:grid;grid-gap:6px;gap:6px;padding:12px;border:1px dashed var(--border-input);border-radius:var(--r);background:var(--surface);transition:border-color var(--t),background var(--t),box-shadow var(--t)}.media-upload-dropzone.is-dragging{border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 3px var(--accent-bg)}.media-upload-dropzone.is-disabled{opacity:.65}.media-upload-dropzone-main{display:flex;align-items:center;gap:10px;min-width:0}.media-upload-drop-hint{color:var(--fg-sub);font:600 13px var(--font)}.media-upload-dropzone.is-dragging .media-upload-drop-hint{color:var(--accent)}.media-upload-error,.media-upload-meta{font:500 12px var(--font)}.media-upload-meta{color:var(--fg-mute)}.media-upload-error{color:var(--err)}@media (max-width:560px){.media-upload-drop-hint{display:none}}@media (max-width:720px){.wcmedia-image-fields,.wcmedia-item{grid-template-columns:1fr}}.question-prompt{font-size:22px;font-weight:700;margin-bottom:16px;line-height:1.4;letter-spacing:-.3px}.reveal-answer{font-size:24px;font-weight:700;color:var(--ok);margin-bottom:24px;padding:14px 20px;background:var(--ok-bg);border-radius:var(--r-lg);display:inline-block;min-width:180px;animation:scaleIn .3s ease-out;border:1px solid rgba(94,158,114,.3)}.scoreboard-grid,.scoreboard-grid-mb{display:grid;grid-gap:6px;gap:6px}.scoreboard-grid-mb{margin-bottom:18px}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse-text{0%{opacity:1}to{opacity:.5}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes spotlightSlideUp{0%{opacity:0;transform:translateY(80px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes spotlightSlideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(80px) scale(.92)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes championReveal{0%{opacity:0;transform:scale(.92) translateY(10px)}55%{opacity:1;transform:scale(1.015) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes vsPulse{0%,to{box-shadow:0 0 0 0 rgba(255,255,255,.35),0 8px 24px rgba(0,0,0,.5)}50%{box-shadow:0 0 0 14px rgba(255,255,255,0),0 8px 24px rgba(0,0,0,.5)}}@keyframes slideInL{0%{transform:translateX(-40px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInR{0%{transform:translateX(40px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes wcChosenPop{0%{transform:scale(1)}60%{transform:scale(1.1)}to{transform:scale(1.06)}}.countdown-overlay{position:fixed;inset:0;background:var(--bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:9999}.countdown-digit{font-family:var(--font-mono);font-size:clamp(80px,18vw,130px);font-weight:500;line-height:1;color:var(--accent);animation:countdown-pop .9s ease both}.countdown-caption{font-size:14px;font-weight:700;color:var(--fg-sub);letter-spacing:2px}@keyframes countdown-pop{0%{transform:scale(1.35);opacity:0}25%{transform:scale(1);opacity:1}85%{opacity:1}to{opacity:.2}}.animate-fade-in{animation:fadeIn .35s ease-out}.animate-slide-up{animation:slideUp .4s ease-out}.animate-scale-in{animation:scaleIn .25s ease-out}.stagger-1{animation-delay:.04s;animation-fill-mode:both}.stagger-2{animation-delay:.08s;animation-fill-mode:both}.stagger-3{animation-delay:.12s;animation-fill-mode:both}.stagger-4{animation-delay:.16s;animation-fill-mode:both}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.text-center{text-align:center}.text-muted{color:var(--fg-dim)}.text-secondary{color:var(--fg-sub)}.text-primary{color:var(--accent)}.text-amber{color:var(--warn)}.text-success{color:var(--ok)}.text-error{color:var(--err)}.text-sm{font-size:13px}.text-xs{font-size:11px}.text-lg{font-size:17px}.font-bold{font-weight:700}.font-extrabold{font-weight:900}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.gap-sm{gap:8px}.gap-md{gap:16px}.gap-lg{gap:24px}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1 1}@media (max-width:640px){.container{padding:24px 0 60px}.card{padding:16px}.auth-card{padding:28px 22px}.hero-block,.mp-statusbar{margin-top:-24px}}.footer{background:var(--bg);border-top:1px solid var(--border);margin-top:auto;position:relative;z-index:1}.footer-inner{width:min(1120px,92vw);margin:0 auto;padding:32px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer-top{display:flex;flex-direction:column;gap:4px}.footer-logo{font-size:15px;font-weight:700;color:var(--fg);letter-spacing:-.15px;text-decoration:none}.footer-desc{font-size:13.5px;color:var(--fg-mute);line-height:1.5;max-width:340px}.footer-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.footer-link{font-size:13px;font-weight:500;color:var(--fg-nav);transition:color var(--t)}.footer-link:hover{color:var(--accent)}.footer-copy{font-size:12.5px;color:var(--fg-copy);font-family:var(--font-mono)}.quizzes-chip{padding:9px 16px;border-radius:var(--r-badge);border:1px solid var(--border-input);background:var(--surface);color:var(--fg-sub);font-family:var(--font);font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;transition:background var(--t),border-color var(--t),color var(--t)}.quizzes-chip:hover:not(:disabled){border-color:var(--fg);color:var(--fg)}.quizzes-chip[aria-pressed=true]{background:var(--fg);border-color:var(--fg);color:var(--accent-fg);font-weight:600}.quizzes-chip:disabled{opacity:.5;cursor:not-allowed}.quizzes-card.quiz-card{border:1px solid var(--border);box-shadow:var(--shadow-card)}.quizzes-card.quiz-card:hover{border-color:var(--accent)}.quizzes-cat-pill{position:absolute;top:13px;left:13px;z-index:1;white-space:nowrap;padding:5px 11px;border-radius:var(--r-badge);background:var(--surface);color:var(--fg);font-size:11.5px;font-weight:700;letter-spacing:.02em}.detail-info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.detail-info-head{background:var(--raised);padding:40px 30px 34px;border-bottom:1px solid var(--border)}.detail-eyebrow{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.05em;color:var(--accent);text-transform:uppercase}.detail-title{font-size:clamp(26px,5vw,32px);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:12px 0 0;color:var(--fg)}.detail-info-body{padding:28px 30px}.detail-desc{color:var(--fg-sub);font-size:15.5px;line-height:1.7;margin:0 0 24px}.detail-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:1px;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.detail-stat{background:var(--surface);padding:18px;text-align:center}.detail-stat-num{font-family:var(--font-mono);font-weight:500;font-size:22px;color:var(--fg)}.detail-stat-label{font-size:12.5px;color:var(--fg-mute);margin-top:5px}.comment-item{display:grid;grid-gap:8px;gap:8px}.comment-meta{gap:8px;min-width:0}.comment-avatar,.comment-meta{display:flex;align-items:center}.comment-avatar{width:34px;height:34px;border-radius:var(--r-full);flex-shrink:0;justify-content:center;color:#fff;font-size:14px;font-weight:700}.comment-author{font-size:14px;font-weight:700;color:var(--fg);white-space:nowrap}.comment-when{color:var(--fg-faint);font-size:12px;white-space:nowrap}.comment-me-badge{font-size:10px;font-weight:700;padding:1px 7px;border-radius:var(--r-badge);background:var(--accent-2);color:var(--accent-ink);line-height:1.6}.comment-text{margin:0;color:var(--fg-sub);font-size:14px;line-height:1.55;white-space:pre-wrap;padding-left:44px}.home-hero{--lp-grad-top:#d8ff93;--lp-hero-sub:#3e5418;--lp-sticker-orange:#ff8a3d;--lp-sticker-blue:#6e8bff;--lp-input-bg:#f5f2fc;--lp-perf:#d8d2e6;background:radial-gradient(120% 130% at 85% -10%,var(--lp-grad-top) 0,var(--accent-2) 56%);border-bottom:2.5px solid var(--accent-ink);width:100vw;margin-left:calc(50% - 50vw);margin-top:-40px;overflow:hidden}.home-hero-inner{position:relative;z-index:1;width:min(1120px,92vw);margin:0 auto;padding:60px 0 74px;display:grid;grid-template-columns:1.04fr .96fr;grid-gap:54px;gap:54px;align-items:center}.lp-live-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px 7px 12px;border-radius:var(--r-badge);background:var(--accent-ink);color:var(--surface);font-size:13px;font-weight:600;box-shadow:3px 3px 0 var(--accent)}.lp-live-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--accent-2);animation:pulseDot 1.4s ease-in-out infinite}.home-hero-title{font-size:clamp(46px,6.4vw,80px);line-height:.98;letter-spacing:-.05em;font-weight:800;margin:22px 0 0;color:var(--accent-ink)}.home-hero-mark{display:inline-block;margin-top:14px;background:var(--accent);border:2.5px solid var(--accent-ink);border-radius:16px;padding:2px 18px 6px;color:var(--surface);transform:rotate(-1.6deg);box-shadow:5px 5px 0 var(--accent-ink)}.home-hero-lead{font-size:17.5px;line-height:1.62;color:var(--fg);margin:30px 0 0;max-width:430px;font-weight:600}.lp-cat-block{margin-top:26px}.lp-cat-eyebrow{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--lp-hero-sub);text-transform:uppercase;margin-bottom:11px}.lp-cat-chips{display:flex;flex-wrap:wrap;gap:8px}.lp-cat-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--r-badge);background:var(--surface);border:2px solid var(--accent-ink);font-size:13.5px;font-weight:700;color:var(--accent-ink);box-shadow:2px 2px 0 var(--accent-ink)}.lp-cat-chip-dot{width:8px;height:8px;border-radius:2px}.lp-cat-chip.more{background:var(--accent-ink);color:var(--surface);border-color:var(--accent-ink);box-shadow:none;padding:8px 13px}.lp-hero-ctas{display:flex;gap:13px;margin-top:34px;flex-wrap:wrap}.lp-hero-cta{padding:15px 26px;border-radius:13px;border:2.5px solid var(--accent-ink);background:var(--accent-ink);color:var(--surface);font-size:16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:4px 4px 0 var(--accent);transition:transform .12s ease,box-shadow .12s ease}.lp-hero-cta:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--accent)}.lp-hero-cta.secondary{background:var(--surface);color:var(--accent-ink);box-shadow:4px 4px 0 var(--accent-ink)}.lp-hero-cta.secondary:hover{box-shadow:1px 1px 0 var(--accent-ink)}.lp-stats{display:flex;gap:34px;margin-top:42px}.lp-stat-num{font-weight:800;font-size:23px;letter-spacing:-.02em;font-family:var(--font-mono);color:var(--accent-ink)}.lp-stat-label{font-size:12.5px;color:var(--lp-hero-sub);margin-top:3px;font-weight:700}.lp-stat-div{width:2px;background:rgba(21,19,28,.22)}.lp-cartridge-wrap{position:relative}.lp-sticker{position:absolute}.lp-sticker-spark{top:-26px;right:18px;z-index:2;animation:floaty 3.4s ease-in-out infinite}.lp-sticker-circle{bottom:-22px;left:-18px;z-index:0;width:62px;height:62px;border-radius:var(--r-full);background:var(--lp-sticker-orange);border:2.5px solid var(--accent-ink)}.lp-sticker-square{top:38%;right:-26px;z-index:0;width:34px;height:34px;border-radius:9px;background:var(--lp-sticker-blue);border:2.5px solid var(--accent-ink);transform:rotate(14deg)}.lp-cartridge{position:relative;z-index:1;background:var(--surface);border:3px solid var(--accent-ink);border-radius:22px;box-shadow:10px 10px 0 var(--accent);transform:rotate(1.4deg);overflow:hidden}.lp-cartridge-strip{background:var(--accent-ink);padding:13px 20px;display:flex;align-items:center;justify-content:space-between}.lp-cartridge-strip-left{display:flex;align-items:center;gap:9px}.lp-cartridge-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--accent-2);animation:pulseDot 1.4s ease-in-out infinite}.lp-cartridge-pass{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.2em;color:var(--surface)}.lp-barcode{display:flex;gap:2.5px;align-items:center}.lp-barcode span{height:15px;background:var(--surface)}.lp-cartridge-body{padding:24px 24px 26px}.lp-join-sq{display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--accent);border:1.5px solid var(--accent-ink)}.home-join-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--accent-ink)}.home-join-input{height:62px;background:var(--lp-input-bg);text-align:center;font-family:var(--font-mono);font-size:27px;font-weight:600;letter-spacing:.3em;color:var(--accent-ink);text-transform:uppercase;outline:none}.home-join-input,.home-join-submit{width:100%;margin-top:14px;border-radius:13px;border:2.5px solid var(--accent-ink)}.home-join-submit{padding:16px;background:var(--accent);color:var(--surface);font-size:17px;font-weight:700;cursor:pointer;box-shadow:4px 4px 0 var(--accent-ink);transition:transform .12s ease,box-shadow .12s ease}.home-join-submit:hover:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--accent-ink)}.home-join-submit:disabled{opacity:.5;cursor:not-allowed}.lp-perf-row{display:flex;align-items:center;gap:12px;margin-top:18px}.lp-perf-line{flex:1 1;border-top:2px dashed var(--lp-perf)}.lp-perf-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--fg-faint)}.home-join-hint{text-align:center;font-size:12.5px;color:var(--fg-faint);margin-top:12px}.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.lp-eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}.lp-eyebrow-bar{width:14px;height:3px;border-radius:2px;background:var(--accent-2)}.lp-section-title{font-size:28px;font-weight:800;letter-spacing:-.035em;margin:9px 0 0;color:var(--accent-ink)}.lp-pill-btn{border:2px solid var(--accent-ink);background:var(--surface);color:var(--accent-ink);font-size:14px;font-weight:700;cursor:pointer;border-radius:10px;padding:9px 16px;text-decoration:none;display:inline-block;box-shadow:3px 3px 0 var(--accent-ink);transition:transform .12s ease,box-shadow .12s ease}.lp-pill-btn:hover{transform:translate(1.5px,1.5px);box-shadow:1.5px 1.5px 0 var(--accent-ink)}.home-popular-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.home-popular-grid .quizzes-card.quiz-card{border:2.5px solid var(--accent-ink);box-shadow:4px 4px 0 var(--accent-ink);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.home-popular-grid .quizzes-card.quiz-card:hover{border-color:var(--accent-ink);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--accent-ink)}.home-popular-grid .quiz-card-thumb{border-bottom:2.5px solid var(--accent-ink)}.home-cta-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-top:56px;margin-bottom:16px}.home-cta-card{position:relative;overflow:hidden;border-radius:20px;border:2.5px solid var(--accent-ink);padding:38px 34px;text-decoration:none;display:block}.home-cta-create{background:var(--accent-ink);box-shadow:6px 6px 0 var(--accent)}.home-cta-worldcup{background:var(--raised);box-shadow:6px 6px 0 var(--accent-ink)}.home-cta-deco{position:absolute;pointer-events:none}.home-cta-deco-create{right:26px;top:-26px;width:108px;height:108px;border-radius:30px;background:var(--accent);border:2.5px solid var(--accent-2);transform:rotate(18deg)}.home-cta-deco-worldcup{right:26px;bottom:-26px;width:96px;height:96px;border-radius:var(--r-full);background:var(--accent-2);border:2.5px solid var(--accent-ink)}.home-cta-eyebrow{display:inline-block;position:relative;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.home-cta-create .home-cta-eyebrow{color:var(--accent-2)}.home-cta-worldcup .home-cta-eyebrow{color:var(--accent)}.home-cta-title{position:relative;font-size:25px;font-weight:800;letter-spacing:-.03em;margin:9px 0 0;line-height:1.25}.home-cta-create .home-cta-title{color:var(--surface)}.home-cta-worldcup .home-cta-title{color:var(--accent-ink)}.home-cta-lead{position:relative;font-size:15px;margin:12px 0 24px}.home-cta-lead-create{color:rgba(255,255,255,.72)}.home-cta-lead-worldcup{color:var(--fg-sub)}.home-cta-btn{position:relative;display:inline-block;padding:13px 24px;border-radius:11px;border:2.5px solid var(--accent-ink);font-size:15px;font-weight:700;text-decoration:none}.home-cta-btn-create{background:var(--accent-2);color:var(--accent-ink);box-shadow:3px 3px 0 var(--surface)}.home-cta-btn-worldcup{background:var(--accent-ink);color:var(--surface);box-shadow:3px 3px 0 var(--accent)}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.66)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@media (max-width:880px){.home-hero-inner{grid-template-columns:1fr;gap:40px;padding:48px 0 56px}.lp-cartridge{transform:none}.lp-stats{flex-wrap:wrap;gap:20px 28px}.home-popular-grid{grid-template-columns:repeat(2,1fr)}.home-cta-grid{grid-template-columns:1fr}}.mypage-wrap{max-width:940px;margin:0 auto;display:grid;grid-gap:28px;gap:28px}.mypage-profile{position:relative;background:var(--raised);border:1px solid var(--border);border-radius:18px;padding:30px 32px;overflow:hidden}.mypage-profile:before{right:-18px;top:-22px;width:104px;height:104px;border-radius:30px;background:var(--accent-2);border:3px solid var(--accent-ink);transform:rotate(15deg)}.mypage-profile:after,.mypage-profile:before{content:"";position:absolute;pointer-events:none}.mypage-profile:after{right:74px;bottom:-26px;width:60px;height:60px;border-radius:var(--r-full);background:var(--surface);border:3px solid var(--accent-ink)}.mypage-profile-inner{position:relative;z-index:1;display:flex;align-items:center;gap:22px;flex-wrap:wrap}.mypage-avatar{width:84px;height:84px;border-radius:22px;background:var(--surface);border:3px solid var(--accent-ink);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--accent);flex:none;text-transform:uppercase;overflow:hidden;box-shadow:0 6px 18px rgba(21,19,28,.12)}.mypage-avatar img{width:100%;height:100%;object-fit:contain}.mypage-profile-meta{flex:1 1;min-width:230px}.mypage-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mypage-nickname-form{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;width:-moz-fit-content;width:fit-content;max-width:100%}.mypage-nickname-input{flex:0 1 210px;width:clamp(160px,24vw,210px);min-width:0;padding-block:7px}.mypage-nickname-error{flex-basis:100%;margin:0;color:var(--err);font-size:12px}.mypage-name{font-size:25px;font-weight:700;letter-spacing:-.025em;margin:0}.mypage-handle{color:var(--fg-sub);margin:6px 0 0;font-size:14px;font-weight:500}.mypage-xp-hint{color:var(--fg-mute);margin:8px 0 0;font-size:12.5px;font-weight:500}.mypage-stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.mypage-stat{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:16px 18px}.mypage-stat-num{font-family:var(--font-mono);font-size:25px;font-weight:500;letter-spacing:-.01em}.mypage-stat-label{font-size:12.5px;color:var(--fg-mute);margin-top:4px;font-weight:500}.mypage-section-count{font-family:var(--font-mono);font-size:14px;font-weight:500;color:var(--fg-faint)}.mypage-grid{align-items:start}.mypage-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.mypage-section-link,.mypage-section-title{font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0}.mypage-section-link{color:var(--fg);text-decoration:none;display:inline-flex;align-items:center;gap:4px;transition:color .15s ease}.mypage-section-link:hover{color:var(--accent)}.mypage-list{display:flex;flex-direction:column;gap:10px}.mypage-item{padding:15px 16px;display:flex;align-items:center;gap:14px}.mypage-item,.mypage-quiz-card{background:var(--surface);border:1px solid var(--border);border-radius:13px}.mypage-quiz-card{padding:14px}.mypage-quiz-top{display:flex;align-items:center;gap:13px}.mypage-quiz-thumb{background:var(--raised);font-size:19px;text-decoration:none}.mypage-play-thumb,.mypage-quiz-thumb{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent);flex:none}.mypage-play-thumb{background:var(--accent-bg);font-size:18px}.mypage-item-body{flex:1 1;min-width:0}.mypage-item-title{display:block;font-weight:600;font-size:15px;color:var(--fg);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a.mypage-item-title:hover{color:var(--accent)}.mypage-item-sub{color:var(--fg-mute);font-size:12.5px;margin-top:3px}.mypage-quiz-actions{display:flex;gap:7px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.mypage-quiz-actions>*{flex:1 1;text-align:center}.mypage-status-badge{border:1px solid transparent;border-radius:var(--r-badge);padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font);transition:opacity var(--t)}.mypage-status-badge.is-public{background:var(--accent-bg);color:var(--accent)}.mypage-status-badge.is-private{background:var(--overlay);color:var(--fg-mute)}.mypage-status-badge:disabled{opacity:.55;cursor:not-allowed}.mypage-play-score{text-align:right;flex:none}.mypage-score-num{font-family:var(--font-mono);font-size:16px;font-weight:500;color:var(--fg)}.mypage-score-link{display:inline-block;margin-top:2px;font-size:11px;color:var(--fg-faint);text-decoration:none}.mypage-score-link:hover{color:var(--accent)}.mypage-level{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.mypage-level-badge{display:inline-flex;align-items:center;gap:5px;background:var(--fg);color:var(--surface);border-radius:var(--r-badge);padding:4px 11px 4px 9px;font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.mypage-level-badge:before{content:"";width:6px;height:6px;border-radius:var(--r-full);background:var(--accent-2)}.mypage-xp-bar{flex:1 1;min-width:80px;height:6px;background:var(--overlay);border-radius:var(--r-full);overflow:hidden}.mypage-xp-fill{height:100%;background:var(--accent);border-radius:var(--r-full);transition:width var(--t-slow)}.mypage-xp-text{font-family:var(--font-mono);font-size:11px;color:var(--fg-mute);white-space:nowrap}.mypage-character-section,.mypage-danger-zone{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 24px 24px;box-shadow:var(--shadow-card)}.mypage-danger-zone{margin-top:24px}.mypage-danger-desc{margin:6px 0 16px;font-size:13.5px;line-height:1.6;color:var(--fg-sub)}.pager{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:4px 2px 0}.pager-range{font-size:13px;font-weight:500;color:var(--fg-faint)}.pager-nav{display:flex;align-items:center;gap:8px;margin-left:auto}.pager-btn{min-width:40px;height:40px;padding:0 10px;border:1px solid var(--border-input);border-radius:10px;background:var(--surface);color:var(--fg-sub);font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:background var(--t),color var(--t),border-color var(--t)}.pager-btn:hover:not(:disabled):not(.is-current){border-color:var(--border-hi);color:var(--fg)}.pager-btn.is-current{background:var(--accent);border-color:var(--accent);color:var(--surface);cursor:default}.pager-btn:disabled{opacity:.45;cursor:not-allowed}.pager-gap{color:var(--fg-faint);padding:0 2px;font-size:14px}@media (max-width:640px){.pager-btn{min-width:44px;height:44px}}.lp-pager{justify-content:center;margin-top:24px}.lp-pager .pager-nav{margin-left:0}@media (max-width:720px){.mypage-stats{grid-template-columns:repeat(2,1fr)}}.legal-page{max-width:760px;margin:0 auto;padding:56px 24px 80px}.legal-tabs{display:flex;gap:6px;padding:5px;border-radius:var(--r);background:var(--overlay);width:-moz-fit-content;width:fit-content;margin-bottom:28px}.legal-tab{padding:8px 16px;border-radius:8px;font-family:var(--font);font-size:14px;font-weight:600;color:var(--fg-mute);text-decoration:none;white-space:nowrap;transition:background var(--t),color var(--t),box-shadow var(--t)}.legal-tab:hover{color:var(--fg)}.legal-tab.active{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-card)}.legal-title{font-size:30px;font-weight:700;letter-spacing:-.9px;margin:0 0 6px}.legal-updated{margin:0 0 28px;color:var(--fg-faint);font-family:var(--font-mono);font-size:13px;font-weight:500}.legal-sections{display:flex;flex-direction:column;gap:24px}.legal-section-title{font-size:17px;font-weight:700;letter-spacing:-.2px;margin:0 0 8px}.legal-text{margin:0}.legal-list,.legal-text{color:var(--fg-sub);font-size:15px;line-height:1.75}.legal-list{margin:8px 0 0;padding-left:20px}.legal-link{color:var(--fg);font-weight:600}.legal-callout{margin-top:12px;padding:14px 16px;background:var(--overlay);border-radius:var(--r);color:var(--fg-sub);font-size:15px;line-height:1.75}.legal-callout-title{color:var(--fg)}.admin-console{max-width:1180px;margin:0 auto;display:grid;grid-gap:22px;gap:22px}.admin-console-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:28px 30px;background:var(--fg);color:var(--surface);border-radius:var(--r-lg)}.admin-console-head h1{margin:5px 0 4px;font-size:clamp(28px,4vw,40px);letter-spacing:-.04em}.admin-console-head p{color:var(--fg-faint);font-size:14px}.admin-nav{display:flex;gap:6px;overflow-x:auto;padding:5px;background:var(--overlay);border-radius:var(--r)}.admin-nav a{padding:9px 15px;border-radius:8px;white-space:nowrap;color:var(--fg-sub);font-size:14px;font-weight:650}.admin-nav a.active{background:var(--surface);color:var(--fg);box-shadow:var(--shadow-card)}.admin-section{display:grid;grid-gap:18px;gap:18px;min-width:0}.admin-section-title{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.admin-detail-head h2,.admin-home h2,.admin-section-title h2{margin:0;font-size:26px;letter-spacing:-.03em}.admin-home p,.admin-section-title p{margin-top:5px;color:var(--fg-sub);font-size:14px}.admin-filters{display:grid;grid-template-columns:minmax(220px,1fr) repeat(3,minmax(130px,auto)) auto;grid-gap:9px;gap:9px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.admin-filters .input{min-width:0;background:var(--surface);border-width:1px}.admin-table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-card)}.admin-table{width:100%;min-width:860px;border-collapse:collapse}.admin-table th{padding:11px 15px;text-align:left;background:var(--overlay);color:var(--fg-mute);font-size:11px;letter-spacing:.05em;text-transform:uppercase}.admin-table td{padding:14px 15px;border-top:1px solid var(--border);vertical-align:middle;font-size:13px}.admin-table tbody tr:hover{background:rgba(106,93,174,.035)}.admin-author small,.admin-table td>small{display:block;margin-top:3px;color:var(--fg-mute);font-family:var(--font-mono);font-size:10px;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-author:hover b{color:var(--accent)}.admin-pagination{display:flex;justify-content:center;align-items:center;gap:16px;color:var(--fg-sub);font-family:var(--font-mono);font-size:12px}.admin-pagination .is-disabled{pointer-events:none;opacity:.35}.admin-home{padding:34px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface)}.admin-home-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.admin-home-grid a{display:grid;grid-gap:5px;gap:5px;padding:22px;border:2px solid var(--fg);border-radius:var(--r-lg)}.admin-home-grid a:hover{border-color:var(--accent)}.admin-home-grid span{color:var(--fg-sub);font-size:13px}.admin-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:26px 28px;border:2px solid var(--fg);border-radius:var(--r-lg);background:var(--surface)}.admin-detail-head a,.admin-detail-head p{color:var(--fg-sub);font-size:13px}.admin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.admin-detail-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-gap:14px;gap:14px;align-items:start}.admin-detail-panel{padding:22px;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card)}.admin-detail-panel h3{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px;font-size:16px}.admin-detail-panel h3 span{color:var(--accent);font-family:var(--font-mono)}.admin-detail-panel blockquote{margin-bottom:18px;padding:18px;background:var(--overlay);border-left:4px solid var(--accent);white-space:pre-wrap}.admin-meta{display:grid;grid-template-columns:130px 1fr;margin-top:16px;font-size:13px}.admin-meta dd,.admin-meta dt{padding:8px 0;border-top:1px solid var(--border)}.admin-meta dt{color:var(--fg-mute)}.admin-question-stack,.admin-report-stack{display:grid;grid-gap:10px;gap:10px}.admin-question-stack article,.admin-report-stack article{padding:15px;border:1px solid var(--border);border-radius:var(--r)}.admin-report-stack article>div:first-child{display:flex;justify-content:space-between;gap:12px}.admin-report-stack p{margin:8px 0;color:var(--fg-sub);font-size:13px}.admin-question-stack small,.admin-report-stack small{color:var(--fg-mute);font-family:var(--font-mono);font-size:10px}.admin-question-stack h4{margin:7px 0 10px;font-size:16px}.admin-quiz-thumbnail{display:block;width:100%;max-height:280px;margin-bottom:16px;border:1px solid var(--border);border-radius:var(--r);object-fit:cover}.admin-question-media{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:10px;gap:10px;margin:10px 0}.admin-question-media figure{overflow:hidden;margin:0;border:1px solid var(--border);border-radius:var(--r);background:var(--overlay)}.admin-question-media img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain}.admin-question-media figcaption{padding:7px 10px;color:var(--fg-mute);font-family:var(--font-mono);font-size:10px}.admin-question-stack li{padding:8px 10px;background:var(--overlay);border-radius:7px;margin-top:5px;font-size:13px}.admin-question-stack li.is-correct{background:var(--ok-bg);color:var(--ok);outline:1px solid var(--ok-border)}.admin-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:12px;gap:12px}.admin-item-grid article{overflow:hidden;border:1px solid var(--border);border-radius:var(--r)}.admin-image-empty,.admin-item-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--overlay);display:grid;place-items:center;color:var(--fg-mute);font-family:var(--font-mono);font-size:10px}.admin-item-grid b{display:block;padding:10px;font-size:13px}.admin-authored-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--border);font-size:13px}.admin-authored-row:hover b{color:var(--accent)}@media (max-width:840px){.admin-filters{grid-template-columns:1fr 1fr}.admin-detail-grid{grid-template-columns:1fr}}@media (max-width:560px){.admin-console-head,.admin-detail-head{padding:20px}.admin-filters,.admin-home-grid{grid-template-columns:1fr}.admin-meta{grid-template-columns:100px 1fr}}.room-row{transition:background var(--t)}.room-row:hover{background:var(--bg)}.wcform{max-width:820px}.wcform-back{background:none;border:none;color:var(--fg-mute);font:600 14px var(--font);cursor:pointer;padding:0}.wcform-back:hover{color:var(--fg-sub)}.wcform-vs{width:46px;height:46px;border-radius:13px;flex:none;display:flex;align-items:center;justify-content:center;font:700 17px var(--font-mono);color:#fff;background:linear-gradient(135deg,var(--accent),var(--choice-a));box-shadow:0 6px 16px var(--accent-bg)}.wcform-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:26px;box-shadow:var(--shadow-card)}.wcform-step-num{width:22px;height:22px;border-radius:7px;background:var(--fg);color:var(--surface);font:700 11px var(--font-mono);display:flex;align-items:center;justify-content:center;flex:none}.wcform-label{display:block;font:600 12px var(--font);color:var(--fg-mute);margin-bottom:7px}.wcform-input{width:100%;border:1.5px solid var(--border-input);background:var(--surface);border-radius:10px;padding:13px 14px;font:500 14px var(--font);color:var(--fg);outline:none;transition:border-color var(--t)}.wcform-input::placeholder{color:var(--fg-faint)}.wcform-input:focus{border-color:var(--accent)}.wcform-input--title{font:700 16px var(--font);letter-spacing:-.01em}.wcform-input--area{resize:vertical;line-height:1.55;font-weight:400}.wcform-dropzone{flex:1 1;display:flex;flex-direction:column;justify-content:center;gap:8px;border:1.5px dashed var(--border-input);border-radius:11px;padding:12px 16px;background:var(--bg);cursor:pointer;transition:border-color var(--t),background var(--t)}.wcform-dropzone:hover{border-color:var(--accent);background:var(--accent-bg)}.wcform-bar{flex:1 1;height:7px;border-radius:var(--r-badge);background:var(--overlay);overflow:hidden}.wcform-bar-fill{height:100%;border-radius:var(--r-badge);background:linear-gradient(90deg,var(--accent),var(--choice-a));transition:width var(--t-slow)}.wcform-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px;gap:14px}@media (max-width:560px){.wcform-grid{grid-template-columns:1fr}}.wcform-item{position:relative;border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--surface);transition:border-color var(--t),box-shadow var(--t)}.wcform-item:hover{border-color:var(--accent);box-shadow:var(--shadow-card)}.wcform-thumb{position:relative;height:96px;display:flex;align-items:center;justify-content:center;width:100%;color:rgba(255,255,255,.85);font:600 12px var(--font);overflow:hidden}.wcform-thumb-fill{position:absolute;inset:0;display:block}.wcform-thumb-fill img{width:100%;height:100%;object-fit:cover}.wcform-thumb-label{position:relative;z-index:1}.wcform-thumb-error{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:4px 8px;background:var(--err);color:#fff;font:600 11px var(--font);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wcform-thumb-num{top:9px;left:9px;padding:3px 9px;border-radius:var(--r-badge);font:700 11px var(--font-mono)}.wcform-del,.wcform-thumb-num{position:absolute;background:rgba(0,0,0,.32);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.wcform-del{top:8px;right:8px;width:26px;height:26px;border-radius:50%;border:none;font:700 13px var(--font);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--t);z-index:1}.wcform-del:hover:not(:disabled){background:var(--err)}.wcform-del:disabled{opacity:.4;cursor:not-allowed}.wcform-item-body{padding:11px 12px 13px;display:flex;flex-direction:column;gap:7px}.wcform-input--name{border-width:1.5px;background:var(--bg);border-radius:8px;padding:9px 11px;font:600 14px var(--font)}.wcform-input--url{border-width:1px;background:var(--bg);border-radius:8px;padding:7px 11px;font:500 11.5px var(--font-mono);color:var(--fg-nav)}.wcform-input--name:focus,.wcform-input--url:focus{background:var(--surface)}.wcform-add-tile{border:1.5px dashed var(--border-input);border-radius:13px;background:var(--bg);cursor:pointer;min-height:172px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--fg-mute);transition:border-color var(--t),background var(--t),color var(--t)}.wcform-add-tile:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.wcform-add-tile span:first-child{width:34px;height:34px;border-radius:10px;background:var(--surface);border:1px solid var(--border-input);display:flex;align-items:center;justify-content:center;font:600 19px var(--font);line-height:1}.wcform-add-sm{padding:8px 14px;border-radius:9px;border:1px solid var(--border-input);background:var(--surface);color:var(--fg-sub);font:600 13px var(--font);cursor:pointer;transition:background var(--t),border-color var(--t)}.wcform-add-sm:hover{background:var(--overlay)}.wcform-btn{flex:1 1;padding:15px;border-radius:12px;border:1px solid var(--border-input);background:var(--surface);color:var(--fg);font:600 15px var(--font);cursor:pointer;transition:background var(--t),border-color var(--t),opacity var(--t)}.wcform-btn:hover:not(:disabled){background:var(--overlay)}.wcform-btn--primary{border:none;background:var(--accent);color:var(--accent-fg);font-weight:700}.wcform-btn--primary:hover:not(:disabled){background:var(--accent-hi)}.wcform-btn--ghost{flex:none;padding:15px 28px}.wcform-btn:disabled{opacity:.5;cursor:not-allowed}.wcform{max-width:1120px;margin:0 auto;padding:0 0 80px}.wcform-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.wcform-save{padding:10px 20px;border:none;border-radius:10px;background:var(--fg);color:var(--surface);font:700 14px var(--font);cursor:pointer;transition:background var(--t),color var(--t),opacity var(--t)}.wcform-save:disabled,.wcform-save[aria-disabled=true]{background:var(--border-input);color:var(--fg-faint);cursor:not-allowed}.wcform-card{border-radius:14px;padding:20px 22px;box-shadow:none}.wcform-meta-card{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-bottom:18px}.wcform-title-field{flex:1 1;min-width:240px}.wcform-field-label{display:block;margin-bottom:8px;color:var(--fg-mute);font:700 11px var(--font)}.wcform-title-input{width:100%;border:none;border-bottom:2px solid var(--border);background:none;padding:5px 2px;color:var(--fg);outline:none;font:800 22px var(--font)}.wcform-title-input:focus{border-color:var(--accent)}.wcform-public-toggle{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border:1px solid var(--border-input);border-radius:9px;background:var(--surface);color:var(--fg-sub);font:700 14px var(--font);cursor:pointer}.wcform-public-toggle span{width:7px;height:7px;border-radius:50%;background:var(--fg-faint)}.wcform-public-toggle.is-public{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.wcform-public-toggle.is-public span{background:var(--ok)}.wcform-support-card{display:grid;grid-gap:18px;gap:18px;margin-bottom:18px}.wcform-thumb-row{display:flex;align-items:stretch;gap:14px;margin-bottom:8px}.wcform-thumb-preview{width:104px;height:74px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:linear-gradient(135deg,var(--wc-a),var(--wc-b));color:rgba(255,255,255,.88);font:700 11px var(--font)}.wcform-thumb-preview img{width:100%;height:100%;object-fit:cover}.wcform-cover-edit{border:none;border-radius:999px;padding:5px 10px;font:800 12px var(--font);color:#fff;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:background var(--t)}.wcform-cover-edit:hover{background:rgba(0,0,0,.78)}.wcform-cover-edit:disabled{opacity:.5;cursor:not-allowed}.wcform-dropzone span{color:var(--fg-sub);font:700 13.5px var(--font)}.wcform-dropzone small{color:var(--fg-faint);font:600 11.5px var(--font)}.wcform-status{display:grid;grid-gap:8px;gap:8px}.wcform-status-head{display:flex;justify-content:space-between;gap:12px;color:var(--fg-mute);font:700 12px var(--font)}.wcform-status-head strong{color:var(--fg-sub);font-family:var(--font-mono)}.wcform-status p{margin:0;color:var(--fg-faint);font:500 12px var(--font)}.wcform-workspace{display:grid;grid-template-columns:272px minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.wcform-editor,.wcform-sidebar{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.wcform-sidebar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:var(--fg-mute);font:700 13px var(--font)}.wcform-list{display:flex;flex-direction:column;gap:8px}.wcform-list-item{display:flex;align-items:stretch;gap:4px;border:1px solid var(--border);border-radius:10px;background:var(--surface);transition:border-color var(--t),background var(--t)}.wcform-list-item.is-selected{border-color:var(--accent);background:var(--accent-bg)}.wcform-list-item.is-invalid{border-color:var(--err)}.wcform-invalid-badge{display:inline-grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:var(--err);color:#fff;font-size:13px;font-weight:800}.wcform-field-error{margin:6px 0 0;color:var(--err);font-size:12px;font-weight:600}.wcform input[aria-invalid=true]{border-color:var(--err)}.wcform-list-main{flex:1 1;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 8px 10px 12px;border:none;background:none;cursor:pointer;text-align:left}.wcform-list-num{width:26px;height:26px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--overlay);color:var(--fg-sub);font:800 12px var(--font-mono)}.wcform-list-item.is-selected .wcform-list-num{background:var(--accent);color:var(--accent-fg)}.wcform-list-copy{min-width:0;display:flex;flex:1 1;flex-direction:column;gap:3px}.wcform-list-title{overflow:hidden;color:var(--fg);font:700 13.5px var(--font);line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.wcform-list-meta{color:var(--fg-mute);font:600 11.5px var(--font)}.wcform-list-thumb{width:34px;height:34px;flex:none;border-radius:8px;object-fit:cover}.wcform-list-move{display:flex;flex:none;flex-direction:column;justify-content:center;padding-right:6px}.wcform-list-move button{border:none;background:none;color:var(--fg-mute);font-size:10px;line-height:1;padding:2px 4px;cursor:pointer}.wcform-list-move button:disabled{cursor:default;opacity:.3}.wcform-add-list{width:100%;margin-top:8px;padding:13px;border:1px dashed var(--border-input);border-radius:10px;background:var(--surface);color:var(--accent);font:700 14px var(--font);cursor:pointer}.wcform-quick-add{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:8px}.wcform-quick-add button{padding:8px;border:1px solid var(--border-input);border-radius:9px;background:var(--surface);color:var(--fg-sub);font:700 13px var(--font);cursor:pointer}.wcform-editor{padding:28px}.wcform-editor-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.wcform-editor-top h2{margin:0;color:var(--fg);font:800 16px var(--font)}.wcform-editor-top p{margin:5px 0 0;color:var(--fg-mute);font:500 13px var(--font)}.wcform-preview-panel{display:grid;grid-gap:14px;gap:14px;margin-top:14px;padding:16px;border:1px solid var(--border-input);border-radius:12px;background:var(--bg)}.wcmedia-preview{border-radius:10px}.wcmedia-image-fields{grid-template-columns:auto minmax(0,1fr)}.wcmedia-upload{min-height:42px;background:var(--surface);cursor:pointer}.wcmedia-tabs{padding:4px;border-radius:10px}.wcmedia-tabs button{border-radius:8px;padding:8px 14px}.wcform-editor-actions{display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.wcform-empty-editor{min-height:280px;display:grid;place-items:center;text-align:center}@media (max-width:860px){.wcform-workspace{grid-template-columns:1fr}}@media (max-width:560px){.wcform-thumb-row,.wcmedia-image-fields{grid-template-columns:1fr;flex-direction:column}.wcform-editor{padding:18px}}.lp-hero{position:relative;padding:8px 0 28px}.lp-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:var(--r-badge);border:1px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--fg-sub)}.lp-hero-badge-dot{width:7px;height:7px;border-radius:var(--r-full);background:var(--err);box-shadow:0 0 0 3px rgba(217,83,79,.18)}.lp-hero-title{font-size:clamp(30px,5vw,46px);font-weight:700;letter-spacing:-.04em;line-height:1.12;margin:18px 0 0;color:var(--fg)}.hero-mark{background:var(--accent-2);border-radius:10px;padding:0 12px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--accent-ink)}.lp-hero-lead{font-size:16px;line-height:1.6;color:var(--fg-sub);margin:16px 0 0;max-width:540px}.lp-deco{top:0;right:0;width:220px;height:120px;pointer-events:none}.lp-deco,.lp-deco>*{position:absolute}.deco-lime{top:6px;right:96px;width:56px;height:56px;border-radius:18px;background:var(--accent-2);border:3px solid var(--accent-ink);transform:rotate(-10deg)}.deco-spark{top:4px;right:36px;color:var(--accent)}.deco-dot{top:58px;right:16px;width:26px;height:26px;border-radius:var(--r-full);background:var(--warn)}.deco-pink{background:var(--choice-a);transform:rotate(8deg)}.deco-blue,.deco-pink{top:6px;right:92px;width:56px;height:56px;border-radius:18px;border:3px solid var(--accent-ink)}.deco-blue{background:var(--choice-b);transform:rotate(-10deg)}@media (max-width:640px){.lp-deco{display:none}}.lp-bar{align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.lp-bar,.lp-chips{display:flex;flex-wrap:wrap}.lp-chips{gap:8px}.lp-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--r-badge);border:1px solid var(--border);background:var(--surface);color:var(--fg-sub);font-size:13.5px;font-weight:600;cursor:pointer;transition:background var(--t),color var(--t),border-color var(--t)}.lp-chip.active,.lp-chip:hover{border-color:var(--fg)}.lp-chip.active{background:var(--fg);color:var(--bg)}.lp-actions{gap:8px}.lp-actions,.lp-search-row{display:flex;align-items:center}.lp-search-row{position:relative;z-index:1;gap:12px;flex-wrap:wrap;margin-bottom:16px}.lp-search{position:relative;flex:1 1;min-width:240px}.lp-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--fg-faint)}.lp-search-input{width:100%;border:1.5px solid var(--border-input);background:var(--surface);border-radius:var(--r);padding:13px 42px;font-family:var(--font);font-size:15px;font-weight:500;color:var(--fg);outline:none;transition:border-color var(--t)}.lp-search-input::placeholder{color:var(--fg-faint)}.lp-search-input:focus{border-color:var(--accent)}.lp-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:var(--r-full);border:none;background:var(--overlay);color:var(--fg-mute);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center}.lp-count{position:relative;z-index:1;font-size:14px;font-weight:500;color:var(--fg-mute);margin-bottom:18px}.lp-count span{font-family:var(--font-mono);color:var(--fg-sub)}.play-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}@media (max-width:880px){.play-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.play-grid{grid-template-columns:1fr}}.play-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-card);cursor:pointer;text-align:left;transition:border-color var(--t),transform var(--t),box-shadow var(--t)}.play-card:hover{border-color:var(--accent);transform:translateY(-2px)}.play-card:disabled{cursor:default;opacity:.85}.play-card:disabled:hover{border-color:var(--border);transform:none}.play-card-thumb{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;background:var(--overlay);border-bottom:1px solid var(--border)}.play-card-thumb img{width:100%;height:100%;object-fit:cover}.play-badge{position:absolute;display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--r-badge);font-size:11.5px;font-weight:700;letter-spacing:.02em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.play-badge-live{top:10px;left:10px;background:rgba(255,255,255,.92);color:var(--fg)}.play-badge-live .lp-hero-badge-dot{width:6px;height:6px}.play-badge-count{top:10px;right:10px;background:rgba(21,19,28,.78);color:#fff;font-family:var(--font-mono)}.play-badge-tier{top:10px;left:10px;background:rgba(255,255,255,.92);color:var(--fg)}.play-card-body{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;flex:1 1}.play-card-cat{display:inline-flex;align-items:center;gap:5px;align-self:flex-start;padding:3px 9px;border-radius:var(--r-badge);font-size:11px;font-weight:700;letter-spacing:.02em}.play-card-cat-quiz{background:var(--accent-bg);color:var(--accent)}.play-card-cat-wc{background:var(--warn-bg);color:#b9760a}.play-card-title{font-size:15.5px;font-weight:700;color:var(--fg);line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.play-card-host{font-size:12.5px;color:var(--fg-mute)}.play-card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;padding-top:12px;border-top:1px solid var(--border)}.play-card-code{letter-spacing:.08em;color:var(--fg-sub);background:var(--overlay);border-radius:var(--r);padding:5px 10px;white-space:nowrap}.play-card-code,.play-card-meta{font-family:var(--font-mono);font-size:12.5px}.play-card-meta{gap:6px;color:var(--fg-mute)}.play-card-meta,.rt-illus{display:flex;align-items:center}.rt-illus{position:absolute;inset:0;justify-content:center}.rt-illus svg{width:100%;height:100%;display:block}.rt-wc-label{position:absolute;bottom:8px;max-width:44%;font-size:11.5px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-wc-label-a{left:10px}.rt-wc-label-b{right:10px;text-align:right}.wc-round-list{display:grid;grid-gap:10px;gap:10px;margin:24px 0 0}.wc-round-btn{width:100%;padding:16px;border-radius:var(--r);border:1px solid var(--border-input);background:var(--surface);color:var(--fg);font-size:16px;font-weight:700;cursor:pointer;transition:border-color var(--t),background var(--t)}.wc-round-btn:hover{border-color:var(--accent);background:var(--accent-bg)}.wc-round-btn--ghost{background:var(--overlay);border-color:transparent;color:var(--fg-sub);font-weight:600;margin-top:4px}.wc-battle{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:-40px;margin-bottom:-80px;min-height:calc(100dvh - 54px);display:flex;flex-direction:column;background:var(--wc-stage-bg);color:var(--wc-on-dark);font-family:var(--font)}.game-main .wc-battle{width:100%;margin-left:0;margin-top:0;margin-bottom:0;min-height:100dvh;flex:1 1}.wc-battle-panel{position:relative;height:100%;border:1px solid var(--border);border-radius:16px;padding:0;background:none;cursor:pointer;overflow:hidden;transition:filter var(--t),opacity var(--t),transform var(--t)}.wc-battle-panel:not(:disabled):hover{filter:brightness(1.08)}.wc-battle-card{position:relative;height:100%;border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.wc-battle-pick{width:100%;flex:1 1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:18px;padding:24px 28px 44px;border:none;background:transparent;color:var(--wc-on-dark);font-family:inherit;text-align:center;cursor:pointer;transition:background var(--t),filter var(--t)}.wc-battle-pick:not(:disabled):hover{background:rgba(255,255,255,.06);filter:brightness(1.08)}.wc-battle-quit:hover{background:rgba(255,255,255,.12)}@keyframes bubblePop{0%{transform:translate(-50%,8px) scale(.8);opacity:0}55%{transform:translate(-50%,-2px) scale(1.04)}to{transform:translate(-50%) scale(1);opacity:1}}@keyframes toastIn{0%{transform:translateY(-14px) scale(.94);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes ringPulse{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.7);opacity:0}}@keyframes celebFloat{0%{transform:translate(-50%) scale(.5);opacity:0}30%{opacity:1}to{transform:translate(-50%,-46px) scale(1.1);opacity:0}}@keyframes scorePop{0%{transform:scale(1)}40%{transform:scale(1.35);color:var(--accent-2)}to{transform:scale(1)}}.game-fx-layer{position:fixed;inset:0;z-index:9000;pointer-events:none;overflow:hidden}@keyframes comboPunch{0%{transform:scale(.5) rotate(-8deg);opacity:0}55%{transform:scale(1.22) rotate(3deg)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes flameWiggle{0%,to{transform:rotate(-7deg) scale(1)}50%{transform:rotate(7deg) scale(1.15)}}@keyframes barShine{0%{transform:translateX(-100%)}to{transform:translateX(260%)}}@keyframes dangerVig{0%,to{opacity:.35}50%{opacity:.85}}@keyframes comboEdge{0%,to{opacity:.4}50%{opacity:.9}}@keyframes boardGlow{0%,to{box-shadow:var(--shadow-card),0 0 0 1px color-mix(in srgb,var(--accent) 25%,transparent)}50%{box-shadow:var(--shadow-card),0 0 26px color-mix(in srgb,var(--accent) 45%,transparent)}}@keyframes ringGlow{0%,to{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--accent) 45%,transparent))}50%{filter:drop-shadow(0 0 20px rgba(var(--accent-2-rgb),.5))}}@keyframes qpop{0%{opacity:0;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pipPulse{0%,to{box-shadow:0 0 0 0 rgba(var(--accent-2-rgb),.5)}50%{box-shadow:0 0 0 4px rgba(var(--accent-2-rgb),0)}}@keyframes resultPop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes feedIn{0%{transform:translateX(-14px);opacity:0}to{transform:translateX(0);opacity:1}}.lp-count-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px;flex-wrap:wrap}.lp-count-row .lp-count{margin-bottom:0}.lp-sort-group{display:flex;gap:4px}.lp-sort-btn{background:transparent;border:none;font-size:13px;font-weight:500;color:var(--fg-mute);padding:4px 10px;cursor:pointer;border-radius:var(--r-badge);transition:all var(--t)}.lp-sort-btn:hover{color:var(--fg-sub);background:var(--overlay)}.lp-sort-btn.active{color:var(--fg);font-weight:700;background:var(--overlay)}.wc-cover{position:absolute;inset:0;display:flex;width:100%;height:100%}.wc-cover-half{position:relative;flex:1 1 50%;overflow:hidden;background:var(--overlay)}.wc-cover>.wc-cover-half:last-child{border-left:2.5px solid var(--accent-ink)}.wc-cover-half-empty{width:100%;height:100%;background:var(--overlay)}.kkutu-studio-top-body{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:24px;width:100%;max-width:1650px;margin:0 auto;padding-bottom:24px;flex:1 1;min-height:0}.kkutu-dummy-sidebar{flex:1 1;max-width:320px;min-width:120px}@media (max-width:1100px){.kkutu-dummy-sidebar{display:none}}.kkutu-main-stage{display:flex;flex-direction:column;justify-content:flex-start;gap:14px;flex:3 1;width:100%;max-width:720px;min-width:320px;height:100%;min-height:0}.kkutu-main-stage .multiplayer-question-board,.kkutu-main-stage>.card{max-width:760px;width:100%;margin:0 auto}.kkutu-main-stage .media-image{max-height:min(26vh,220px);margin-bottom:12px}.kkutu-main-stage .media-youtube{padding-bottom:40%;max-height:220px;margin-bottom:12px}.kkutu-sidebar-column{display:flex;flex-direction:column;justify-content:center;gap:14px;flex:1 1;width:100%;max-width:320px;min-width:180px;height:100%;min-height:0}.kkutu-sidebar-column .kkutu-roster-panel{width:100%;height:auto;max-height:100%;display:flex;flex-direction:column}.kkutu-roster-panel{display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;height:auto;box-shadow:var(--shadow-sm);overflow:visible}.kkutu-panel-header{background:var(--bg-mute);padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--fg);display:flex;align-items:center;justify-content:space-between}.kkutu-roster-list{flex:1 1;overflow:visible;padding:10px;display:flex;flex-direction:column;gap:8px}.kkutu-player-card{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:var(--bg);border:1px solid var(--border-mute);transition:all .2s ease;position:relative}.kkutu-player-card.is-me{background:var(--accent-surface);border-color:var(--accent-2)}.kkutu-player-card.is-solved{background:var(--ok-surface,rgba(16,185,129,.12));border-color:var(--ok)}.kkutu-player-rank{width:22px;height:22px;border-radius:6px;font-size:11px}.kkutu-player-avatar,.kkutu-player-rank{display:flex;align-items:center;justify-content:center;flex-shrink:0}.kkutu-player-avatar{width:36px;height:36px;border-radius:50%;color:var(--bg);font-weight:700;position:relative;overflow:hidden}.kkutu-celeb-badge{position:absolute;top:-6px;right:-6px;font-size:12px}.kkutu-player-info{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.kkutu-player-name{font-size:13px;font-weight:700;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kkutu-me-tag{color:var(--accent);margin-left:4px}.kkutu-me-tag,.kkutu-player-status{font-size:11px}.kkutu-status-solved{color:var(--ok);font-weight:700}.kkutu-status-thinking{color:var(--fg-mute);animation:pulse 1.5s infinite}.kkutu-status-score{color:var(--fg-dim)}.kkutu-bump-icon{font-size:16px;animation:bumpShake .4s ease}.kkutu-log-scroll{flex:1 1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px;font-size:13px}.kkutu-log-item{display:flex;align-items:flex-start;gap:6px;line-height:1.4;word-break:break-word}.kkutu-log-item.is-system{padding:6px 10px;border-radius:8px;background:var(--bg-mute);color:var(--fg-dim);font-size:12px}.kkutu-log-item.is-solve,.kkutu-log-item.is-solved{padding:6px 10px;border-radius:8px;background:var(--ok-surface,rgba(16,185,129,.15));color:var(--ok);font-weight:600}.kkutu-log-item.is-chat{color:var(--fg)}.kkutu-log-item.is-ghost{background:var(--accent-surface);padding:6px 8px;border-radius:8px;border:1px dashed var(--accent)}.kkutu-chat-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.kkutu-chat-sender{font-weight:700;color:var(--fg-mute);flex-shrink:0}.kkutu-chat-msg{color:var(--fg)}.kkutu-ghost-tag{font-size:11px;margin-left:4px}.kkutu-speech-bubble{position:absolute;top:50%;transform:translateY(-50%);max-width:220px;min-width:60px;padding:8px 12px;border-radius:12px;background:var(--bg-surface,rgba(30,41,59,.96));border:1.5px solid var(--accent);box-shadow:var(--shadow-md,0 4px 20px rgba(0,0,0,.35));color:var(--fg);font-size:16px;font-weight:600;line-height:1.35;z-index:50;pointer-events:none;animation:popIn .2s cubic-bezier(.16,1,.3,1);word-break:break-all}.kkutu-speech-bubble.is-left{left:calc(100% + 14px)}.kkutu-speech-bubble.is-left:before{content:"";position:absolute;left:-7px;top:50%;transform:translateY(-50%);border-width:6px 7px 6px 0;border-style:solid;border-color:transparent var(--accent) transparent transparent}.kkutu-speech-bubble.is-top{bottom:calc(100% + 14px);left:50%;top:auto;transform:translateX(-50%)}.kkutu-speech-bubble.is-top:before{content:"";position:absolute;bottom:-7px;left:50%;top:auto;transform:translateX(-50%);border-width:7px 6px 0;border-style:solid;border-color:var(--accent) transparent transparent transparent}.kkutu-speech-bubble.is-right{right:calc(100% + 14px)}.kkutu-speech-bubble.is-right:before{content:"";position:absolute;right:-7px;top:50%;transform:translateY(-50%);border-width:6px 0 6px 7px;border-style:solid;border-color:transparent transparent transparent var(--accent)}.kkutu-speech-bubble.is-ghost{border-color:var(--warn);background:var(--warn-surface,rgba(245,158,11,.15))}.kkutu-speech-bubble.is-ghost.is-left:before{border-right-color:var(--warn)}.kkutu-speech-bubble.is-ghost.is-right:before{border-left-color:var(--warn)}.kkutu-studio-footer{gap:24px;width:100%;max-width:100%;padding:24px 40px 0;border-top:2px solid var(--border);flex-shrink:0;box-sizing:border-box}.kkutu-audience-group,.kkutu-studio-footer{display:flex;align-items:flex-end;justify-content:center}.kkutu-audience-group{flex:1 1;flex-direction:row;gap:160px;flex-wrap:nowrap;padding-bottom:24px;min-width:200px}.kkutu-chat-dock-wrapper{flex:1 1;width:100%;max-width:500px;min-width:320px}@media (max-width:960px){.kkutu-studio-top-body{flex-direction:column;overflow-y:auto}.kkutu-sidebar-column{width:100%;height:auto;max-height:400px}.kkutu-roster-panel{width:100%;height:220px;max-height:220px}.kkutu-studio-footer{flex-direction:column;align-items:stretch;gap:16px}.kkutu-audience-group{justify-content:center;overflow-x:auto}.kkutu-chat-dock-wrapper{max-width:100%}.kkutu-roster-list,.kkutu-roster-panel{overflow-y:auto;overflow-x:hidden}.kkutu-speech-bubble.is-left,.kkutu-speech-bubble.is-right,.kkutu-speech-bubble.is-top{left:auto;right:10px;top:50%;bottom:auto;transform:translateY(-50%)}.kkutu-speech-bubble.is-left:before,.kkutu-speech-bubble.is-right:before,.kkutu-speech-bubble.is-top:before{display:none}.kkutu-main-stage{max-width:100%;height:auto}}@keyframes bumpShake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px) rotate(-3deg)}75%{transform:translateX(4px) rotate(3deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:480px){.rank-info{flex-direction:column!important;align-items:flex-start!important;gap:4px!important}.win-rate-badge{order:2!important;align-self:flex-start!important;margin-top:2px!important}}