@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:#fff;--overlay:#f4f4f5;--raised:#f2f1f9;--fg:#18181b;--fg-sub:#52525b;--fg-mute:#8e8e96;--fg-faint:#a1a1aa;--fg-dim:rgba(24,24,27,.45);--fg-nav:#71717a;--fg-copy:#c4c4cc;--accent:#6a5dae;--accent-hi:#5b4f99;--accent-bg:rgba(106,93,174,.1);--accent-fg:#fff;--accent-2:#b9ff66;--accent-ink:#15131c;--primary:var(--accent);--kakao:#fee500;--kakao-fg:#181600;--border:#eaeaec;--border-input:#e0e0e3;--border-hi:var(--fg);--shadow-card:0 1px 2px rgba(24,24,27,.04),0 12px 32px rgba(24,24,27,.05);--shadow-modal:0 20px 50px rgba(24,24,27,.22);--shadow-hard:var(--shadow-card);--shadow-hard-sm:0 1px 2px rgba(24,24,27,.06);--shadow-press:0 1px 2px rgba(24,24,27,.08);--scrollbar:#d8d8d4;--header-bg:hsla(0,0%,98%,.82);--reveal-overlay-bg:hsla(0,0%,100%,.95);--modal-overlay:rgba(21,19,28,.5);--ok:#1fa971;--ok-bg:rgba(31,169,113,.1);--ok-border:rgba(31,169,113,.4);--err:#d9534f;--err-bg:rgba(217,83,79,.1);--warn:#ffb020;--warn-bg:rgba(255,176,32,.14);--ui-info:#5c7fa3;--ui-info-bg:rgba(92,127,163,.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;--t:0.15s ease;--t-slow:0.25s ease}.theme-game{--bg:#15131c;--surface:#1e1b28;--overlay:hsla(0,0%,100%,.06);--raised:rgba(106,93,174,.18);--fg:#fff;--fg-sub:#c9c5d6;--fg-mute:#a09aae;--fg-faint:#8e8896;--fg-dim:hsla(0,0%,100%,.45);--fg-nav:#a09aae;--fg-copy:hsla(0,0%,100%,.4);--accent-bg:rgba(106,93,174,.22);--border:hsla(0,0%,100%,.08);--border-input:hsla(0,0%,100%,.12);--border-hi:hsla(0,0%,100%,.7);--shadow-card:0 1px 2px rgba(0,0,0,.3),0 16px 40px rgba(0,0,0,.35);--shadow-modal:0 24px 60px rgba(0,0,0,.55);--shadow-hard:var(--shadow-card);--shadow-hard-sm:0 1px 2px rgba(0,0,0,.3);--shadow-press:0 1px 2px rgba(0,0,0,.4);--scrollbar:hsla(0,0%,100%,.18);--header-bg:rgba(21,19,28,.86);--reveal-overlay-bg:rgba(21,19,28,.95);--modal-overlay:rgba(0,0,0,.66);--ok-bg:rgba(31,169,113,.16);--err-bg:rgba(217,83,79,.18);--warn-bg:rgba(255,176,32,.18);background:var(--bg);color:var(--fg)}.theme-game .choice-btn,.theme-game .question-card,.theme-game .reveal-lb{border-color:hsla(0,0%,100%,.1)}.theme-game .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{width:100vw;margin-left:calc(50% - 50vw);margin-top:-40px;min-height:calc(100vh - 60px);padding:40px min(5vw,44px) 72px}*,: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}}.header-user{font-size:13px;color:var(--fg-sub);font-weight:500}.header .btn{color:var(--fg);border:2px solid var(--fg)}.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:9px 15px;border-radius:9px;border:1px solid var(--border-input);background:var(--surface);color:var(--fg);font-family:var(--font);font-size:14px;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:9px 16px;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:hsla(0,0%,100%,.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}.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{grid-gap:12px;gap:12px;max-width:1060px}.mp-layout,.sp-layout{display:grid;margin:0 auto}.sp-layout{max-width:720px;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}.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:20px auto 0;width:100%}@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}.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%;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 iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.wcmedia-item{display:grid;grid-template-columns:180px minmax(0,1fr);grid-gap:16px;gap:16px}.wcmedia-preview{min-height:150px;border-radius:var(--r);overflow:hidden;background:var(--overlay);display:grid;place-items:center;color:var(--accent-fg);font:700 28px var(--font-mono)}.wcmedia-preview iframe,.wcmedia-preview img{width:100%;height:100%;min-height:150px;border:0;object-fit:cover;display:block}.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-template-columns:auto minmax(0,1fr);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)}.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 (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 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)}}.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{border-top:1px solid var(--border);padding-top:14px;display:grid;grid-gap:7px;gap:7px}.comment-meta{display:flex;align-items:center;gap:8px}.comment-author{font-size:13px;font-weight:600;color:var(--fg)}.comment-when{color:var(--fg-faint);font-size:11px;font-family:var(--font-mono)}.comment-text{margin:0;color:var(--fg-sub);font-size:14px;line-height:1.6;white-space:pre-wrap}.home-hero{background:var(--surface);border-bottom:1px solid var(--border);width:100vw;margin-left:calc(50% - 50vw);margin-top:-40px}.home-hero-inner{width:min(1120px,92vw);margin:0 auto;padding:88px 0 80px;display:grid;grid-template-columns:1.05fr .95fr;grid-gap:64px;gap:64px;align-items:center}.home-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 13px;border-radius:var(--r-badge);border:1px solid var(--border);font-size:13px;font-weight:600;color:var(--fg-sub)}.home-hero-badge-dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--accent)}.home-hero-title{font-size:clamp(40px,6vw,60px);margin:24px 0 0;letter-spacing:-.045em}.home-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)}.home-hero-lead{font-size:18px;line-height:1.65;color:var(--fg-sub);margin:22px 0 0;max-width:440px}.home-join-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:30px 28px;box-shadow:var(--shadow-card)}.home-join-label{font-size:13px;font-weight:600;color:var(--fg-mute)}.home-join-input{width:100%;margin-top:14px;height:60px;text-align:center;font-family:var(--font-mono);font-size:26px;font-weight:500;letter-spacing:.32em;text-transform:uppercase}.home-join-submit{width:100%;margin-top:14px;padding:15px;font-size:16px}.home-join-hint{text-align:center;font-size:13px;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}.home-popular-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.home-cta-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:56px;margin-bottom:16px}.home-cta-card{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:40px 36px;text-decoration:none;display:block}.home-cta-create{background:var(--fg)}.home-cta-worldcup{background:var(--raised);border:1px solid var(--accent-bg)}.home-cta-deco{position:absolute;pointer-events:none}.home-cta-deco-create{right:30px;top:-24px;width:108px;height:108px;border-radius:32px;background:var(--accent);transform:rotate(18deg)}.home-cta-deco-worldcup{right:30px;bottom:-24px;width:96px;height:96px;border-radius:var(--r-full);background:var(--accent-2);border:3px solid var(--accent-ink)}.home-cta-eyebrow{display:inline-block;position:relative;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.home-cta-title{position:relative;font-size:24px;font-weight:700;letter-spacing:-.03em;margin:0}.home-cta-create .home-cta-title{color:var(--surface)}.home-cta-worldcup .home-cta-title{color:var(--accent-ink);margin-top:8px}.home-cta-lead{position:relative;font-size:15px;margin:12px 0 24px}.home-cta-lead-create{color:var(--fg-faint)}.home-cta-lead-worldcup{color:var(--fg-sub)}.home-cta-btn{position:relative;display:inline-block;padding:13px 24px;border-radius:var(--r);font-size:15px;font-weight:600}.home-cta-btn-create{background:var(--surface);color:var(--fg)}.home-cta-btn-worldcup{background:var(--accent-ink);color:var(--surface)}@media (max-width:880px){.home-hero-inner{grid-template-columns:1fr;gap:36px;padding:56px 0 48px}.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-title{font-size:16px;font-weight:700;letter-spacing:-.02em;margin:0}.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;border-left:3px solid var(--err)}.mypage-danger-desc{margin:6px 0 16px;font-size:13.5px;line-height:1.6;color:var(--fg-sub)}.mypage-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:4px 2px 0}.mypage-pager-range{font-size:12.5px;font-weight:500;color:var(--fg-faint)}.mypage-pager-nav{display:flex;align-items:center;gap:6px;margin-left:auto}.mypage-pager-btn{min-width:30px;height:30px;padding:0 8px;border:1px solid var(--border-input);border-radius:9px;background:var(--surface);color:var(--fg-sub);font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--t),color var(--t),border-color var(--t)}.mypage-pager-btn:hover:not(:disabled):not(.is-current){border-color:var(--border-hi);color:var(--fg)}.mypage-pager-btn.is-current{background:var(--accent);border-color:var(--accent);color:var(--surface);cursor:default}.mypage-pager-btn:disabled{opacity:.45;cursor:not-allowed}.mypage-pager-gap{color:var(--fg-faint);padding:0 2px;font-size:13px}@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-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;margin:0 auto}.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:hsla(0,0%,100%,.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}.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{top:6px;right:92px;width:56px;height:56px;border-radius:18px;background:var(--choice-a);border:3px solid var(--accent-ink);transform:rotate(8deg)}@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{display:flex;gap:8px;align-items:center}.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:hsla(0,0%,100%,.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:hsla(0,0%,100%,.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:12px;gap:12px;max-width:420px;margin:22px auto 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-mute);font-weight:600}