.quiz-intro,.quiz-stage{--quiz-padding:clamp(1rem, 4vw, 2.75rem);width:min(100%,46rem);min-width:0;padding:max(var(--quiz-padding), env(safe-area-inset-top)) max(var(--quiz-padding), env(safe-area-inset-right)) max(var(--quiz-padding), env(safe-area-inset-bottom)) max(var(--quiz-padding), env(safe-area-inset-left));border:3px solid var(--ink);background:var(--paper-raised);box-shadow:clamp(.35rem, 1.25vw, .8rem) clamp(.35rem, 1.25vw, .8rem) 0 var(--ink);border-radius:.65rem;position:relative}.quiz-intro:before,.quiz-stage:before{content:"";background:#f4c84ab8;border-inline:2px solid #1c1a173d;width:5.5rem;height:1.25rem;position:absolute;top:-.8rem;left:clamp(1rem,5vw,3rem);transform:rotate(-1.5deg)}.quiz-intro [role=status]{border:2px solid var(--ink);background:var(--mint);margin:0 0 .75rem;padding:.55rem .7rem;font-weight:800}.quiz-intro__meta{border:2px solid var(--ink);background:var(--signal-soft);letter-spacing:.06em;width:fit-content;margin:0 0 clamp(.6rem,2vw,1.25rem);padding:.3rem .55rem;font-size:clamp(.7rem,2.5vw,.82rem);font-weight:900}.quiz-intro h1,.quiz-stage legend{letter-spacing:-.055em;text-wrap:balance;font-family:Iowan Old Style,Baskerville,Times New Roman,Noto Serif TC,Noto Serif JP,serif;font-weight:900;line-height:.96}.quiz-intro h1{max-width:11ch;margin:0;font-size:clamp(2.45rem,10vw,6.5rem)}.quiz-intro__hook{max-width:36rem;margin-block:clamp(.65rem,2.5vw,1.25rem);font-size:clamp(.95rem,2.5vw,1.25rem);font-weight:700;line-height:1.45}.quiz-intro__notes{max-width:41rem;color:var(--ink-muted);gap:.35rem;margin-block:.65rem .85rem;padding:0;font-size:clamp(.72rem,2vw,.9rem);line-height:1.4;list-style:none;display:grid}.quiz-intro__notes li{padding-left:1.25rem;position:relative}.quiz-intro__notes li:before{aspect-ratio:1;border:2px solid var(--signal);content:"";border-radius:50%;width:.5rem;position:absolute;top:.48em;left:.1rem}.quiz-intro button,.quiz-actions button{border:3px solid var(--ink);min-height:48px;box-shadow:.28rem .28rem 0 var(--ink);border-radius:.35rem;font-weight:900;transition:transform .12s,box-shadow .12s}.quiz-intro button{background:var(--signal);width:min(100%,23rem);color:var(--ink);margin-top:.25rem;padding:.7rem 1rem}.quiz-intro button:hover:not(:disabled),.quiz-actions button:hover:not(:disabled){box-shadow:.12rem .12rem 0 var(--ink);transform:translate(.16rem,.16rem)}.quiz-progress-row{letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.45rem;font-size:.8rem;font-weight:900;display:flex}.quiz-progress-row output{font-variant-numeric:tabular-nums}.quiz-stage progress{border:2px solid var(--ink);width:100%;height:.8rem;accent-color:var(--signal);background:var(--paper);border-radius:0;display:block}.quiz-stage progress::-webkit-progress-bar{background:var(--paper)}.quiz-stage progress::-webkit-progress-value{background:var(--signal);transition:inline-size .16s ease-out}.quiz-stage progress::-moz-progress-bar{background:var(--signal);transition:inline-size .16s ease-out}.quiz-stage fieldset{border:0;min-width:0;margin:clamp(1.25rem,4vw,2.35rem) 0;padding:0}.quiz-stage fieldset[data-question-motion=forward]{animation:.18s ease-out both quiz-question-forward}.quiz-stage fieldset[data-question-motion=backward]{animation:.18s ease-out both quiz-question-backward}.quiz-stage fieldset[data-progress-milestone=true] legend{text-decoration-color:var(--signal);text-underline-offset:.14em;text-decoration-line:underline;text-decoration-thickness:.14em}@keyframes quiz-question-forward{0%{opacity:0;translate:0 .5rem}to{opacity:1;translate:0}}@keyframes quiz-question-backward{0%{opacity:0;translate:0 -.5rem}to{opacity:1;translate:0}}@keyframes quiz-answer-confirm{50%{scale:1.08}}.quiz-stage legend{max-width:18ch;padding:0;font-size:clamp(1.75rem,6.5vw,3.65rem)}.answer-grid{gap:.65rem;margin-top:clamp(1rem,3vw,1.6rem);display:grid}.answer-option{border:2px solid var(--ink);background:var(--paper-raised);cursor:pointer;border-radius:.3rem;grid-template-columns:1.4rem 2rem minmax(0,1fr);align-items:center;gap:.65rem;min-height:56px;padding:.65rem .8rem;line-height:1.35;transition:transform .12s,box-shadow .12s,background-color .12s;display:grid}.answer-option:hover{transform:translate(.18rem)}.answer-option:has(input:checked){background:var(--signal-soft);box-shadow:.28rem .28rem 0 var(--ink);transform:translate(-.12rem,-.12rem)}.answer-option:has(input:checked) .answer-option__index{animation:.14s ease-out quiz-answer-confirm}.answer-option input{width:1.2rem;height:1.2rem;accent-color:var(--signal);margin:0}.answer-option__index{border-right:1px solid var(--ink-muted);align-self:stretch;place-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.7rem;font-weight:900;display:grid}.quiz-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.quiz-actions button{background:var(--paper);color:var(--ink);padding:.65rem .8rem}.quiz-actions button:last-child{background:var(--signal)}.quiz-actions button:disabled{box-shadow:none;transform:none}@media (width>=640px){.quiz-intro,.quiz-stage{--quiz-padding:clamp(2rem, 5vw, 3.35rem)}.answer-option{padding:.85rem 1rem}}@media (width>=1024px){.quiz-intro,.quiz-stage{justify-self:end}}@media (width<=479px) and (height<=760px){.quiz-intro{--quiz-padding:.85rem}.quiz-intro h1{font-size:clamp(2.25rem,11.5vw,3rem)}.quiz-intro__hook{margin-block:.5rem}.quiz-intro__notes{margin-block:.4rem .55rem}}@media (prefers-reduced-motion:reduce){.quiz-stage fieldset[data-question-motion],.answer-option:has(input:checked) .answer-option__index{animation:none}.answer-option{transition:none}.quiz-stage progress::-webkit-progress-value{transition:none}.quiz-stage progress::-moz-progress-bar{transition:none}}.battery-world{--world-padding:clamp(1rem, 4vw, 4rem);isolation:isolate;min-height:calc(100dvh - 6.75rem);padding:max(var(--world-padding), env(safe-area-inset-top)) max(var(--world-padding), env(safe-area-inset-right)) max(var(--world-padding), env(safe-area-inset-bottom)) max(var(--world-padding), env(safe-area-inset-left));background:linear-gradient(115deg, transparent 0 68%, #e85b2a29 68% 100%), repeating-linear-gradient(0deg, transparent 0 27px, #1c1a170f 27px 28px), var(--paper);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:relative;overflow:clip}.battery-world:after{z-index:-1;aspect-ratio:1;border:3px solid var(--ink);background:var(--signal-soft);width:clamp(8rem,35vw,18rem);box-shadow:0 0 0 1.1rem var(--paper), 0 0 0 calc(1.1rem + 3px) var(--ink);content:"";border-radius:50%;position:absolute;bottom:8%;right:-2.5rem}.battery-world__stage{z-index:1;width:min(100%,46rem);display:grid}.battery-poster{display:none}.battery-meter{border:3px solid var(--ink);background:var(--paper-raised);width:min(100%,22rem);box-shadow:.55rem .55rem 0 var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;padding:.65rem;display:grid}.battery-meter span{border:2px solid var(--ink);background:var(--signal-soft);height:clamp(3rem,7vw,6.5rem)}.battery-meter span:nth-child(2){background:var(--mint)}.battery-meter span:nth-child(3),.battery-meter span:nth-child(4){background:var(--signal)}@media (width>=1024px){.battery-world{grid-template-columns:minmax(18rem,.82fr) minmax(0,1.18fr);place-items:center stretch;gap:clamp(2rem,5vw,6rem);min-height:calc(100dvh - 4rem)}.battery-world:after{bottom:-6rem;right:42%}.battery-poster{align-content:center;min-width:0;padding-left:clamp(0rem,3vw,3rem);display:grid}.battery-poster__kicker,.battery-poster__status{border:2px solid var(--ink);background:var(--paper-raised);letter-spacing:.1em;text-transform:uppercase;width:fit-content;margin:0 0 1rem;padding:.3rem .55rem;font-size:.75rem;font-weight:900}.battery-poster__title{overflow-wrap:normal;letter-spacing:-.075em;white-space:nowrap;max-width:none;margin-block:1.5rem;font-size:clamp(3.75rem,6.5vw,7.5rem);line-height:.78}.battery-poster__status{background:var(--mint);margin-top:1.25rem}}