:root{--c-primary: #63C0AB;--c-primary-dark: #4FA593;--c-primary-darker: #3C8C7B;--c-primary-light: #E5F5F1;--c-primary-tint: #F2FAF8;--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-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: #102A28;--c-dark-surface: #18403B;--c-dark-text: #EAF6F2;--c-dark-text-sub: #9CC3BA;--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:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,Meiryo,sans-serif;font-size:var(--fs-16);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}.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-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-size:var(--fs-24);font-weight:700;line-height:1.4}.countdown{display:flex;align-items:center;justify-content:center;gap:var(--sp-4)}.ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c-primary) var(--p,70%),rgba(255,255,255,.12) 0);position:relative}.ring:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:var(--c-dark-bg)}.ring .sec{position:relative;z-index:1;font-size:var(--fs-44);font-weight:800}.ring.warn{background:conic-gradient(var(--c-warn) var(--p,30%),rgba(255,255,255,.12) 0)}.dist{display:flex;flex-direction:column;gap:var(--sp-2)}.dist-row{display:grid;grid-template-columns:28px 1fr 56px;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-bar{height:28px;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{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.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)}.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-size:var(--fs-20);font-weight:800;text-align:center}.rank-item.r1{background:linear-gradient(120deg,rgba(232,185,49,.28),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-size:var(--fs-18);font-weight:800}.rank-item .sc .small{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% 0%,rgba(232,185,49,.2),var(--c-dark-bg) 60%)}.award .crown{font-size:var(--fs-64)}.award .champ{font-size:var(--fs-44);font-weight:900}.award .score{font-size:var(--fs-18);color:var(--c-dark-text-sub)}.award .label{font-size:var(--fs-16);color:var(--c-gold);font-weight:800;letter-spacing:.2em}.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% 0%,rgba(99,192,171,.18),var(--c-dark-bg) 55%);color:var(--c-dark-text)}.join h2{font-size:var(--fs-24);margin:0}.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-size:var(--fs-64);font-weight:900;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)}.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% 90% at 50% -10%,rgba(99,192,171,.22),transparent 55%),radial-gradient(80% 60% at 50% 120%,rgba(232,185,49,.1),transparent 60%),linear-gradient(180deg,#0b2220,#0e2a27,#0b1e1c)}.qbanner{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-5);align-self:center;border:2px solid var(--c-gold);border-radius:var(--r-pill);background:linear-gradient(180deg,#e8b9312e,#e8b9310a);box-shadow:0 0 24px #e8b93140}.qbanner .qn{font-size:var(--fs-32);font-weight:900;color:var(--c-gold);line-height:1;letter-spacing:.04em}.qbanner .of{font-size:var(--fs-13);color:var(--c-dark-text-sub)}.qbanner.sm .qn{font-size:var(--fs-20)}.qimage{width:100%;border-radius:var(--r-md);overflow:hidden;background:linear-gradient(135deg,#1d4a44,#123430);border:1px solid rgba(255,255,255,.12);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-1)}.cd-hero .ring-lg{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;position:relative;background:conic-gradient(var(--c-primary) var(--p,70%),rgba(255,255,255,.1) 0)}.cd-hero .ring-lg:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:#0e2a27}.cd-hero .ring-lg .sec{position:relative;z-index:1;font-size:var(--fs-64);font-weight:900}.cd-hero.warn .ring-lg{background:conic-gradient(var(--c-wrong) var(--p,20%),rgba(255,255,255,.1) 0);animation:flashwarn .8s infinite}.cd-hero .lbl{font-size:var(--fs-13);color:var(--c-dark-text-sub);letter-spacing:.1em}@keyframes flashwarn{0%,to{filter:none}50%{filter:drop-shadow(0 0 16px var(--c-wrong))}}.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:linear-gradient(180deg,var(--c-correct),#1f7c52);color:#fff;box-shadow:0 0 28px #2e9e6b80}.flash.close{background:linear-gradient(180deg,var(--c-warn),#c98a00);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:linear-gradient(135deg,#1d4a44,#123430);display:grid;place-items:center;color:var(--c-dark-text-sub);font-size:var(--fs-24)}.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)}.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-size:var(--fs-20);font-weight:900}.ctrl-state .q{color:var(--c-primary-darker)}.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-size:var(--fs-32);font-weight:900;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-size:var(--fs-32);font-weight:900;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{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% 90% at 50% 30%,rgba(99,192,171,.25),var(--c-dark-bg) 60%)}.splash .lead{font-size:var(--fs-16);letter-spacing:.3em;color:var(--c-gold);font-weight:800}.splash .big{font-size:var(--fs-64);font-weight:900;color:#fff;line-height:1}.splash .big .qn{color:var(--c-primary)}.splash .sub{font-size:var(--fs-16);color:var(--c-dark-text-sub)}.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:linear-gradient(120deg,rgba(232,185,49,.28),var(--c-dark-surface))}.fast-row.f1 .pos{color:var(--c-gold)}.fast-row .nm{font-weight:700;font-size:var(--fs-14)}.fast-row .tm{font-family:ui-monospace,monospace;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:linear-gradient(120deg,rgba(232,185,49,.18),var(--c-surface-2));border-color:var(--c-gold)}.fastrank.light .hd,.fastrank.light .fast-row .tm{color:var(--c-primary-darker)}