#recording-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:2px;flex-shrink:0;width:44px;height:44px;padding:4px;border:1px solid #59617c;border-radius:12px;background:#171e37;color:#fff}#recording-toggle small{font-size:11px;line-height:1.25;font-weight:700;white-space:nowrap}body[data-screen=quiz] #recording-toggle,body[data-screen=attack] #recording-toggle,body[data-screen=cinematic] #recording-toggle,#recording-toggle.rec-busy,#recording-toggle.has-recording{display:flex}#recording-toggle.is-recording{border-color:#ff7c8a;background:#602d43}#recording-panel{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid #687795;border-radius:22px;background:#15213a;color:#f3f6ff;box-shadow:0 24px 80px #0009;overflow:auto}#recording-panel::backdrop{background:#030817bd}#recording-panel [hidden]{display:none!important}#recording-panel h2{font-size:23px}#recording-panel h3{font-size:17px;line-height:1.5;margin:12px 0}#recording-panel p,#recording-panel li{font-size:14px;line-height:1.8}#recording-panel .rec-note{font-size:12px;color:#bac8e2;margin-top:12px}#recording-panel .rec-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}#recording-panel .rec-close{width:44px;height:44px;font-size:28px;background:transparent;color:#fff;border:0}#recording-panel .rec-message{margin:12px 0;color:#b9eed4}#recording-panel .rec-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}#recording-panel .rec-actions>*{flex:1;text-align:center;border:1px solid #7184aa;border-radius:12px;padding:13px 10px;min-height:48px;background:#263856;color:white;text-decoration:none;font-size:14px;font-weight:700}#recording-panel .rec-actions>.rec-primary{background:#f4d36b;color:#18233a;border-color:#f4d36b}#recording-panel .rec-stop{width:100%;min-height:48px;border:1px solid #f39aa6;border-radius:12px;background:#64334b;color:white;font-weight:700}#recording-panel video{width:100%;max-height:40dvh;background:#080d1a;border-radius:12px;margin-top:12px}#recording-panel .rec-preview{margin-top:8px}#recording-panel .rec-again{display:block;margin:20px auto 0;padding:10px 14px;min-height:44px;background:transparent;border:0;color:#bac8e2;text-decoration:underline;font-size:13px}#recording-panel button:disabled{opacity:.55}#recording-panel ol{padding-left:24px}#recording-panel a{color:#f4d36b}
@media(max-width:400px){body[data-screen=quiz] .header-actions,body[data-screen=attack] .header-actions,body[data-screen=cinematic] .header-actions{gap:5px}body[data-screen=quiz] .brand-reading{font-size:10px}body[data-screen=quiz] .brand-logo{width:95px}}