/* Quiz Pulse V15 — consolidated production stylesheet */
:root{
  color-scheme:dark;
  --font-ui:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI Variable","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --bg:#07090e;--bg-2:#0b0e14;--surface:#10151d;--surface-2:#151b25;--surface-3:#1a212d;
  --text:#f6f8fb;--text-2:#b9c1cd;--text-3:#7f8999;
  --line:rgba(233,239,248,.10);--line-strong:rgba(233,239,248,.18);
  --accent:#59e1ff;--accent-rgb:89,225,255;
  --signal:#b9ff66;--signal-rgb:185,255,102;
  --pulse:#a78bfa;--pulse-rgb:167,139,250;
  --danger:#ff667f;--danger-rgb:255,102,127;
  --stream-brand:#ff3b5f;--stream-brand-2:#ff8295;--stream-brand-rgb:255,59,95;
  --wave-primary-rgb:89,225,255;--wave-secondary-rgb:185,255,102;--wave-tertiary-rgb:167,139,250;
  --wave-duration-a:10s;--wave-duration-b:13s;--wave-duration-c:16s;--wave-badge-scale:1;
  --radius-s:12px;--radius-m:18px;--radius-l:26px;--radius-xl:34px;
  --shadow-soft:0 16px 50px rgba(0,0,0,.22);--shadow-deep:0 30px 90px rgba(0,0,0,.36);
  --pad-inline:clamp(14px,4vw,24px);--content-max:540px;
  font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}
body{min-height:100dvh;overflow-x:hidden;background:radial-gradient(circle at 15% 10%,rgba(var(--wave-primary-rgb),.07),transparent 24%),radial-gradient(circle at 84% 86%,rgba(var(--wave-tertiary-rgb),.06),transparent 28%),linear-gradient(180deg,#07090e,#05070b)}
button,input,select,textarea{font:inherit;color:inherit}
button{touch-action:manipulation}
button:focus-visible,[tabindex]:focus-visible{outline:2px solid rgba(var(--accent-rgb),.75);outline-offset:3px}
[hidden]{display:none!important}
code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--accent)}

/* Ambient + light-wave layer */
.ambient{position:fixed;z-index:0;pointer-events:none;border-radius:50%;filter:blur(100px);opacity:.16}
.ambient-a{width:38vw;height:38vw;left:-14vw;top:8vh;background:rgb(var(--wave-primary-rgb))}
.ambient-b{width:34vw;height:34vw;right:-12vw;bottom:4vh;background:rgb(var(--wave-tertiary-rgb))}
.light-wave-field{position:fixed;inset:-10vmax;z-index:0;pointer-events:none;overflow:hidden;mix-blend-mode:screen;filter:saturate(1.35) brightness(1.12)}
.orbital-wave,.light-wave-center{position:absolute;border-radius:50%;pointer-events:none}
.orbital-wave{border:1.5px solid rgba(var(--wave-primary-rgb),.34);box-shadow:0 0 28px rgba(var(--wave-primary-rgb),.16),0 0 80px rgba(var(--wave-tertiary-rgb),.08);animation:orbitSpin var(--wave-duration-a) linear infinite}
.orbital-wave::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:conic-gradient(from 20deg,transparent 0 13%,rgba(var(--wave-primary-rgb),.92) 18%,transparent 27% 48%,rgba(var(--wave-secondary-rgb),.78) 56%,transparent 67% 82%,rgba(var(--wave-tertiary-rgb),.78) 89%,transparent);-webkit-mask:radial-gradient(circle,transparent calc(50% - 2px),#000 calc(50% - 2px),#000 calc(50% + 2px),transparent calc(50% + 2px));mask:radial-gradient(circle,transparent calc(50% - 2px),#000 calc(50% - 2px),#000 calc(50% + 2px),transparent calc(50% + 2px))}
.orbital-wave-a{width:68vmax;height:68vmax;left:-28vmax;top:2vh}
.orbital-wave-b{width:50vmax;height:50vmax;right:-20vmax;top:8vh;animation-duration:16s;animation-direction:reverse}
.orbital-wave-c{width:40vmax;height:40vmax;left:30%;top:30%;animation-duration:20s;border-color:rgba(var(--wave-tertiary-rgb),.28)}
.orbital-wave-d{width:34vmax;height:34vmax;right:12%;bottom:-13vmax;animation-duration:14s}
.orbital-wave-e{width:24vmax;height:24vmax;left:4%;bottom:8%;animation-duration:11s;animation-direction:reverse}
.orbital-wave-f{width:20vmax;height:20vmax;right:3%;top:40%;animation-duration:9s;border-color:rgba(var(--wave-secondary-rgb),.27)}
.light-wave-center{left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.9),rgba(var(--wave-primary-rgb),.72) 26%,rgba(var(--wave-tertiary-rgb),.16) 54%,transparent 72%)}
.light-wave-center-a{width:18px;height:18px;box-shadow:0 0 26px rgba(var(--wave-primary-rgb),.44);animation:corePulse 3.2s ease-in-out infinite}
.light-wave-center-b{width:130px;height:130px;filter:blur(18px);opacity:.24;animation:corePulse 4.2s ease-in-out infinite reverse}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes corePulse{50%{transform:translate(-50%,-50%) scale(1.24);opacity:.72}}
.light-waves-off .light-wave-field{display:none}

/* App shell / screens */
.app-shell{position:relative;z-index:2;width:min(100%,var(--content-max));min-height:100dvh;margin:0 auto;padding:10px var(--pad-inline) 18px;background:linear-gradient(180deg,rgba(7,10,16,.88),rgba(6,9,14,.95));isolation:isolate}
.app-shell::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 18%,transparent 82%,rgba(255,255,255,.012)),repeating-linear-gradient(135deg,transparent 0 15px,rgba(255,255,255,.006) 15px 16px,transparent 16px 32px)}
.screen{display:none}.screen.is-active{display:block}
.eyebrow,.mini-label,.status-kicker,.summary-label,.choice-kicker,.profile-kicker,.manual-kicker,.auto-kicker{font-size:9px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
.primary-btn{min-height:52px;border:0;border-radius:16px;padding:12px 18px;background:linear-gradient(135deg,var(--accent),var(--pulse));color:#061018;font-weight:900;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 14px 40px rgba(var(--accent-rgb),.18);transition:transform .18s ease,filter .18s ease}
.primary-btn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.ghost-btn{min-height:40px;border:1px solid var(--line);border-radius:12px;padding:8px 11px;background:rgba(255,255,255,.015);color:var(--text-2);font-size:10px;font-weight:700;cursor:pointer}
.ghost-btn-large{min-height:48px;font-size:12px;padding:12px 16px}
.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.02);display:grid;place-items:center;cursor:pointer}

/* Splash */
.splash{min-height:calc(100dvh - 28px);padding-top:clamp(110px,24vh,220px);text-align:center}
.splash-mark{position:relative;width:96px;height:96px;margin:0 auto 24px;border-radius:28px;border:1px solid var(--line-strong);box-shadow:0 0 60px rgba(var(--accent-rgb),.12);display:grid;place-items:center}
.splash-dot{position:absolute;border-radius:50%;background:var(--accent);box-shadow:0 0 22px rgba(var(--accent-rgb),.5)}
.dot-1{width:12px;height:12px;left:20px;top:24px}.dot-2{width:18px;height:18px;right:18px;top:38px;background:var(--signal)}.dot-3{width:9px;height:9px;left:43px;bottom:18px;background:var(--pulse)}
.brand-lockup{margin:8px 0 0;font-size:clamp(44px,12vw,70px);line-height:.9;letter-spacing:-.065em}.brand-lockup span,.brand-lockup strong{display:block}.brand-lockup strong{color:var(--accent)}
.splash-copy{margin:14px 0;color:var(--text-2)}
.loading-track{width:min(260px,72vw);height:3px;margin:28px auto;border-radius:999px;background:var(--line);overflow:hidden}.loading-track span{display:block;width:38%;height:100%;background:linear-gradient(90deg,var(--accent),var(--signal));animation:loading 1.2s ease-in-out infinite}
@keyframes loading{from{transform:translateX(-120%)}to{transform:translateX(360%)}}

/* Setup */
.setup{padding:34px 0 28px}.setup-title{margin:8px 0 8px;font-size:clamp(36px,9vw,58px);line-height:.94;letter-spacing:-.055em}.setup-subtitle{margin:0 0 14px;color:var(--text-2);line-height:1.5;max-width:64ch}.runtime-badge,.live-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(var(--accent-rgb),.18);border-radius:999px;background:rgba(var(--accent-rgb),.05);color:var(--accent);padding:8px 11px;font-size:9px;font-weight:900;letter-spacing:.12em}.runtime-badge::before,.live-pill i{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}
.database-strip,.run-summary,.run-specs,.setup-card,.stream-launch-panel{border:1px solid var(--line);background:rgba(16,21,29,.76);box-shadow:var(--shadow-soft)}
.database-strip{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:14px 0;padding:12px 14px;border-radius:16px}.database-dot{width:8px;height:8px;border-radius:50%;background:var(--signal);box-shadow:0 0 15px rgba(var(--signal-rgb),.55)}.database-strip strong{font-size:16px}.database-strip small{color:var(--text-3)}.database-mode{font-size:9px;font-weight:850;letter-spacing:.1em;color:var(--text-2)}
.stream-launch-panel{display:grid;gap:14px;margin:14px 0;padding:16px;border-radius:22px;background:linear-gradient(135deg,rgba(var(--stream-brand-rgb),.07),rgba(var(--pulse-rgb),.05),rgba(var(--accent-rgb),.04))}.stream-launch-copy{display:grid;gap:8px}.stream-launch-panel h3{margin:0;font-size:clamp(23px,5vw,32px);line-height:1.02;letter-spacing:-.04em}.stream-launch-panel p{margin:0;color:var(--text-2);font-size:13px;line-height:1.45}
.setup-stack{display:grid;gap:12px}.setup-card{padding:16px;border-radius:20px}.setup-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:13px}.setup-badge{min-width:34px;height:34px;border-radius:11px;border:1px solid var(--line);display:grid;place-items:center;color:var(--accent);font-size:10px;font-weight:900}.setup-head h3{margin:0;font-size:17px}.setup-head p{margin:4px 0 0;color:var(--text-3);font-size:11px;line-height:1.35}
.choice-grid,.platform-choice-grid,.profile-choice-grid,.scene-choice-grid{display:grid;gap:8px}.choice-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.choice-card,.platform-choice,.profile-card,.scene-choice{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:rgba(255,255,255,.018);padding:12px;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.choice-card:hover,.platform-choice:hover,.profile-card:hover,.scene-choice:hover{transform:translateY(-1px);border-color:var(--line-strong)}.choice-card.is-active,.platform-choice.is-active,.profile-card.is-active,.scene-choice.is-active{border-color:rgba(var(--accent-rgb),.48);background:rgba(var(--accent-rgb),.055);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.06) inset}.choice-card strong,.platform-choice strong,.profile-card strong,.scene-choice strong{display:block;font-size:14px}.choice-card small,.platform-choice small,.profile-card small{display:block;margin-top:4px;color:var(--text-3);font-size:10px;line-height:1.3}
.platform-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.platform-choice{padding-top:14px}.platform-signal{display:block;width:10px;height:10px;border-radius:50%;margin-bottom:9px;background:var(--stream-brand);box-shadow:0 0 18px rgba(var(--stream-brand-rgb),.5)}.scene-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.scene-choice{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.scene-choice span{font-size:8px;color:var(--text-3)}.scene-choice strong{font-size:11px}
.profile-card{display:grid;gap:4px}.profile-card strong{font-size:15px}.profile-kicker{color:var(--accent)}
.run-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:18px}.run-summary strong{display:block;margin-top:4px}.summary-pills{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.summary-pill,.session-chip{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);padding:6px 9px;font-size:8px;font-weight:900;letter-spacing:.08em}.run-specs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px;border-radius:18px}.run-specs span{min-height:42px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:center;gap:5px;text-align:center;color:var(--text-2);font-size:10px}.run-specs b{color:var(--text)}.start-run-btn{width:100%}.setup-note{margin:0;color:var(--text-3);font-size:10px;line-height:1.45}

/* Platform CTA */
.subscribe-btn{position:relative;overflow:hidden;isolation:isolate;min-height:48px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 14px;display:inline-flex;align-items:center;gap:10px;background:#f5f5f5;color:#0a0b0e;cursor:pointer;box-shadow:0 10px 32px rgba(0,0,0,.2);transition:transform .18s ease,filter .18s ease}.subscribe-btn:hover{transform:translateY(-1px);filter:brightness(1.02)}.subscribe-aura{position:absolute;inset:-35%;z-index:-1;opacity:.22;filter:blur(26px);background:radial-gradient(circle,var(--stream-brand),transparent 52%)}.platform-cta-mark{width:28px;height:28px;border-radius:8px;background:var(--stream-brand);display:grid;place-items:center;flex:none}.platform-cta-mark::before{content:"▶";font-size:12px;color:#fff;transform:translateX(1px)}.subscribe-content{display:grid;gap:1px}.subscribe-content strong{font-size:11px;letter-spacing:.04em}.subscribe-content small{font-size:9px;color:#555}.subscribe-btn-hero{width:100%}.subscribe-btn.is-celebrating{animation:celebrate .45s ease}.subscribe-burst,.subscribe-ring-burst{position:fixed;z-index:60;pointer-events:none}.subscribe-burst{width:10px;height:10px;border-radius:50%;animation:particle .9s ease-out forwards}.subscribe-ring-burst{width:18px;height:18px;border-radius:50%;border:1px solid rgba(var(--accent-rgb),.7);animation:ringBurst .9s ease-out forwards}
@keyframes celebrate{35%{transform:scale(1.04)}70%{transform:scale(.995)}}@keyframes particle{to{transform:translate(var(--dx),var(--dy)) scale(.1);opacity:0}}@keyframes ringBurst{from{transform:translate(-50%,-50%) scale(.5);opacity:1}to{transform:translate(-50%,-50%) scale(9);opacity:0}}

/* Game common */
.game{padding-top:4px}.game-stage{display:grid;gap:12px;align-items:start}.game-sidebar,.game-main{display:grid;gap:10px;align-content:start}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--line)}.mini-label{margin:0 0 4px}.wordmark{font-size:20px;font-weight:900;letter-spacing:-.035em}.wordmark b{color:var(--accent)}.micro-live-line{margin-top:5px;display:flex;align-items:center;gap:7px;color:var(--text-3);font-size:8px;font-weight:850;letter-spacing:.12em}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--stream-brand);box-shadow:0 0 0 0 rgba(var(--stream-brand-rgb),.55);animation:livePulse 1.4s ease-out infinite}.top-actions{display:flex;gap:7px}
@keyframes livePulse{70%{box-shadow:0 0 0 11px rgba(var(--stream-brand-rgb),0)}}
.status-grid{display:grid;grid-template-columns:1.15fr .92fr .92fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.status-card{min-height:62px;padding:10px;border-right:1px solid var(--line);display:flex;align-items:center;gap:8px}.status-card:last-child{border-right:0}.status-card strong{font-size:18px;line-height:1}.status-icon{min-width:28px;height:28px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--accent);font-size:9px;font-weight:850}.status-level{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.status-level .status-kicker{grid-column:1}.status-level strong{grid-column:1;grid-row:2;color:var(--signal);font-size:20px}.xp-track{grid-column:2;grid-row:1/3;align-self:center;height:3px;border-radius:999px;background:var(--line);overflow:hidden}.xp-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--signal));transition:width .25s ease}
.visual-zone{position:relative;height:116px;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(var(--wave-primary-rgb),.10),transparent 28%),rgba(255,255,255,.015)}.hero-rings{position:absolute;inset:0;pointer-events:none}.hero-ring{position:absolute;left:50%;top:43%;border-radius:50%;transform:translate(-50%,-50%);border:1px solid rgba(var(--wave-primary-rgb),.27);box-shadow:0 0 22px rgba(var(--wave-primary-rgb),.16)}.hero-ring::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:conic-gradient(from 80deg,transparent,rgba(var(--wave-primary-rgb),.86),transparent 35%,rgba(var(--wave-secondary-rgb),.62) 54%,transparent 70%,rgba(var(--wave-tertiary-rgb),.64) 88%,transparent);-webkit-mask:radial-gradient(circle,transparent calc(50% - 1px),#000 calc(50% - 1px),#000 calc(50% + 1px),transparent calc(50% + 1px));mask:radial-gradient(circle,transparent calc(50% - 1px),#000 calc(50% - 1px),#000 calc(50% + 1px),transparent calc(50% + 1px))}.hero-ring-1{width:82px;height:82px;animation:orbitSpin 7s linear infinite}.hero-ring-2{width:108px;height:108px;animation:orbitSpin 10s linear reverse infinite}.hero-ring-3{width:138px;height:138px;animation:orbitSpin 14s linear infinite}.hero-ring-4{width:174px;height:174px;opacity:.5;animation:orbitSpin 18s linear reverse infinite}.pulse-orbit{display:none}.hero-badge{position:absolute;left:50%;top:43%;width:60px;height:60px;transform:translate(-50%,-50%) scale(var(--wave-badge-scale));border:1px solid rgba(var(--accent-rgb),.42);border-radius:17px;background:rgba(var(--accent-rgb),.07);display:grid;place-items:center;box-shadow:0 0 32px rgba(var(--accent-rgb),.14)}.hero-badge strong{font-size:24px}.badge-micro{position:absolute;font-size:6px;color:var(--text-3)}.badge-micro:first-child{top:5px}.badge-micro:last-child{bottom:5px}.ticker{position:absolute;left:10px;right:10px;bottom:7px;display:flex;justify-content:center;gap:7px;font-size:7px;color:var(--text-3);font-weight:750;letter-spacing:.05em}.ticker b{color:var(--accent)}
.session-meta{padding:11px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.session-chip-wrap{display:flex;gap:6px}.session-copy{margin:6px 0 0;color:var(--text-3);font-size:10px;line-height:1.4}.host-live-controls{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.015);padding:11px}.host-control-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:8px}.host-control-kicker,.active-platform-label{font-size:8px;font-weight:900;letter-spacing:.13em}.host-control-kicker{color:var(--text-3)}.active-platform-label{color:var(--stream-brand-2)}.host-scene-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.host-scene-buttons button{min-height:36px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.018);font-size:8px;font-weight:900;letter-spacing:.1em;cursor:pointer}.host-scene-buttons button.is-active{border-color:rgba(var(--stream-brand-rgb),.55);background:rgba(var(--stream-brand-rgb),.12);color:var(--stream-brand-2)}.boosts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.boost-btn{min-height:54px;padding:8px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.015);display:flex;align-items:center;gap:7px;cursor:pointer}.boost-btn:disabled{opacity:.3;cursor:default}.boost-icon{min-width:28px;height:28px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--accent);font-size:8px;font-weight:900}.boost-btn b{display:block;text-align:left;font-size:8px}.boost-btn small{display:block;text-align:left;color:var(--text-3);font-size:7px;margin-top:2px}

/* Question + calibrated answers */
.question-card{position:relative;overflow:hidden;padding:18px;border:1px solid var(--line-strong);border-radius:24px;background:linear-gradient(180deg,rgba(18,23,32,.92),rgba(13,18,25,.92));box-shadow:var(--shadow-soft)}.question-card::after{content:"";position:absolute;width:220px;height:220px;right:-110px;bottom:-110px;border-radius:50%;background:radial-gradient(circle,rgba(var(--wave-tertiary-rgb),.14),transparent 68%);filter:blur(40px);pointer-events:none}.question-card.wave-in::before{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border:1px solid rgba(var(--wave-primary-rgb),.5);border-radius:50%;transform:translate(-50%,-50%);animation:qRing .85s ease-out forwards;pointer-events:none}.question-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:5px}.question-meta>span{font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--text-3)}.timer{position:relative;width:44px;height:44px;display:grid;place-items:center}.timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer circle{fill:none;stroke-width:2.6}.timer-bg{stroke:var(--line)}.timer-ring{stroke:var(--signal);stroke-linecap:round;stroke-dasharray:113.1;transition:stroke-dashoffset .18s linear,stroke .18s ease}.timer strong{font-size:11px}.timer.is-low .timer-ring{stroke:var(--danger)}.timer.is-low strong{color:var(--danger);animation:timerPulse .8s ease-in-out infinite}.progress-track{width:min(110px,32%);height:4px;margin:4px 0 10px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden}.progress-track span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--signal));box-shadow:0 0 12px rgba(var(--accent-rgb),.25);transition:width .25s ease}.question-card h2{position:relative;z-index:1;margin:0 0 14px;max-width:28ch;font-size:clamp(23px,6vw,34px);line-height:1.08;font-weight:760;letter-spacing:-.045em;text-wrap:pretty}.answers{position:relative;z-index:1;display:grid;gap:7px;align-content:start}.answer-btn{position:relative;overflow:hidden;width:100%;min-height:56px;padding:9px 10px;display:grid;grid-template-columns:32px 1fr 20px;gap:9px;align-items:center;text-align:left;border:1px solid var(--line);border-radius:13px;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.012));cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.answer-btn:active{transform:scale(.993)}.answer-key{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;display:grid;place-items:center;color:var(--text-3);font-size:9px;font-weight:850}.answer-text{font-size:13px;line-height:1.22;font-weight:650;letter-spacing:-.01em}.answer-state{text-align:center;font-size:11px;font-weight:900}.answer-btn.is-selected{border-color:rgba(var(--accent-rgb),.55);background:rgba(var(--accent-rgb),.055)}.answer-btn.is-selected .answer-key{color:var(--accent);border-color:rgba(var(--accent-rgb),.45)}.answer-btn.is-correct{border-color:rgba(var(--signal-rgb),.6);background:rgba(var(--signal-rgb),.07)}.answer-btn.is-correct .answer-key{color:var(--signal);border-color:rgba(var(--signal-rgb),.5)}.answer-btn.is-wrong{border-color:rgba(var(--danger-rgb),.6);background:rgba(var(--danger-rgb),.07)}.answer-btn.is-disabled{opacity:.28;pointer-events:none}.answer-btn.wave-hit::after{content:"";position:absolute;left:var(--wave-hit-x,50%);top:var(--wave-hit-y,50%);width:8px;height:8px;border:1px solid rgba(var(--accent-rgb),.7);border-radius:50%;transform:translate(-50%,-50%);animation:ripple .7s ease-out forwards;pointer-events:none}.answer-btn.wave-hit.fail::after{border-color:rgba(var(--danger-rgb),.72)}.feedback{position:relative;z-index:1;margin-top:10px;padding-top:10px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.feedback-label{font-size:8px;font-weight:900;letter-spacing:.1em;color:var(--signal)}.feedback p{margin:3px 0 0;color:var(--text-3);font-size:10px;line-height:1.35}.feedback-icon{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:900}
@keyframes qRing{to{width:430px;height:430px;opacity:0}}@keyframes timerPulse{50%{transform:scale(1.07)}}@keyframes ripple{to{width:250px;height:250px;opacity:0}}

/* Manual/auto */
.manual-panel,.auto-panel{padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.manual-panel p,.auto-panel p{margin:4px 0 0;color:var(--text-3);font-size:10px;line-height:1.4}.manual-action-btn{width:auto;min-width:210px}.auto-panel-copy{min-width:0}.auto-theme-badge{min-height:32px;padding:0 11px;border:1px solid rgba(var(--accent-rgb),.2);border-radius:999px;background:rgba(var(--accent-rgb),.035);display:inline-flex;align-items:center;color:var(--text-2);font-size:8px;font-weight:850;letter-spacing:.12em;white-space:nowrap}

/* Simulated chat */
.simulated-chat{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(12,16,23,.95),rgba(9,12,18,.97));box-shadow:var(--shadow-soft)}.sim-chat-head{display:grid;gap:5px;padding:10px 12px 9px;border-bottom:1px solid var(--line);background:rgba(var(--stream-brand-rgb),.035)}.sim-chat-headline{display:flex;align-items:center;gap:7px}.sim-chat-dot{width:7px;height:7px;border-radius:50%;background:var(--stream-brand);box-shadow:0 0 14px rgba(var(--stream-brand-rgb),.55)}.sim-chat-head strong{font-size:8px;letter-spacing:.13em;color:var(--stream-brand-2)}.sim-chat-note{margin:0;max-width:40ch;color:var(--text-3);font-size:8px;line-height:1.35}.sim-chat-messages{display:grid;gap:7px;max-height:170px;padding:10px;overflow:hidden}.sim-chat-message{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;animation:chatIn .28s ease}.sim-chat-avatar{width:28px;height:28px;border-radius:9px;border:1px solid rgba(var(--stream-brand-rgb),.18);background:rgba(var(--stream-brand-rgb),.10);display:grid;place-items:center;color:var(--stream-brand-2);font-size:8px;font-weight:900}.sim-chat-body{min-width:0}.sim-chat-name{display:flex;align-items:center;gap:5px;font-size:9px;font-weight:850}.sim-chat-demo-tag{border:1px solid var(--line);border-radius:999px;padding:1px 4px;color:var(--text-3);font-size:6px;letter-spacing:.08em}.sim-chat-text{margin-top:2px;color:var(--text-2);font-size:10px;line-height:1.3}
@keyframes chatIn{from{opacity:0;transform:translateY(5px)}}

/* Footer */
.game-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line)}.game-footer>p{margin:0;color:var(--text-3);font-size:8px;font-weight:700;letter-spacing:.08em}.footer-actions{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.subscribe-btn-footer{min-height:42px}

/* Results */
.result{min-height:calc(100dvh - 20px);padding:clamp(64px,12vh,120px) 6px 24px;text-align:center;position:relative;overflow:hidden}.result-blob{position:absolute;left:50%;top:72px;width:180px;height:180px;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(var(--accent-rgb),.22);box-shadow:0 0 74px rgba(var(--accent-rgb),.1)}.result h2{position:relative;margin:14px 0 28px;font-size:clamp(42px,11vw,68px);line-height:.94;font-weight:800;letter-spacing:-.065em}.result h2 span{color:var(--accent)}.result-score{position:relative;width:min(280px,82vw);margin:0 auto 18px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-score span{display:block;color:var(--text-3);font-size:8px;letter-spacing:.1em}.result-score strong{font-size:52px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:420px;margin:0 auto 22px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-grid article{padding:14px 8px;border-right:1px solid var(--line)}.result-grid article:last-child{border-right:0}.result-grid strong{display:block;font-size:21px}.result-grid span{color:var(--text-3);font-size:9px}.result-actions{display:grid;gap:8px;max-width:420px;margin:auto}.result-note{margin-top:14px;color:var(--text-3);font-size:10px}.confetti-piece{position:fixed;z-index:50;width:5px;height:10px;pointer-events:none;animation:confetti .8s ease-out forwards}@keyframes confetti{to{transform:translate(var(--x),var(--y)) rotate(600deg);opacity:0}}

/* Stream scenes */
.stream-scene-overlay{position:fixed;inset:0;z-index:100;display:none;place-items:center;overflow:hidden;padding:24px;background:radial-gradient(circle at 50% 45%,rgba(var(--stream-brand-rgb),.12),transparent 28%),linear-gradient(160deg,#07090f,#0a0c13 55%,#06080d)}.stream-scene-overlay.is-visible{display:grid}.scene-content{position:relative;z-index:3;max-width:760px;text-align:center}.scene-platform{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(var(--stream-brand-rgb),.3);border-radius:999px;background:rgba(var(--stream-brand-rgb),.07);padding:8px 12px;color:var(--stream-brand-2);font-size:9px;font-weight:900;letter-spacing:.14em}.scene-live-dot{width:8px;height:8px;border-radius:50%;background:var(--stream-brand);box-shadow:0 0 16px rgba(var(--stream-brand-rgb),.55)}.scene-eyebrow{margin:24px 0 8px;color:var(--text-3);font-size:10px;letter-spacing:.24em}.scene-content h2{margin:0;font-size:clamp(54px,10vw,120px);line-height:.84;letter-spacing:-.075em;text-transform:uppercase}.scene-content>p:not(.scene-eyebrow){max-width:52ch;margin:18px auto 0;color:var(--text-2);font-size:clamp(15px,2vw,20px)}.scene-progress{width:min(440px,78vw);height:4px;margin:26px auto 0;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden}.scene-progress span{display:block;width:42%;height:100%;background:linear-gradient(90deg,var(--stream-brand),var(--stream-brand-2));animation:sceneProgress 2.2s ease-in-out infinite}.scene-go-live{margin-top:22px;min-height:50px;border:0;border-radius:999px;padding:0 22px;background:linear-gradient(135deg,var(--stream-brand),var(--stream-brand-2));color:#fff;font-weight:900;cursor:pointer}.scene-orbit{position:absolute;border:1px solid rgba(var(--stream-brand-rgb),.28);border-radius:50%;box-shadow:0 0 30px rgba(var(--stream-brand-rgb),.11);animation:orbitSpin 18s linear infinite}.scene-orbit-a{width:min(82vw,820px);height:min(82vw,820px)}.scene-orbit-b{width:min(56vw,560px);height:min(56vw,560px);animation-duration:13s;animation-direction:reverse}
@keyframes sceneProgress{from{transform:translateX(-120%)}to{transform:translateX(340%)}}

/* Stream platform colors */
body[data-stream-platform="youtube"]{--stream-brand:#ff0033;--stream-brand-2:#ff6b7d;--stream-brand-rgb:255,0,51}
body[data-stream-platform="youtube"] .platform-cta-mark::before{content:"▶"}
body[data-stream-platform="tiktok"]{--stream-brand:#25f4ee;--stream-brand-2:#fe2c55;--stream-brand-rgb:37,244,238}
body[data-stream-platform="tiktok"] .subscribe-btn{background:#111;color:#fff;border-color:rgba(255,255,255,.14)}
body[data-stream-platform="tiktok"] .subscribe-content small{color:#cbd0d8}
body[data-stream-platform="tiktok"] .platform-cta-mark{background:linear-gradient(135deg,#25f4ee,#fe2c55)}
body[data-stream-platform="tiktok"] .platform-cta-mark::before{content:"+";font-size:18px}
body[data-stream-platform="twitch"]{--stream-brand:#9147ff;--stream-brand-2:#c19cff;--stream-brand-rgb:145,71,255}
body[data-stream-platform="twitch"] .platform-cta-mark{background:#fff}
body[data-stream-platform="twitch"] .platform-cta-mark::before{content:"♡";color:#9147ff;font-size:18px}

/* Visual profiles */
body[data-stream-profile="broadcast-tv"] .wordmark b{color:#f2c55d}
body[data-stream-profile="broadcast-tv"] .question-card{border-color:rgba(242,197,93,.10)}
body[data-stream-profile="tiktok-minimal"] .host-live-controls{display:none}
body[data-stream-profile="tiktok-minimal"] .question-card,body[data-stream-profile="tiktok-minimal"] .simulated-chat{border-radius:16px}
body[data-stream-profile="youtube-cinematic"] .question-card{box-shadow:0 28px 92px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.03)}
body[data-stream-profile="youtube-cinematic"] .scene-content h2{text-shadow:0 8px 34px rgba(0,0,0,.38)}

/* Auto templates */
body[data-theme-template="matrix"]{--accent:#86ff54;--accent-rgb:134,255,84;--signal:#58d67b;--signal-rgb:88,214,123;--pulse:#6fe0c6;--pulse-rgb:111,224,198;--wave-primary-rgb:134,255,84;--wave-secondary-rgb:88,214,123;--wave-tertiary-rgb:111,224,198}
body[data-theme-template="matrix"] .app-shell{background:linear-gradient(180deg,rgba(4,12,7,.95),rgba(6,13,10,.98)),repeating-linear-gradient(90deg,transparent 0 23px,rgba(134,255,84,.035) 23px 24px)}
body[data-theme-template="interstellar"]{--accent:#6bb2ff;--accent-rgb:107,178,255;--signal:#b093ff;--signal-rgb:176,147,255;--pulse:#8fd9ff;--pulse-rgb:143,217,255;--wave-primary-rgb:107,178,255;--wave-secondary-rgb:176,147,255;--wave-tertiary-rgb:143,217,255}
body[data-theme-template="interstellar"] .app-shell{background:radial-gradient(circle at 18% 12%,rgba(107,178,255,.09),transparent 22%),radial-gradient(circle at 76% 18%,rgba(176,147,255,.06),transparent 21%),linear-gradient(180deg,rgba(5,8,17,.96),rgba(7,10,18,.99))}
body[data-theme-template="interstellar"] .app-shell::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 9% 16%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 22% 32%,rgba(255,255,255,.5) 0 1px,transparent 1.5px),radial-gradient(circle at 41% 11%,rgba(255,255,255,.44) 0 1px,transparent 1.5px),radial-gradient(circle at 73% 27%,rgba(255,255,255,.55) 0 1px,transparent 1.5px),radial-gradient(circle at 81% 63%,rgba(255,255,255,.45) 0 1px,transparent 1.5px)}
body[data-theme-template="inception"]{--accent:#7ad6ff;--accent-rgb:122,214,255;--signal:#ffb46c;--signal-rgb:255,180,108;--pulse:#9bc1ff;--pulse-rgb:155,193,255;--wave-primary-rgb:122,214,255;--wave-secondary-rgb:255,180,108;--wave-tertiary-rgb:155,193,255}
body[data-theme-template="inception"] .app-shell{background:linear-gradient(165deg,rgba(8,13,20,.96),rgba(12,16,24,.98) 52%,rgba(7,10,16,.99)),linear-gradient(123deg,transparent 0 38%,rgba(122,214,255,.045) 38% 39%,transparent 39% 61%,rgba(255,180,108,.04) 61% 62%,transparent 62%)}

/* Reactive energy states */
body.energy-hit-success .question-card{box-shadow:0 0 0 1px rgba(var(--signal-rgb),.22),0 22px 70px rgba(var(--signal-rgb),.10)}
body.energy-hit-danger .question-card{box-shadow:0 0 0 1px rgba(var(--danger-rgb),.24),0 22px 70px rgba(var(--danger-rgb),.10)}

/* Full HD */
@media (min-width:1000px){
  body[data-layout="fullhd"]{padding:14px}
  body[data-layout="fullhd"] .app-shell{width:min(100%,1680px);max-width:none;min-height:calc(100dvh - 28px);padding:18px 20px 20px;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow-deep)}
  body[data-layout="fullhd"] .setup{max-width:1180px;margin:auto}
  body[data-layout="fullhd"] .setup-stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px}
  body[data-layout="fullhd"] .run-summary,body[data-layout="fullhd"] .run-specs,body[data-layout="fullhd"] .start-run-btn,body[data-layout="fullhd"] .setup-note{grid-column:1/-1}
  body[data-layout="fullhd"] .stream-launch-panel{grid-template-columns:1.2fr minmax(260px,340px);align-items:center}
  body[data-layout="fullhd"] .game-stage{grid-template-columns:320px minmax(0,1fr);gap:18px;min-height:calc(100dvh - 72px)}
  body[data-layout="fullhd"] .game-sidebar{position:sticky;top:18px;gap:9px}
  body[data-layout="fullhd"] .visual-zone{height:154px}
  body[data-layout="fullhd"] .boosts{grid-template-columns:1fr}
  body[data-layout="fullhd"] .game-main{display:grid;grid-template-columns:minmax(0,1fr) 330px;grid-template-areas:"question question" "manual chat" "auto chat" "footer footer";gap:10px 12px;min-width:0;align-content:start}
  body[data-layout="fullhd"] .question-card{grid-area:question;min-height:490px;padding:24px 26px 22px;border-radius:28px;display:flex;flex-direction:column}
  body[data-layout="fullhd"] .question-card h2{font-size:clamp(30px,2.55vw,42px);line-height:1.04;max-width:25ch;margin:2px 0 20px}
  body[data-layout="fullhd"] .answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto}
  body[data-layout="fullhd"] .answer-btn{min-height:68px;padding:11px 12px;grid-template-columns:34px 1fr 22px;border-radius:15px}
  body[data-layout="fullhd"] .answer-key{width:32px;height:32px}
  body[data-layout="fullhd"] .answer-text{font-size:14px;line-height:1.22}
  body[data-layout="fullhd"] .manual-panel{grid-area:manual}
  body[data-layout="fullhd"] .auto-panel{grid-area:auto}
  body[data-layout="fullhd"] .simulated-chat{grid-area:chat;align-self:start}
  body[data-layout="fullhd"] .game-footer{grid-area:footer;margin-top:0}
  body[data-layout="fullhd"] .subscribe-btn-footer{max-width:300px}
}

/* Strict 9:16 vertical stream composition */
body[data-layout="vertical"]{height:100svh;min-height:100svh;overflow:hidden;display:grid;place-items:center;background:#05070b}
body[data-layout="vertical"] .app-shell{width:min(100vw,56.25svh);height:min(100svh,177.7778vw);min-height:0;aspect-ratio:9/16;overflow:hidden;margin:auto;padding:7px 8px;border:1px solid rgba(255,255,255,.06);box-shadow:0 28px 90px rgba(0,0,0,.46)}
body[data-layout="vertical"] .game.screen.is-active{height:100%;min-height:0}
body[data-layout="vertical"] .game-stage{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);gap:5px}
body[data-layout="vertical"] .game-sidebar{gap:4px;min-height:0}
body[data-layout="vertical"] .topbar{min-height:34px;padding-bottom:5px}
body[data-layout="vertical"] .mini-label{font-size:6px;margin-bottom:0}body[data-layout="vertical"] .wordmark{font-size:16px}body[data-layout="vertical"] .micro-live-line{font-size:6.5px;margin-top:2px}body[data-layout="vertical"] .top-actions{gap:5px}body[data-layout="vertical"] .icon-btn{width:32px;height:32px;border-radius:10px}
body[data-layout="vertical"] .status-grid{gap:0}body[data-layout="vertical"] .status-card{min-height:40px;padding:5px 7px}body[data-layout="vertical"] .status-card strong{font-size:13px}body[data-layout="vertical"] .status-level strong{font-size:16px}body[data-layout="vertical"] .status-kicker{font-size:6px}body[data-layout="vertical"] .status-icon{width:22px;min-width:22px;height:22px;border-radius:7px;font-size:7px}
body[data-layout="vertical"] .visual-zone{height:68px;border-radius:14px}body[data-layout="vertical"] .hero-badge{width:46px;height:46px;border-radius:14px}body[data-layout="vertical"] .hero-badge strong{font-size:18px}body[data-layout="vertical"] .badge-micro{display:none}body[data-layout="vertical"] .hero-ring-1{width:60px;height:60px}body[data-layout="vertical"] .hero-ring-2{width:78px;height:78px}body[data-layout="vertical"] .hero-ring-3{width:98px;height:98px}body[data-layout="vertical"] .hero-ring-4{width:120px;height:120px}body[data-layout="vertical"] .ticker{bottom:3px;font-size:5.8px;gap:4px}
body[data-layout="vertical"] .session-meta,body[data-layout="vertical"] .host-live-controls,body[data-layout="vertical"] .boosts{display:none!important}
body[data-layout="vertical"] .game-main{position:relative;height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 42px;gap:4px}
body[data-layout="vertical"] .question-card{height:100%;min-height:0;padding:9px 10px 8px;border-radius:17px;display:flex;flex-direction:column}
body[data-layout="vertical"] .question-meta{min-height:28px;margin-bottom:1px}body[data-layout="vertical"] .question-meta>span{font-size:7px}body[data-layout="vertical"] .timer{width:34px;height:34px}body[data-layout="vertical"] .timer strong{font-size:9px}body[data-layout="vertical"] .progress-track{width:82px;height:3px;margin:3px 0 7px}body[data-layout="vertical"] .question-card h2{font-size:clamp(16px,2.3vh,21px);line-height:1.05;margin:0 0 7px;max-width:100%;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
body[data-layout="vertical"] .answers{grid-template-rows:repeat(4,minmax(46px,auto));gap:5px;flex:0 0 auto}body[data-layout="vertical"] .answer-btn{min-height:46px;padding:6px 7px;grid-template-columns:25px 1fr 16px;gap:7px;border-radius:11px}body[data-layout="vertical"] .answer-key{width:24px;height:24px;border-radius:7px;font-size:8px}body[data-layout="vertical"] .answer-text{font-size:10.5px;line-height:1.13;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body[data-layout="vertical"] .answer-state{font-size:9px}body[data-layout="vertical"] .feedback{margin-top:6px;padding-top:6px;min-height:30px}body[data-layout="vertical"] .feedback p{font-size:8px;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body[data-layout="vertical"] .feedback-icon{width:24px;height:24px}
body[data-layout="vertical"] .manual-panel,body[data-layout="vertical"] .auto-panel{display:none!important}
body[data-layout="vertical"] .simulated-chat{position:absolute;left:6px;right:6px;bottom:45px;z-index:7;min-height:48px;border-radius:11px;background:rgba(8,10,16,.9);pointer-events:none}body[data-layout="vertical"] .sim-chat-head{padding:4px 6px 1px;border-bottom:0;background:transparent}body[data-layout="vertical"] .sim-chat-headline{gap:5px}body[data-layout="vertical"] .sim-chat-head strong{font-size:6px}body[data-layout="vertical"] .sim-chat-note{font-size:5.4px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}body[data-layout="vertical"] .sim-chat-messages{height:26px;max-height:26px;padding:1px 6px 4px}body[data-layout="vertical"] .sim-chat-message{display:none;grid-template-columns:20px 1fr;gap:5px;align-items:center}body[data-layout="vertical"] .sim-chat-message:last-child{display:grid}body[data-layout="vertical"] .sim-chat-avatar{width:20px;height:20px;border-radius:6px;font-size:6px}body[data-layout="vertical"] .sim-chat-name{font-size:6.8px}body[data-layout="vertical"] .sim-chat-demo-tag{font-size:5px;padding:0 3px}body[data-layout="vertical"] .sim-chat-text{font-size:7.8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:0}
body[data-layout="vertical"] .game-footer{height:42px;min-height:42px;padding:4px 5px;border-top:1px solid var(--line)}body[data-layout="vertical"] .game-footer>p{display:none}body[data-layout="vertical"] .footer-actions{width:100%;display:grid;grid-template-columns:minmax(0,1.25fr) auto auto;gap:4px}body[data-layout="vertical"] .subscribe-btn-footer{height:32px;min-height:32px;padding:3px 8px;gap:6px}body[data-layout="vertical"] .subscribe-btn-footer .platform-cta-mark{width:22px;height:22px;border-radius:6px}body[data-layout="vertical"] .subscribe-btn-footer .subscribe-content strong{font-size:8px}body[data-layout="vertical"] .subscribe-btn-footer .subscribe-content small{display:none}body[data-layout="vertical"] .ghost-btn{min-height:28px;padding:5px 7px;font-size:7px}
body[data-layout="vertical"] .setup.screen.is-active,body[data-layout="vertical"] .result.screen.is-active,body[data-layout="vertical"] .splash.screen.is-active{height:100%;overflow:auto;overscroll-behavior:contain}
body[data-layout="vertical"] .stream-scene-overlay{padding:18px}

/* Responsive setup */
@media (max-width:720px){.platform-choice-grid,.scene-choice-grid{grid-template-columns:1fr}.run-specs{grid-template-columns:repeat(2,1fr)}.stream-launch-panel{grid-template-columns:1fr}}
@media (max-width:560px){.choice-grid-2{grid-template-columns:1fr}.run-summary{align-items:flex-start;flex-direction:column}.summary-pills{justify-content:flex-start}.run-specs{grid-template-columns:1fr}.database-strip{grid-template-columns:auto 1fr}.database-mode{grid-column:2}.manual-action-btn{width:100%;min-width:0}}
@media (max-height:760px){body[data-layout="vertical"] .visual-zone{height:55px}body[data-layout="vertical"] .hero-ring-4{display:none}body[data-layout="vertical"] .question-card h2{font-size:15px;-webkit-line-clamp:3}body[data-layout="vertical"] .answers{grid-template-rows:repeat(4,minmax(42px,auto))}body[data-layout="vertical"] .answer-btn{min-height:42px}body[data-layout="vertical"] .simulated-chat{display:none}}

/* Reduced motion */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.light-wave-field{display:none}}
@media (prefers-contrast:more){:root{--line:rgba(233,239,248,.24);--line-strong:rgba(233,239,248,.38)}.answer-btn,.question-card,.choice-card,.platform-choice,.profile-card,.ghost-btn,.boost-btn{border-width:2px}}


/* ===== V16 — Associative Templates (No concept names in UI) ===== */
.auto-theme-badge{
  position:relative;
  gap:8px;
  padding-left:34px;
}
.auto-theme-badge::before{
  content:"";
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  width:14px;
  height:14px;
  border-radius:4px;
  border:1px solid rgba(255,255,255,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.05));
  box-shadow:0 0 16px rgba(255,255,255,.08);
}
.auto-theme-badge[data-theme-template="matrix"]::before{
  border-radius:3px;
  background:
    repeating-linear-gradient(90deg, rgba(134,255,84,.85) 0 1px, transparent 1px 3px),
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02));
  box-shadow:0 0 16px rgba(134,255,84,.26);
}
.auto-theme-badge[data-theme-template="interstellar"]::before{
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.95) 0 1px, transparent 1.8px),
    radial-gradient(circle at 65% 35%, rgba(107,178,255,.90) 0 55%, transparent 58%),
    radial-gradient(circle at 35% 70%, rgba(176,147,255,.70) 0 36%, transparent 40%);
  box-shadow:0 0 16px rgba(107,178,255,.26);
}
.auto-theme-badge[data-theme-template="inception"]::before{
  border-radius:4px;
  background:
    linear-gradient(140deg, transparent 0 45%, rgba(122,214,255,.9) 46% 49%, transparent 50% 100%),
    linear-gradient(35deg, transparent 0 58%, rgba(255,180,108,.95) 59% 62%, transparent 63% 100%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  box-shadow:0 0 16px rgba(122,214,255,.24);
}

/* Establish layers for template graphics */
.app-shell,.visual-zone,.question-card{position:relative;overflow:hidden}
body[data-theme-template] .visual-zone::before,
body[data-theme-template] .visual-zone::after,
body[data-theme-template] .question-card::before,
body[data-theme-template] .question-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
body[data-theme-template] .visual-zone > *,
body[data-theme-template] .question-card > *{position:relative;z-index:1}

/* Matrix: code-rain / scan-grid associative language */
body[data-theme-template="matrix"] .app-shell::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.16)),
    repeating-linear-gradient(90deg, transparent 0 18px, rgba(134,255,84,.05) 18px 19px, transparent 19px 37px),
    repeating-linear-gradient(180deg, transparent 0 16px, rgba(88,214,123,.03) 16px 17px, transparent 17px 34px),
    radial-gradient(circle at 50% 18%, rgba(134,255,84,.06), transparent 26%);
  mix-blend-mode:screen;
}
body[data-theme-template="matrix"] .visual-zone::before{
  opacity:.95;
  background:
    repeating-linear-gradient(90deg,
      transparent 0 8%, rgba(134,255,84,.11) 8% 8.5%, transparent 8.5% 16%),
    linear-gradient(180deg, rgba(134,255,84,.00), rgba(134,255,84,.14) 40%, rgba(134,255,84,.01) 100%);
  animation:matrixRain 11s linear infinite;
}
body[data-theme-template="matrix"] .question-card::after{
  inset:auto 0 0 0;
  height:38%;
  background:
    linear-gradient(180deg, transparent, rgba(14,36,18,.24)),
    repeating-linear-gradient(90deg, transparent 0 24px, rgba(134,255,84,.035) 24px 25px, transparent 25px 50px);
}
@keyframes matrixRain{
  0%{transform:translateY(-28%)}
  100%{transform:translateY(28%)}
}

/* Interstellar: starfield, lensing, orbital arcs */
body[data-theme-template="interstellar"] .app-shell::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.75) 0 1px, transparent 1.5px),
    radial-gradient(circle at 29% 32%, rgba(255,255,255,.62) 0 1px, transparent 1.5px),
    radial-gradient(circle at 42% 9%, rgba(255,255,255,.56) 0 1px, transparent 1.5px),
    radial-gradient(circle at 74% 21%, rgba(255,255,255,.7) 0 1px, transparent 1.5px),
    radial-gradient(circle at 83% 66%, rgba(255,255,255,.52) 0 1px, transparent 1.5px),
    radial-gradient(circle at 63% 83%, rgba(255,255,255,.48) 0 1px, transparent 1.5px),
    radial-gradient(circle at 50% 18%, rgba(107,178,255,.08), transparent 16%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.015), transparent 65%);
}
body[data-theme-template="interstellar"] .visual-zone::before{
  inset:10% 28% 10% 28%;
  border-radius:50%;
  background:radial-gradient(circle at center, rgba(255,255,255,.82) 0 3%, rgba(107,178,255,.25) 13%, rgba(176,147,255,.12) 24%, transparent 60%);
  filter:blur(.3px);
}
body[data-theme-template="interstellar"] .visual-zone::after{
  inset:18% 20% 18% 20%;
  border-radius:50%;
  border:1px solid rgba(143,217,255,.18);
  box-shadow:
    0 0 0 24px rgba(107,178,255,.03),
    0 0 0 54px rgba(176,147,255,.025);
}
body[data-theme-template="interstellar"] .question-card::after{
  inset:auto 0 0 0;
  height:42%;
  background:radial-gradient(ellipse at 50% 100%, rgba(107,178,255,.07), transparent 60%);
}

/* Inception: perspective city-plane / architectural vanishing geometry */
body[data-theme-template="inception"] .app-shell::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.015), transparent 24%),
    linear-gradient(135deg, transparent 0 36%, rgba(122,214,255,.075) 36% 36.5%, transparent 36.5% 100%),
    linear-gradient(45deg, transparent 0 62%, rgba(255,180,108,.05) 62% 62.5%, transparent 62.5% 100%);
}
body[data-theme-template="inception"] .visual-zone::before{
  inset:0;
  background:
    linear-gradient(90deg, transparent 0 10%, rgba(122,214,255,.11) 10.3% 10.7%, transparent 11% 89%, rgba(255,180,108,.09) 89.3% 89.7%, transparent 90%),
    linear-gradient(180deg, transparent 0 52%, rgba(255,255,255,.03) 52% 53%, transparent 53%);
  transform:perspective(800px) rotateX(63deg) scale(1.3) translateY(22%);
  transform-origin:center bottom;
  opacity:.9;
}
body[data-theme-template="inception"] .question-card::before{
  inset:0;
  background:
    linear-gradient(120deg, transparent 0 22%, rgba(122,214,255,.04) 22% 22.4%, transparent 22.4% 100%),
    linear-gradient(60deg, transparent 0 73%, rgba(255,180,108,.05) 73% 73.4%, transparent 73.4% 100%);
}
body[data-theme-template="inception"] .question-card::after{
  inset:auto 12% 16% 12%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
  box-shadow:0 -72px 0 rgba(122,214,255,.04), 0 -144px 0 rgba(255,180,108,.03);
}

/* Vertical keeps motifs visible but controlled */
body[data-layout="vertical"][data-theme-template="matrix"] .visual-zone::before{opacity:.82}
body[data-layout="vertical"][data-theme-template="interstellar"] .visual-zone::after{inset:16% 18% 16% 18%}
body[data-layout="vertical"][data-theme-template="inception"] .visual-zone::before{transform:perspective(700px) rotateX(68deg) scale(1.36) translateY(22%)}

/* Full HD a bit stronger */
@media (min-width:1000px){
  body[data-layout="fullhd"][data-theme-template="matrix"] .visual-zone::before{background:
    repeating-linear-gradient(90deg, transparent 0 6%, rgba(134,255,84,.12) 6% 6.35%, transparent 6.35% 12%),
    linear-gradient(180deg, rgba(134,255,84,0), rgba(134,255,84,.18) 42%, rgba(134,255,84,.01) 100%)}
  body[data-layout="fullhd"][data-theme-template="interstellar"] .visual-zone::after{box-shadow:0 0 0 30px rgba(107,178,255,.03), 0 0 0 70px rgba(176,147,255,.025)}
  body[data-layout="fullhd"][data-theme-template="inception"] .visual-zone::before{transform:perspective(920px) rotateX(61deg) scale(1.24) translateY(20%)}
}


/* ===== V17 — Cinematic theme transitions + distinct wave systems ===== */
.ambient,
.light-wave-field,
.orbital-wave,
.orbital-wave::before,
.light-wave-center,
.visual-zone,
.visual-zone::before,
.visual-zone::after,
.question-card,
.question-card::before,
.question-card::after,
.hero-ring,
.hero-ring::before,
.hero-badge,
.ticker,
.auto-theme-badge{
  transition:
    opacity .65s ease,
    filter .65s ease,
    transform .7s ease,
    background .65s ease,
    border-color .45s ease,
    box-shadow .55s ease;
}

body.theme-switching .ambient{animation:ambientMorph .95s ease both}
body.theme-switching .light-wave-field{animation:themeFieldFlash .95s ease both}
body.theme-switching .visual-zone{animation:themePanelBloom .95s ease both}
body.theme-switching .question-card{animation:themeCardSettle 1.05s ease both}
body.theme-switching .hero-rings{animation:themeRingLift 1.0s ease both}
body.theme-switching .auto-theme-badge{animation:themeBadgePulse .82s ease both}

@keyframes themeFieldFlash{
  0%{opacity:.22;filter:blur(12px) saturate(1.5) brightness(1.28)}
  38%{opacity:1;filter:blur(0) saturate(1.7) brightness(1.45)}
  100%{opacity:1;filter:saturate(1.35) brightness(1.08)}
}
@keyframes themePanelBloom{
  0%{transform:scale(.985);box-shadow:0 0 0 rgba(0,0,0,0)}
  42%{transform:scale(1.008);box-shadow:0 0 0 1px rgba(255,255,255,.05),0 0 56px rgba(var(--wave-primary-rgb),.14)}
  100%{transform:scale(1)}
}
@keyframes themeCardSettle{
  0%{opacity:.88;transform:translateY(5px) scale(.996)}
  45%{opacity:1;transform:translateY(-2px) scale(1.004)}
  100%{opacity:1;transform:none}
}
@keyframes themeRingLift{
  0%{opacity:.3;transform:translateY(4px) scale(.94)}
  50%{opacity:1;transform:translateY(-2px) scale(1.05)}
  100%{opacity:1;transform:none}
}
@keyframes themeBadgePulse{
  0%{transform:scale(.94);filter:blur(2px)}
  35%{transform:scale(1.05);filter:none}
  100%{transform:scale(1)}
}
@keyframes ambientMorph{
  0%{opacity:.08;transform:scale(.92)}
  55%{opacity:.28;transform:scale(1.04)}
  100%{opacity:.16;transform:scale(1)}
}

/* Core wave-light system tuning by template */
body[data-theme-template="matrix"] .light-wave-field{filter:saturate(1.55) brightness(1.14)}
body[data-theme-template="matrix"] .orbital-wave{
  border-color:rgba(134,255,84,.34);
  box-shadow:0 0 22px rgba(134,255,84,.12),0 0 72px rgba(88,214,123,.06);
  animation-duration:11s;
}
body[data-theme-template="matrix"] .orbital-wave::before{
  background:conic-gradient(from 90deg, transparent 0 10%, rgba(134,255,84,.95) 10% 12%, transparent 12% 22%, rgba(88,214,123,.86) 22% 24%, transparent 24% 50%, rgba(111,224,198,.72) 50% 52%, transparent 52% 78%, rgba(134,255,84,.92) 78% 80%, transparent 80%);
  -webkit-mask:radial-gradient(circle,transparent calc(50% - 1px),#000 calc(50% - 1px),#000 calc(50% + 1.5px),transparent calc(50% + 1.5px));
  mask:radial-gradient(circle,transparent calc(50% - 1px),#000 calc(50% - 1px),#000 calc(50% + 1.5px),transparent calc(50% + 1.5px));
}
body[data-theme-template="matrix"] .hero-ring{border-color:rgba(134,255,84,.24);box-shadow:0 0 18px rgba(134,255,84,.16)}
body[data-theme-template="matrix"] .hero-ring::before{background:conic-gradient(from 180deg, transparent, rgba(134,255,84,.92), transparent 30%, rgba(88,214,123,.75) 50%, transparent 66%, rgba(111,224,198,.6) 82%, transparent)}
body[data-theme-template="matrix"] .hero-rings{filter:drop-shadow(0 0 8px rgba(134,255,84,.22))}
body[data-theme-template="matrix"] .ambient-a,
body[data-theme-template="matrix"] .ambient-b{filter:blur(54px) saturate(1.4)}

body[data-theme-template="interstellar"] .light-wave-field{filter:saturate(1.18) brightness(1.05)}
body[data-theme-template="interstellar"] .orbital-wave{
  border-color:rgba(107,178,255,.22);
  box-shadow:0 0 28px rgba(107,178,255,.10),0 0 94px rgba(176,147,255,.06);
}
body[data-theme-template="interstellar"] .orbital-wave::before{
  background:conic-gradient(from 10deg, transparent 0 26%, rgba(107,178,255,.65) 33%, transparent 40% 60%, rgba(176,147,255,.55) 68%, transparent 78% 94%, rgba(143,217,255,.44) 98%, transparent);
  -webkit-mask:radial-gradient(circle,transparent calc(50% - 2px),#000 calc(50% - 2px),#000 calc(50% + 2px),transparent calc(50% + 2px));
  mask:radial-gradient(circle,transparent calc(50% - 2px),#000 calc(50% - 2px),#000 calc(50% + 2px),transparent calc(50% + 2px));
}
body[data-theme-template="interstellar"] .orbital-wave-a{animation-duration:26s}
body[data-theme-template="interstellar"] .orbital-wave-b{animation-duration:22s}
body[data-theme-template="interstellar"] .orbital-wave-c{animation-duration:30s}
body[data-theme-template="interstellar"] .orbital-wave-d{animation-duration:20s}
body[data-theme-template="interstellar"] .hero-ring{border-color:rgba(143,217,255,.18);box-shadow:0 0 22px rgba(107,178,255,.14)}
body[data-theme-template="interstellar"] .hero-ring::before{background:conic-gradient(from 40deg, transparent 0 22%, rgba(255,255,255,.75) 24%, transparent 28% 54%, rgba(143,217,255,.48) 58%, transparent 66% 88%, rgba(176,147,255,.44) 92%, transparent)}
body[data-theme-template="interstellar"] .hero-badge{box-shadow:0 0 32px rgba(107,178,255,.18),0 0 68px rgba(176,147,255,.06)}
body[data-theme-template="interstellar"] .ambient-a,
body[data-theme-template="interstellar"] .ambient-b{opacity:.13;filter:blur(74px) saturate(1.08)}

body[data-theme-template="inception"] .light-wave-field{filter:saturate(1.28) brightness(1.1)}
body[data-theme-template="inception"] .orbital-wave{border-color:rgba(122,214,255,.22);box-shadow:0 0 22px rgba(122,214,255,.11),0 0 76px rgba(255,180,108,.05)}
body[data-theme-template="inception"] .orbital-wave::before{
  background:conic-gradient(from 120deg, transparent 0 18%, rgba(122,214,255,.78) 26%, transparent 34% 56%, rgba(255,180,108,.68) 63%, transparent 72% 86%, rgba(155,193,255,.58) 92%, transparent);
}
body[data-theme-template="inception"] .orbital-wave-a,
body[data-theme-template="inception"] .orbital-wave-c,
body[data-theme-template="inception"] .orbital-wave-e{transform:skewY(-16deg) rotate(-18deg)}
body[data-theme-template="inception"] .orbital-wave-b,
body[data-theme-template="inception"] .orbital-wave-d,
body[data-theme-template="inception"] .orbital-wave-f{transform:skewY(15deg) rotate(20deg)}
body[data-theme-template="inception"] .hero-ring{border-color:rgba(122,214,255,.18);box-shadow:0 0 20px rgba(122,214,255,.12)}
body[data-theme-template="inception"] .hero-ring-1,
body[data-theme-template="inception"] .hero-ring-3{transform:translate(-50%,-50%) rotate(-14deg) scaleX(1.12)}
body[data-theme-template="inception"] .hero-ring-2,
body[data-theme-template="inception"] .hero-ring-4{transform:translate(-50%,-50%) rotate(18deg) scaleY(.92)}
body[data-theme-template="inception"] .hero-ring::before{background:conic-gradient(from 140deg, transparent 0 20%, rgba(122,214,255,.78) 30%, transparent 42% 58%, rgba(255,180,108,.68) 66%, transparent 76% 88%, rgba(155,193,255,.55) 94%, transparent)}
body[data-theme-template="inception"] .ambient-a,
body[data-theme-template="inception"] .ambient-b{filter:blur(60px) saturate(1.22)}

/* Distinct layout calibration per template */
body[data-layout="vertical"][data-theme-template="matrix"] .visual-zone{height:70px;background:radial-gradient(circle at 50% 42%, rgba(134,255,84,.12), transparent 30%), rgba(255,255,255,.015)}
body[data-layout="vertical"][data-theme-template="matrix"] .question-card h2{font-size:clamp(16px,2.28vh,20px)}
body[data-layout="vertical"][data-theme-template="matrix"] .answers{grid-template-rows:repeat(4,minmax(44px,auto))}
body[data-layout="vertical"][data-theme-template="matrix"] .simulated-chat{background:rgba(5,12,8,.90)}

body[data-layout="vertical"][data-theme-template="interstellar"] .visual-zone{height:78px;background:radial-gradient(circle at 50% 36%, rgba(107,178,255,.12), transparent 34%), rgba(255,255,255,.015)}
body[data-layout="vertical"][data-theme-template="interstellar"] .question-card h2{font-size:clamp(15.5px,2.18vh,20px);line-height:1.04}
body[data-layout="vertical"][data-theme-template="interstellar"] .simulated-chat{background:rgba(6,10,19,.90)}
body[data-layout="vertical"][data-theme-template="interstellar"] .hero-ring-4{display:block}

body[data-layout="vertical"][data-theme-template="inception"] .visual-zone{height:64px;background:radial-gradient(circle at 50% 42%, rgba(122,214,255,.08), transparent 30%), rgba(255,255,255,.015)}
body[data-layout="vertical"][data-theme-template="inception"] .question-card h2{font-size:clamp(16.2px,2.26vh,20px)}
body[data-layout="vertical"][data-theme-template="inception"] .answers{grid-template-rows:repeat(4,minmax(45px,auto))}
body[data-layout="vertical"][data-theme-template="inception"] .simulated-chat{background:rgba(9,13,20,.90)}

@media (min-width:1000px){
  body[data-layout="fullhd"][data-theme-template="matrix"] .visual-zone{height:164px}
  body[data-layout="fullhd"][data-theme-template="matrix"] .question-card{min-height:500px}
  body[data-layout="fullhd"][data-theme-template="matrix"] .question-card h2{font-size:clamp(29px,2.45vw,39px)}
  body[data-layout="fullhd"][data-theme-template="matrix"] .answers{gap:10px}

  body[data-layout="fullhd"][data-theme-template="interstellar"] .visual-zone{height:178px}
  body[data-layout="fullhd"][data-theme-template="interstellar"] .question-card{min-height:540px}
  body[data-layout="fullhd"][data-theme-template="interstellar"] .question-card h2{font-size:clamp(31px,2.58vw,43px);max-width:23ch}
  body[data-layout="fullhd"][data-theme-template="interstellar"] .answers{gap:12px}
  body[data-layout="fullhd"][data-theme-template="interstellar"] .simulated-chat{backdrop-filter:blur(14px) saturate(1.08)}

  body[data-layout="fullhd"][data-theme-template="inception"] .visual-zone{height:150px}
  body[data-layout="fullhd"][data-theme-template="inception"] .question-card{min-height:512px}
  body[data-layout="fullhd"][data-theme-template="inception"] .question-card h2{font-size:clamp(30px,2.48vw,41px);max-width:24ch}
  body[data-layout="fullhd"][data-theme-template="inception"] .answers{gap:11px}
}

@media (prefers-reduced-motion:reduce){
  body.theme-switching .ambient,
  body.theme-switching .light-wave-field,
  body.theme-switching .visual-zone,
  body.theme-switching .question-card,
  body.theme-switching .hero-rings,
  body.theme-switching .auto-theme-badge{animation:none!important}
}


/* ===== V18 — YouTube retention + subscribe intent ===== */
.community-prompt{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  margin:0 0 11px;
  padding:7px 9px;
  border-radius:11px;
  border:1px solid rgba(var(--wave-primary-rgb),.12);
  background:linear-gradient(90deg,rgba(var(--wave-primary-rgb),.045),rgba(255,255,255,.014),rgba(var(--wave-tertiary-rgb),.035));
  color:var(--text-2);
}
.community-prompt-pulse{
  width:7px;height:7px;border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 0 rgba(var(--accent-rgb),.38);
  animation:communityPulse 1.65s ease-out infinite;
}
.community-prompt strong{font-size:10.5px;line-height:1.25;font-weight:720;letter-spacing:-.005em}
.community-prompt>span:last-child{font-size:8px;font-weight:900;letter-spacing:.11em;color:var(--text-3);white-space:nowrap}
@keyframes communityPulse{0%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),.38)}70%{box-shadow:0 0 0 9px rgba(var(--accent-rgb),0)}100%{box-shadow:0 0 0 0 rgba(var(--accent-rgb),0)}}

/* YouTube CTA: familiar, benefit-led, but still original Quiz Pulse */
body[data-stream-platform="youtube"] .subscribe-btn{
  background:linear-gradient(180deg,#ff4358,#e92a42);
  box-shadow:0 10px 26px rgba(233,42,66,.24),0 0 0 1px rgba(255,255,255,.08) inset;
}
body[data-stream-platform="youtube"] .subscribe-btn::after{
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.015));
}
body[data-stream-platform="youtube"] .subscribe-aura{
  background:radial-gradient(circle at 35% 50%,rgba(255,67,88,.34),transparent 34%),radial-gradient(circle at 74% 52%,rgba(255,255,255,.08),transparent 32%);
}
body[data-stream-platform="youtube"] .subscribe-content strong{font-size:12px;letter-spacing:.025em}
body[data-stream-platform="youtube"] .subscribe-content small{font-size:9px;color:rgba(255,255,255,.84)}

/* High-intent moment: animate the existing CTA only, no extra game buttons */
body.subscribe-nudge-active[data-stream-platform="youtube"] .subscribe-btn-footer{
  animation:subscribeNudge 1.15s cubic-bezier(.2,.7,.2,1) 0s 3;
  box-shadow:0 12px 34px rgba(233,42,66,.34),0 0 0 1px rgba(255,255,255,.10) inset,0 0 30px rgba(255,67,88,.14);
}
body.subscribe-nudge-active[data-stream-platform="youtube"] .subscribe-btn-footer .platform-cta-mark{
  animation:subscribeMarkBeat .9s ease-in-out 3;
}
@keyframes subscribeNudge{0%,100%{transform:translateY(0) scale(1)}45%{transform:translateY(-2px) scale(1.025)}}
@keyframes subscribeMarkBeat{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}

.result-community-cta{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(220px,300px);
  align-items:center;
  gap:14px;
  max-width:620px;
  margin:0 auto 12px;
  padding:14px 15px;
  border-radius:18px;
  border:1px solid var(--line);
  background:linear-gradient(135deg,rgba(255,255,255,.028),rgba(255,255,255,.012));
  box-shadow:var(--shadow-soft);
  text-align:left;
}
.result-community-kicker{display:block;margin-bottom:4px;font-size:8px;font-weight:900;letter-spacing:.15em;color:var(--danger)}
.result-community-cta>div>strong{font-size:14px;line-height:1.25;letter-spacing:-.015em}
.result-community-cta .subscribe-btn{width:100%;justify-content:flex-start}

/* Short-form inspired rhythm without shrinking readability */
.question-card{contain:layout paint}
.answer-btn.is-correct{animation:answerSuccessPop .38s cubic-bezier(.2,.8,.2,1)}
.answer-btn.is-wrong{animation:answerWrongTap .32s ease}
@keyframes answerSuccessPop{0%{transform:scale(.985)}55%{transform:scale(1.008)}100%{transform:scale(1)}}
@keyframes answerWrongTap{0%,100%{transform:translateX(0)}35%{transform:translateX(-2px)}70%{transform:translateX(2px)}}

@media (min-width:1000px){
  body[data-layout="fullhd"] .community-prompt{max-width:680px;margin-bottom:14px;padding:8px 10px}
  body[data-layout="fullhd"] .community-prompt strong{font-size:11.5px}
}

body[data-layout="vertical"] .community-prompt{
  margin:0 0 6px;
  padding:5px 6px;
  gap:6px;
  border-radius:9px;
}
body[data-layout="vertical"] .community-prompt-pulse{width:5px;height:5px}
body[data-layout="vertical"] .community-prompt strong{
  font-size:7.8px;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body[data-layout="vertical"] .community-prompt>span:last-child{font-size:6px}
body[data-layout="vertical"] .result-community-cta{grid-template-columns:1fr;gap:8px;padding:10px;max-width:100%}
body[data-layout="vertical"] .result-community-cta .subscribe-btn{min-height:38px}

@media (max-width:620px){
  .result-community-cta{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .community-prompt-pulse,
  body.subscribe-nudge-active .subscribe-btn-footer,
  body.subscribe-nudge-active .platform-cta-mark,
  .answer-btn.is-correct,
  .answer-btn.is-wrong{animation:none!important}
}


/* ===== V19 — Autonomous Computer Demo + Resolution Fit ===== */
:root{
  --stage-width: 432px;
  --stage-height: 768px;
  --viewport-gap: 8px;
  --ui-scale: 1;
}
.question-meta-copy{display:grid;gap:3px;align-content:center;min-width:0}
.computer-status{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  align-items:center;
  gap:5px;
  color:var(--accent);
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
  white-space:nowrap;
}
.computer-status::before{
  content:"";
  width:6px;height:6px;border-radius:2px;
  background:currentColor;
  box-shadow:0 0 12px currentColor;
}
.computer-status[data-cpu-state="thinking"]::before{animation:cpuThink .75s steps(2,end) infinite}
.computer-status[data-cpu-state="choice"]{color:var(--warm)}
.computer-status[data-cpu-state="success"]{color:var(--signal)}
.computer-status[data-cpu-state="fail"]{color:var(--danger)}
body[data-mode="manual"] .computer-status{display:none}
@keyframes cpuThink{50%{opacity:.22;transform:scale(.72)}}

.answer-btn.is-computer-locked{cursor:default}
.answer-btn.is-computer-scan{
  border-color:rgba(var(--accent-rgb),.30);
  background:rgba(var(--accent-rgb),.035);
  box-shadow:0 0 0 1px rgba(var(--accent-rgb),.04) inset,0 0 20px rgba(var(--accent-rgb),.045);
}
.answer-btn.is-computer-choice{
  border-color:rgba(var(--warm-rgb,255,209,102),.50);
  transform:translateY(-1px);
  box-shadow:0 0 0 1px rgba(255,209,102,.08),0 0 28px rgba(255,209,102,.10);
}
body[data-mode="auto"] .boosts{opacity:.52;filter:saturate(.65)}
body[data-mode="auto"] .boosts::after{
  content:"DEMO AUTONOM";
  position:absolute;inset:0;display:grid;place-items:center;
  background:rgba(7,10,15,.32);backdrop-filter:blur(1px);
  color:var(--text-3);font-size:8px;font-weight:900;letter-spacing:.16em;
}

/* Exact stage fit only during gameplay. Ambient background keeps the composition integrated with any viewport. */
body.is-game-active{
  min-height:100dvh;
  height:100dvh;
  padding:var(--viewport-gap);
  display:grid;
  place-items:center;
  overflow:hidden;
}
body.is-game-active .app-shell{
  width:var(--stage-width)!important;
  height:var(--stage-height)!important;
  min-height:0!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box;
  overflow:hidden;
}
body.is-game-active[data-layout="vertical"] .app-shell{aspect-ratio:9/16}
body.is-game-active[data-layout="fullhd"] .app-shell{
  aspect-ratio:16/9;
  padding:calc(14px * var(--ui-scale)) calc(18px * var(--ui-scale))!important;
  border-radius:clamp(14px,calc(24px * var(--ui-scale)),28px);
}

body[data-resolution-fit="compact"].is-game-active[data-layout="vertical"] .visual-zone{height:52px}
body[data-resolution-fit="compact"].is-game-active[data-layout="vertical"] .question-card h2{font-size:14.5px;-webkit-line-clamp:3}
body[data-resolution-fit="compact"].is-game-active[data-layout="vertical"] .answers{grid-template-rows:repeat(4,minmax(40px,auto))}
body[data-resolution-fit="compact"].is-game-active[data-layout="vertical"] .answer-btn{min-height:40px}
body[data-resolution-fit="compact"].is-game-active[data-layout="vertical"] .community-prompt{padding:4px 6px}
body[data-resolution-fit="compact"].is-game-active[data-layout="vertical"] .simulated-chat{display:none}

body[data-resolution-fit="spacious"].is-game-active[data-layout="vertical"] .visual-zone{height:82px}
body[data-resolution-fit="spacious"].is-game-active[data-layout="vertical"] .question-card h2{font-size:clamp(18px,2.25vh,23px)}
body[data-resolution-fit="spacious"].is-game-active[data-layout="vertical"] .answer-btn{min-height:50px;padding:7px 8px}
body[data-resolution-fit="spacious"].is-game-active[data-layout="vertical"] .answer-text{font-size:11.5px}

body[data-resolution-fit="compact"].is-game-active[data-layout="fullhd"] .game-stage{grid-template-columns:280px minmax(0,1fr);gap:12px}
body[data-resolution-fit="compact"].is-game-active[data-layout="fullhd"] .visual-zone{height:120px}
body[data-resolution-fit="compact"].is-game-active[data-layout="fullhd"] .question-card{min-height:410px;padding:18px 20px}
body[data-resolution-fit="compact"].is-game-active[data-layout="fullhd"] .question-card h2{font-size:clamp(25px,2.2vw,34px)}
body[data-resolution-fit="compact"].is-game-active[data-layout="fullhd"] .answer-btn{min-height:58px}
body[data-resolution-fit="compact"].is-game-active[data-layout="fullhd"] .simulated-chat{font-size:90%}

body[data-resolution-fit="spacious"].is-game-active[data-layout="fullhd"] .game-stage{grid-template-columns:350px minmax(0,1fr);gap:22px}
body[data-resolution-fit="spacious"].is-game-active[data-layout="fullhd"] .visual-zone{height:184px}
body[data-resolution-fit="spacious"].is-game-active[data-layout="fullhd"] .question-card{min-height:560px;padding:28px 30px}
body[data-resolution-fit="spacious"].is-game-active[data-layout="fullhd"] .question-card h2{font-size:clamp(34px,2.8vw,46px)}
body[data-resolution-fit="spacious"].is-game-active[data-layout="fullhd"] .answer-btn{min-height:76px}

body[data-layout="vertical"] .computer-status{font-size:5.8px;letter-spacing:.09em;gap:4px}
body[data-layout="vertical"] .computer-status::before{width:4px;height:4px;border-radius:1px}

@media (prefers-reduced-motion:reduce){
  .computer-status[data-cpu-state="thinking"]::before{animation:none}
  .answer-btn.is-computer-scan{box-shadow:none}
}