:root{--c-primary: #63C0AB;--c-primary-dark: #4FA593;--c-primary-darker: #3C8C7B;--c-primary-light: #E5F5F1;--c-primary-tint: #F2FAF8;--ff-display: "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, -apple-system, "Segoe UI", Meiryo, sans-serif;--ff-body: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Segoe UI", Meiryo, sans-serif;--ff-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace;--c-correct: #2E9E6B;--c-correct-bg: #E6F6EE;--c-wrong: #E5484D;--c-wrong-bg: #FCEBEB;--c-gold: #E8B931;--c-silver: #AEB7BD;--c-bronze: #C98A4B;--c-warn: #E8A317;--c-warn-bg: #FBF1DC;--c-bg: #F4F6F8;--c-surface: #FFFFFF;--c-surface-2: #F8FAFB;--c-border: #E1E6EA;--c-border-strong: #C7CED4;--c-text: #1C2B30;--c-text-sub: #5A6B72;--c-text-mute: #93A1A8;--c-text-on-primary:#FFFFFF;--c-dark-bg: #0C1F1D;--c-dark-surface: #16332F;--c-dark-surface-2: #1E4139;--c-dark-line: rgba(255,255,255,.09);--c-dark-text: #EAF6F2;--c-dark-text-sub: #8FB3AA;--fs-12: 12px;--fs-13: 13px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-32: 32px;--fs-44: 44px;--fs-64: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-8: 48px;--shadow-sm: 0 1px 2px rgba(16,42,40,.06), 0 1px 3px rgba(16,42,40,.1);--shadow-md: 0 4px 12px rgba(16,42,40,.1);--shadow-lg: 0 12px 32px rgba(16,42,40,.16);--touch: 44px;--choice-h: 64px}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--ff-body);font-size:var(--fs-16);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}.mono,.oa-data{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important}}.gallery-header{position:sticky;top:0;z-index:50;background:var(--c-surface);border-bottom:1px solid var(--c-border);padding:var(--sp-3) var(--sp-5);display:flex;align-items:center;gap:var(--sp-4);box-shadow:var(--shadow-sm)}.gallery-header h1{font-size:var(--fs-18);margin:0;font-weight:700;display:flex;align-items:center;gap:var(--sp-2)}.gallery-header .dot{width:14px;height:14px;border-radius:4px;background:var(--c-primary)}.gallery-tabs{display:flex;gap:var(--sp-2);margin-left:auto}.gallery-tabs button{font:inherit;font-size:var(--fs-14);font-weight:600;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-pill);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text-sub);cursor:pointer}.gallery-tabs button.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.gallery-section{padding:var(--sp-6) var(--sp-5)}.gallery-section>h2{font-size:var(--fs-24);margin:0 0 var(--sp-1)}.gallery-section>.lead{color:var(--c-text-sub);font-size:var(--fs-14);margin:0 0 var(--sp-5)}.screen-grid{display:flex;flex-wrap:wrap;gap:var(--sp-6);align-items:flex-start}.screen{display:flex;flex-direction:column;gap:var(--sp-2)}.screen .caption{font-size:var(--fs-13);font-weight:600;color:var(--c-text-sub)}.screen .caption .state{display:inline-block;font-size:var(--fs-12);font-weight:700;color:var(--c-primary-darker);background:var(--c-primary-light);padding:2px var(--sp-2);border-radius:var(--r-pill);margin-right:var(--sp-2);font-family:ui-monospace,SF Mono,Menlo,monospace}.screen .note{font-size:var(--fs-12);color:var(--c-text-mute);max-width:360px;line-height:1.5}.phone{width:375px;height:760px;border-radius:var(--r-xl);background:var(--c-surface);box-shadow:var(--shadow-lg);border:1px solid var(--c-border);overflow:hidden;display:flex;flex-direction:column;position:relative}.phone .statusbar{height:28px;flex:0 0 28px;background:var(--c-surface);display:flex;align-items:center;justify-content:space-between;padding:0 var(--sp-4);font-size:var(--fs-12);color:var(--c-text-mute)}.phone .viewport{flex:1;overflow-y:auto;display:flex;flex-direction:column}.desk{width:920px;height:620px;border-radius:var(--r-lg);background:var(--c-surface);box-shadow:var(--shadow-lg);border:1px solid var(--c-border);overflow:hidden;display:flex;flex-direction:column}.desk .chrome{height:36px;flex:0 0 36px;background:var(--c-surface-2);border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:var(--sp-2);padding:0 var(--sp-3)}.desk .chrome .dots{display:flex;gap:6px}.desk .chrome .dots span{width:11px;height:11px;border-radius:50%;background:var(--c-border-strong)}.desk .chrome .url{margin-left:var(--sp-3);font-size:var(--fs-12);color:var(--c-text-sub);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-sm);padding:3px var(--sp-3);flex:1;font-family:ui-monospace,monospace}.desk .deskbody{flex:1;overflow:auto;display:flex}.btn{font:inherit;font-size:var(--fs-16);font-weight:600;min-height:var(--touch);padding:0 var(--sp-5);border-radius:var(--r-md);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);line-height:1}.btn-primary{background:var(--c-primary);color:#fff}.btn-primary:hover{background:var(--c-primary-dark)}.btn-danger{background:var(--c-wrong);color:#fff}.btn-outline{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border-strong)}.btn-ghost{background:transparent;color:var(--c-text-sub)}.btn-block{display:flex;width:100%}.btn-lg{min-height:56px;font-size:var(--fs-18)}.btn-sm{min-height:36px;font-size:var(--fs-13);padding:0 var(--sp-3)}.btn:disabled,.btn.is-disabled{opacity:.45;cursor:not-allowed}.input{font:inherit;font-size:var(--fs-16);width:100%;min-height:var(--touch);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text)}.input:focus{outline:2px solid var(--c-primary);border-color:var(--c-primary)}.label{font-size:var(--fs-13);font-weight:600;color:var(--c-text-sub);display:block;margin-bottom:var(--sp-1)}.field{margin-bottom:var(--sp-4)}.tag{display:inline-flex;align-items:center;font-size:var(--fs-12);font-weight:600;color:var(--c-primary-darker);background:var(--c-primary-light);padding:2px var(--sp-2);border-radius:var(--r-pill)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-12);font-weight:700;padding:3px var(--sp-2);border-radius:var(--r-pill)}.badge-live{color:var(--c-wrong);background:var(--c-wrong-bg)}.badge-live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-wrong);animation:pulse 1.2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.admin{display:flex;width:100%;height:100%;background:var(--c-bg)}.admin-side{width:188px;flex:0 0 188px;background:var(--c-dark-bg);color:var(--c-dark-text);padding:var(--sp-4) var(--sp-3);display:flex;flex-direction:column;gap:var(--sp-1)}.admin-side .brand{font-size:var(--fs-16);font-weight:800;padding:var(--sp-2) var(--sp-3);margin-bottom:var(--sp-3);display:flex;gap:var(--sp-2);align-items:center}.admin-side .brand .dot{width:12px;height:12px;border-radius:4px;background:var(--c-primary)}.admin-side a{font-size:var(--fs-14);color:var(--c-dark-text-sub);text-decoration:none;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);display:flex;gap:var(--sp-2);align-items:center}.admin-side a.active{background:var(--c-dark-surface);color:#fff;font-weight:700}.admin-side .spacer{flex:1}.admin-main{flex:1;overflow:auto;display:flex;flex-direction:column}.admin-topbar{height:56px;flex:0 0 56px;border-bottom:1px solid var(--c-border);background:var(--c-surface);display:flex;align-items:center;padding:0 var(--sp-5);gap:var(--sp-3)}.admin-topbar h3{font-size:var(--fs-18);margin:0;font-weight:700}.admin-topbar .right{margin-left:auto;display:flex;gap:var(--sp-2);align-items:center}.admin-content{padding:var(--sp-5);flex:1;overflow:auto}.toolbar{display:flex;gap:var(--sp-2);align-items:center;margin-bottom:var(--sp-4);flex-wrap:wrap}.toolbar .grow{flex:1}table.list{width:100%;border-collapse:collapse;background:var(--c-surface);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm)}table.list th,table.list td{text-align:left;padding:var(--sp-3) var(--sp-4);font-size:var(--fs-14);border-bottom:1px solid var(--c-border)}table.list th{font-size:var(--fs-12);color:var(--c-text-sub);background:var(--c-surface-2);font-weight:700;text-transform:none}table.list tr:last-child td{border-bottom:none}table.list .muted{color:var(--c-text-mute)}.rowactions{display:flex;gap:var(--sp-2)}.seg{display:inline-flex;border:1px solid var(--c-border-strong);border-radius:var(--r-md);overflow:hidden}.seg button{font:inherit;font-size:var(--fs-13);font-weight:600;padding:var(--sp-2) var(--sp-3);border:none;background:var(--c-surface);color:var(--c-text-sub);cursor:pointer}.seg button.active{background:var(--c-primary);color:#fff}.stage{flex:1;display:flex;flex-direction:column;background:var(--c-dark-bg);color:var(--c-dark-text)}.stage-top{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-bottom:1px solid rgba(255,255,255,.08)}.stage-top .qno{font-size:var(--fs-14);font-weight:700;color:var(--c-primary);letter-spacing:.04em}.stage-top .title{font-size:var(--fs-14);color:var(--c-dark-text-sub)}.stage-top .right{margin-left:auto;display:flex;gap:var(--sp-3);align-items:center}.stat-pill{display:inline-flex;flex-direction:column;align-items:center;background:var(--c-dark-surface);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-4)}.stat-pill .num{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-20);font-weight:800;line-height:1}.stat-pill .lbl{font-size:var(--fs-12);color:var(--c-dark-text-sub);margin-top:2px}.stage-body{flex:1;display:flex;flex-direction:column;padding:var(--sp-5);gap:var(--sp-4);overflow:auto}.stage-foot{padding:var(--sp-4) var(--sp-5);border-top:1px solid rgba(255,255,255,.08);display:flex;gap:var(--sp-3);align-items:center}.qtext{font-family:var(--ff-display);font-size:var(--fs-24);font-weight:800;line-height:1.4;letter-spacing:-.01em}.ring{border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--c-primary) var(--p,100%),rgba(255,255,255,.14) 0)}.ring:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;background:var(--c-dark-bg)}.ring .sec{position:relative;z-index:1;font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-20);font-weight:800}.ring.warn{background:conic-gradient(var(--c-warn) var(--p,100%),rgba(255,255,255,.14) 0);color:var(--c-warn)}.dist{display:flex;flex-direction:column;gap:var(--sp-3)}.dist-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:var(--sp-3)}.dist-row .k{width:28px;height:28px;border-radius:var(--r-sm);display:grid;place-items:center;font-weight:800;background:var(--c-dark-surface)}.dist-mid{display:flex;flex-direction:column;gap:5px;min-width:0}.dist-txt{font-size:var(--fs-18);font-weight:700;color:var(--c-dark-text);display:flex;align-items:center;gap:6px;line-height:1.25}.dist-row.is-correct .dist-txt{color:var(--c-correct)}.dist-bar{height:16px;background:#ffffff14;border-radius:var(--r-pill);overflow:hidden}.dist-bar>span{display:block;height:100%;background:var(--c-primary);border-radius:var(--r-pill)}.dist-row.is-correct .k{background:var(--c-correct);color:#fff}.dist-row.is-correct .dist-bar>span{background:var(--c-correct)}.dist-row .v{font-family:var(--ff-mono);text-align:right;font-weight:800;font-variant-numeric:tabular-nums;font-size:var(--fs-20);min-width:48px}.choices{display:flex;flex-direction:column;gap:var(--sp-3)}.choice{min-height:var(--choice-h);border-radius:var(--r-md);border:2px solid rgba(255,255,255,.18);background:var(--c-dark-surface);color:var(--c-dark-text);font:inherit;font-size:var(--fs-18);font-weight:600;display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4);cursor:pointer;text-align:left}.choice .key{width:36px;height:36px;flex:0 0 36px;border-radius:var(--r-sm);display:grid;place-items:center;background:#ffffff1a;font-weight:800}.choice.selected{border-color:var(--c-primary);background:#63c0ab2e}.choice.selected .key{background:var(--c-primary);color:#fff}.choice.correct{border-color:var(--c-correct);background:var(--c-correct-bg);color:var(--c-text)}.choice.correct .key{background:var(--c-correct);color:#fff}.choice.wrong{border-color:var(--c-wrong);background:var(--c-wrong-bg);color:var(--c-text)}.choice.wrong .key{background:var(--c-wrong);color:#fff}.choice.dim{opacity:.5}.choice:disabled{cursor:default}.verdict{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-5) 0}.verdict .mark{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;font-size:var(--fs-64);font-weight:800}.verdict.ok .mark{background:var(--c-correct-bg);color:var(--c-correct);border:4px solid var(--c-correct)}.verdict.ng .mark{background:var(--c-wrong-bg);color:var(--c-wrong);border:4px solid var(--c-wrong)}.verdict .msg{font-size:var(--fs-20);font-weight:800}.verdict .sub{font-size:var(--fs-14);color:var(--c-dark-text-sub)}.verdict .mytime{margin-top:var(--sp-2);display:inline-flex;align-items:baseline;gap:6px;font-size:var(--fs-13);color:var(--c-dark-text-sub);background:var(--c-dark-surface);border-radius:var(--r-pill);padding:var(--sp-2) var(--sp-4)}.verdict .mytime b{font-size:var(--fs-24);font-weight:800;color:var(--c-primary)}.rank-list{display:flex;flex-direction:column;gap:var(--sp-2)}.rank-item{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:var(--sp-3);background:var(--c-dark-surface);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}.rank-item .pos{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-20);font-weight:800;text-align:center}.rank-item.r1{background:var(--c-dark-surface);border:1px solid var(--c-gold)}.rank-item.r1 .pos{color:var(--c-gold)}.rank-item.r2 .pos{color:var(--c-silver)}.rank-item.r3 .pos{color:var(--c-bronze)}.rank-item.me{outline:2px solid var(--c-primary)}.rank-item .nm{font-weight:700;font-size:var(--fs-16)}.rank-item .meta{font-size:var(--fs-12);color:var(--c-dark-text-sub)}.rank-item .sc{text-align:right}.rank-item .sc .big{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-18);font-weight:800}.rank-item .sc .small{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-12);color:var(--c-dark-text-sub)}.award{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);text-align:center;background:radial-gradient(120% 80% at 50% -10%,rgba(232,185,49,.12),transparent 55%),var(--c-dark-bg)}.award .crown{color:var(--c-gold)}.award .champ{font-family:var(--ff-display);font-size:var(--fs-44);font-weight:900;letter-spacing:-.01em}.award .score{font-family:var(--ff-mono);font-size:var(--fs-18);color:var(--c-dark-text-sub);font-variant-numeric:tabular-nums}.award .label{font-family:var(--ff-mono);font-size:var(--fs-16);color:var(--c-gold);font-weight:800;letter-spacing:.2em}.ceremony-reveal{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.ce-place{font-family:var(--ff-display);font-size:var(--fs-64);font-weight:900;line-height:1;letter-spacing:-.01em}.ce-names{font-family:var(--ff-display);font-size:var(--fs-44);font-weight:900;color:var(--c-dark-text);text-align:center}.ce-score{font-family:var(--ff-mono);font-size:var(--fs-18);color:var(--c-dark-text-sub)}.award-recap{display:flex;flex-direction:column;gap:6px;margin-top:var(--sp-3);width:100%;max-width:520px}.ce-chip{display:flex;align-items:baseline;gap:var(--sp-3);background:var(--c-dark-surface);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-4)}.ce-chip-place{font-family:var(--ff-mono);font-weight:800;color:var(--c-gold);min-width:72px}.ce-chip-names{font-weight:700;color:var(--c-dark-text)}.join{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--sp-4);padding:var(--sp-6) var(--sp-5);background:radial-gradient(120% 70% at 50% -10%,rgba(99,192,171,.12),transparent 55%),var(--c-dark-bg);color:var(--c-dark-text)}.join h2{font-family:var(--ff-display);font-size:var(--fs-24);font-weight:900;margin:0;letter-spacing:-.01em}.join .sub{color:var(--c-dark-text-sub);font-size:var(--fs-14);margin-top:-8px}.join .input{background:var(--c-dark-surface);border-color:#fff3;color:#fff}.waitbig{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);text-align:center}.waitbig .count{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-64);font-weight:800;color:var(--c-primary);line-height:1}.waitbig .pulse-dot{width:14px;height:14px;border-radius:50%;background:var(--c-primary);animation:pulse 1.2s infinite}.banner{padding:var(--sp-3) var(--sp-4);font-size:var(--fs-13);font-weight:600;display:flex;align-items:center;gap:var(--sp-2)}.banner-warn{background:var(--c-warn);color:#2a1e00}.banner-error{background:var(--c-wrong);color:#fff}.qrbox{display:flex;gap:var(--sp-5);align-items:center}.qr{width:200px;height:200px;border-radius:var(--r-md);background:repeating-conic-gradient(var(--c-text) 0 25%,#fff 0 50%) 0 0 / 28px 28px;border:8px solid #fff;box-shadow:var(--shadow-sm)}.sortlist{display:flex;flex-direction:column;gap:var(--sp-2)}.sortitem{display:grid;grid-template-columns:28px 28px 1fr auto;align-items:center;gap:var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4)}.sortitem .grip{color:var(--c-text-mute);cursor:grab}.sortitem .idx{width:28px;height:28px;border-radius:var(--r-sm);background:var(--c-primary-light);color:var(--c-primary-darker);font-weight:800;display:grid;place-items:center;font-size:var(--fs-13)}.section-divider{font-weight:800;font-size:var(--fs-14);color:var(--c-primary-darker);background:var(--c-primary-tint);border-left:4px solid var(--c-primary);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3)}.help{font-size:var(--fs-12);color:var(--c-text-mute);margin-top:var(--sp-1)}.divider{height:1px;background:var(--c-border);margin:var(--sp-4) 0}.kv{display:flex;gap:var(--sp-2);font-size:var(--fs-13)}.kv .k{color:var(--c-text-sub)}.hostbtns{display:flex;gap:var(--sp-3);align-items:center;width:100%}.hostbtns .grow{flex:1}.stage.studio{background:radial-gradient(120% 85% at 50% -25%,rgba(99,192,171,.1),transparent 60%),var(--c-dark-bg)}.oa-frame{position:relative}.oa-frame:before,.oa-frame:after{content:"";position:absolute;width:30px;height:30px;z-index:2;border:2px solid var(--c-primary);opacity:.7;pointer-events:none}.oa-frame:before{top:16px;left:16px;border-right:0;border-bottom:0}.oa-frame:after{bottom:16px;right:16px;border-left:0;border-top:0}.oa-topbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-5) var(--sp-6) 0}.oa-qpos{margin-left:auto;font-family:var(--ff-mono);font-size:var(--fs-16);color:var(--c-dark-text-sub);font-variant-numeric:tabular-nums}.oa-qpos b{color:var(--c-dark-text);font-size:var(--fs-24);font-weight:800}.oa-section{font-family:var(--ff-display);font-weight:800;font-size:var(--fs-18);color:var(--c-gold)}.oa-railwrap{padding:var(--sp-3) var(--sp-6) 0}.oa-rail{display:flex;gap:5px;align-items:center;width:100%}.oa-rail .seg{height:4px;flex:1;border-radius:var(--r-pill);background:#ffffff24}.oa-rail .seg.done{background:var(--c-primary);opacity:.4}.oa-rail .seg.cur{background:var(--c-primary)}.oa-tally{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--ff-mono);font-size:var(--fs-12);font-weight:700;letter-spacing:.16em;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-sm);border:1px solid currentColor}.oa-tally .dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex:0 0 auto}.oa-tally.live{color:var(--c-primary)}.oa-tally.live .dot{animation:pulse 1.2s infinite}.oa-tally.ot{color:var(--c-warn)}.oa-tally.ot .dot{animation:pulse 1s infinite}.oa-tally.closed{color:var(--c-dark-text-sub)}.oa-tally.reveal{color:var(--c-correct)}.qbanner{display:inline-flex;align-items:baseline;gap:var(--sp-2);align-self:center;padding:var(--sp-1) var(--sp-4);border-radius:var(--r-sm);border:1px solid var(--c-dark-line);background:var(--c-dark-surface)}.qbanner .qn{font-family:var(--ff-mono);font-size:var(--fs-24);font-weight:800;color:var(--c-primary);line-height:1;letter-spacing:.02em}.qbanner .of{font-family:var(--ff-mono);font-size:var(--fs-13);color:var(--c-dark-text-sub)}.qbanner.sm .qn{font-size:var(--fs-18)}.qimage{width:100%;border-radius:var(--r-md);overflow:hidden;background:var(--c-dark-surface);border:1px solid var(--c-dark-line);position:relative;display:grid;place-items:center;color:var(--c-dark-text-sub)}.qimage.host{aspect-ratio:16 / 9;max-height:220px}.qimage.play{aspect-ratio:4 / 3;max-height:200px}.qimage .ph{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:var(--fs-13)}.qimage .ph .ic{font-size:var(--fs-44);opacity:.5}.qimage .credit{position:absolute;bottom:6px;right:8px;font-size:var(--fs-12);opacity:.6}.cd-hero{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2)}.cd-hero .lbl{font-family:var(--ff-mono);font-size:var(--fs-13);color:var(--c-dark-text-sub);letter-spacing:.18em;text-transform:uppercase}.cd-hero.overtime .lbl{color:var(--c-warn)}.oa-countdown{position:relative;display:grid;place-items:center}.oa-countdown svg{display:block}.oa-countdown-face{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.oa-countdown .oa-sec{font-family:var(--ff-mono);font-weight:800;font-variant-numeric:tabular-nums;font-size:calc(var(--oa-size, 160px) * .42);line-height:1}.oa-countdown .oa-ot{font-family:var(--ff-display);font-weight:900;font-size:calc(var(--oa-size, 160px) * .21);line-height:1;letter-spacing:.02em}.oa-countdown.is-overtime{animation:otpulse 1s ease-in-out infinite}@keyframes otpulse{0%,to{opacity:1}50%{opacity:.62}}.ctrl-timer.overtime{color:var(--c-warn);background:var(--c-warn-bg);border:1px solid var(--c-warn)}.ctrl-timer.overtime .ot-label{font-family:var(--ff-display);font-size:var(--fs-18);font-weight:900}.ot-dot{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 1.1s infinite;flex:0 0 auto}.ot-pill{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--ff-mono);font-size:var(--fs-12);font-weight:800;color:var(--c-warn);letter-spacing:.06em;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--c-warn)}.choice .num,.dist-row .kn{width:40px;height:40px;flex:0 0 40px;border-radius:var(--r-sm);display:grid;place-items:center;font-weight:900;font-size:var(--fs-20);color:#fff}.c1 .num,.c1 .kn{background:#e5484d}.c2 .num,.c2 .kn{background:#2f7fe5}.c3 .num,.c3 .kn{background:#2e9e6b}.c4 .num,.c4 .kn{background:#e8a317}.dist-row .kn{width:28px;height:28px;flex:0 0 28px;font-size:var(--fs-14)}.flash{align-self:stretch;text-align:center;font-size:var(--fs-20);font-weight:900;padding:var(--sp-3);border-radius:var(--r-md);letter-spacing:.08em}.flash.correct{background:var(--c-correct);color:#fff}.flash.close{background:var(--c-warn);color:#2a1e00}.host-correct{display:inline-flex;align-items:baseline;gap:4px}.host-correct .n{font-size:var(--fs-24);font-weight:900;color:var(--c-correct)}.host-correct .u{font-size:var(--fs-12);color:var(--c-dark-text-sub)}.uploader{border:2px dashed var(--c-border-strong);border-radius:var(--r-md);background:var(--c-surface-2);padding:var(--sp-5);text-align:center;color:var(--c-text-sub);display:flex;flex-direction:column;align-items:center;gap:var(--sp-1)}.uploader .ic{font-size:var(--fs-32);opacity:.6}.uploader.has{border-style:solid;border-color:var(--c-primary);background:var(--c-primary-tint);padding:0;overflow:hidden}.uploader .preview{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#cfeee6,#9fd8c9);display:grid;place-items:center;color:var(--c-primary-darker);position:relative}.uploader .preview .rm{position:absolute;top:6px;right:6px}.choices.imggrid{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3)}.choice-img{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-2);border-radius:var(--r-md);border:2px solid rgba(255,255,255,.18);background:var(--c-dark-surface);color:var(--c-dark-text);cursor:pointer}.choice-img .thumb{width:100%;aspect-ratio:1;border-radius:var(--r-sm);background:var(--c-dark-surface-2);display:grid;place-items:center;color:var(--c-dark-text-sub);font-size:var(--fs-24);overflow:hidden}.choice-img .cap{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--fs-14);font-weight:700}.choice-img .cap .num{width:26px;height:26px;flex:0 0 26px;border-radius:6px;display:grid;place-items:center;font-size:var(--fs-14)}.choice-img.selected{border-color:var(--c-primary);background:#63c0ab2e}.choice-img.correct{border-color:var(--c-correct);background:#2e9e6b24}.choice-img .votes{display:flex;align-items:center;justify-content:center;gap:4px;font-size:var(--fs-14);font-weight:800}.choice-img .votes .mono{font-size:var(--fs-16)}.ctrl-wrap{flex:1;display:flex;flex-direction:column;background:var(--c-bg);overflow:auto}.ctrl-bar{height:52px;flex:0 0 52px;background:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:var(--sp-3);padding:0 var(--sp-4)}.ctrl-bar .gtitle{font-weight:800;font-size:var(--fs-16)}.ctrl-bar .conn{font-size:var(--fs-12);color:var(--c-correct);display:inline-flex;align-items:center;gap:4px}.ctrl-bar .conn:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c-correct)}.ctrl-bar .right{margin-left:auto;display:flex;gap:var(--sp-2);align-items:center}.ctrl-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3);flex:1}.ctrl-statusrow{display:flex;align-items:center;gap:var(--sp-3)}.ctrl-state{font-family:var(--ff-display);font-size:var(--fs-20);font-weight:900;letter-spacing:-.01em}.ctrl-state .q{color:var(--c-primary-darker)}.ctrl-section{font-weight:800;font-size:var(--fs-14);color:var(--c-primary-darker);background:var(--c-primary-tint);border-radius:var(--r-sm);padding:2px var(--sp-2)}.ctrl-timer{margin-left:auto;display:inline-flex;align-items:baseline;gap:6px;background:var(--c-dark-bg);color:#fff;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md)}.ctrl-timer .big{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-32);font-weight:800;color:var(--c-primary);line-height:1}.ctrl-timer .u{font-size:var(--fs-12);color:var(--c-dark-text-sub)}.ctrl-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-4);box-shadow:var(--shadow-sm)}.ctrl-card .hd{font-size:var(--fs-12);font-weight:700;color:var(--c-text-sub);margin-bottom:var(--sp-2);display:flex;align-items:center;gap:var(--sp-2)}.ctrl-card .hd .badge-live{margin-left:auto}.ctrl-q{font-size:var(--fs-16);font-weight:700;margin-bottom:var(--sp-3)}.ctrl-choices{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-2)}.ctrl-choice{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border:1px solid var(--c-border);border-radius:var(--r-sm);font-size:var(--fs-14)}.ctrl-choice .n{width:24px;height:24px;flex:0 0 24px;border-radius:6px;color:#fff;font-weight:800;display:grid;place-items:center;font-size:var(--fs-13)}.ctrl-choice.ans{border-color:var(--c-correct);background:var(--c-correct-bg);font-weight:700}.ctrl-choice.ans:after{content:"正解";margin-left:auto;font-size:var(--fs-12);color:var(--c-correct);font-weight:800}.live-grid{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-3) var(--sp-4);align-items:center}.live-stat{display:flex;align-items:baseline;gap:var(--sp-2)}.live-stat .n{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-size:var(--fs-32);font-weight:800;color:var(--c-primary-darker);line-height:1}.live-stat .u{font-size:var(--fs-12);color:var(--c-text-sub)}.live-progress{height:12px;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--r-pill);overflow:hidden}.live-progress>span{display:block;height:100%;background:var(--c-primary)}.ldist{display:flex;flex-direction:column;gap:6px;margin-top:var(--sp-3)}.ldist-row{display:grid;grid-template-columns:24px 1fr 44px;align-items:center;gap:var(--sp-2)}.ldist-row .n{width:24px;height:24px;border-radius:6px;color:#fff;font-weight:800;display:grid;place-items:center;font-size:var(--fs-13)}.ldist-bar{height:18px;background:var(--c-surface-2);border-radius:var(--r-pill);overflow:hidden}.ldist-bar>span{display:block;height:100%;background:var(--c-border-strong)}.ldist-row.ans .ldist-bar>span{background:var(--c-correct)}.ldist-row .v{font-family:var(--ff-mono);text-align:right;font-weight:700;font-size:var(--fs-13);font-variant-numeric:tabular-nums}.ctrl-foot{margin-top:auto;display:flex;gap:var(--sp-3);align-items:center;padding-top:var(--sp-3)}.ctrl-foot .grow{flex:1}.ctrl-next{font-size:var(--fs-12);color:var(--c-text-mute)}.picker{padding:var(--sp-5);background:var(--c-bg);flex:1;overflow:auto}.picker h3{font-size:var(--fs-18);margin:0 0 var(--sp-1)}.picker .lead{font-size:var(--fs-13);color:var(--c-text-sub);margin:0 0 var(--sp-4)}.pick-item{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-2);box-shadow:var(--shadow-sm)}.pick-item .nm{font-weight:700;font-size:var(--fs-16)}.pick-item .meta{font-size:var(--fs-12);color:var(--c-text-sub)}.splash{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-4);text-align:center;background:radial-gradient(120% 80% at 50% 25%,rgba(99,192,171,.14),transparent 55%),var(--c-dark-bg)}.splash .lead{font-family:var(--ff-mono);font-size:var(--fs-16);letter-spacing:.34em;color:var(--c-primary);font-weight:700;text-transform:uppercase}.splash .big{font-family:var(--ff-display);font-size:var(--fs-64);font-weight:900;color:#fff;line-height:1;letter-spacing:-.01em}.splash .big .qn{font-family:var(--ff-mono);color:var(--c-primary)}.splash .sub{font-size:var(--fs-16);color:var(--c-dark-text-sub)}.splash-section{font-family:var(--ff-display);font-size:var(--fs-32);font-weight:900;color:var(--c-gold);letter-spacing:.02em;text-align:center}.fastrank{display:flex;flex-direction:column;gap:6px}.fastrank .hd{font-size:var(--fs-14);font-weight:800;color:var(--c-gold);letter-spacing:.06em;display:flex;align-items:center;gap:6px}.fast-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:var(--sp-3);background:var(--c-dark-surface);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-3)}.fast-row .pos{font-weight:900;text-align:center}.fast-row.f1{background:var(--c-dark-surface);border-left:3px solid var(--c-gold)}.fast-row.f1 .pos{color:var(--c-gold)}.fast-row .nm{font-weight:700;font-size:var(--fs-14)}.fast-row .tm{font-family:var(--ff-mono);font-variant-numeric:tabular-nums;font-weight:800;color:var(--c-primary);font-size:var(--fs-14)}.fastrank.light .fast-row{background:var(--c-surface-2);border:1px solid var(--c-border)}.fastrank.light .fast-row.f1{background:var(--c-surface-2);border-left:3px solid var(--c-gold)}.fastrank.light .hd,.fastrank.light .fast-row .tm{color:var(--c-primary-darker)}