/* A storybook stage scoped to the public quiz only. */
body.quiz-world{background:#14142c;color:#fff4df;isolation:isolate;min-height:100vh}
.quiz-world::before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#15122c15,#17102970),url('/test/wonderland-poster.png') center center/cover no-repeat;pointer-events:none}
.quiz-world::after{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 40%,transparent 10%,#080b2320 80%);pointer-events:none}
.quiz-world header{max-width:1320px;text-shadow:0 2px 10px #000;background:linear-gradient(#13142d9c,transparent)}
.quiz-world .brand{color:#ffdfa2}.quiz-world nav a{padding:7px 0;color:#fff5e9}
.quiz-world main{max-width:880px;padding-top:22px}
.quiz-world .test-wrap{max-width:720px;margin:15px auto 40px;padding:36px 44px;border:1px solid #e6c48599;border-radius:90px 90px 22px 22px;background:linear-gradient(135deg,#18263feF,#2e2245ed 60%,#213a44ed);box-shadow:0 25px 90px #07051e88,inset 0 0 50px #d9bd7a0a;position:relative;backdrop-filter:none}
.quiz-world .test-wrap::before{content:'✦';display:block;text-align:center;color:#ffe0a0;font-size:23px;line-height:1;margin:0 0 20px}
.quiz-world h1{font-size:clamp(36px,4.6vw,62px);text-wrap:balance;color:#fff0d6;text-shadow:0 2px 18px #ecd39720}
.quiz-world .question-title{font-size:clamp(26px,3.2vw,36px)}
.quiz-world .result-title{font-size:clamp(32px,4vw,47px)}
.quiz-world .eyebrow,.quiz-world .counter{color:#f2cf91}
.quiz-world .muted{color:#d3d0df}.quiz-world .lead{font-size:18px;line-height:1.65}
.quiz-world .paper{background:linear-gradient(120deg,#fff1d9f5,#efdbbbec);color:#40314c;border-color:#ffe3ab;box-shadow:inset 0 0 25px #a7733215}
.quiz-world .paper h2{font-size:30px}.quiz-world .paper small{color:#62546b}
.quiz-world .btn{background:linear-gradient(120deg,#ffdf97,#dfb36b);color:#392740;border-color:#ffe6ab;box-shadow:0 5px 20px #0b082e40;border-radius:10px}
.quiz-world .btn.secondary{background:#29233e;color:#f8e7cb}
.quiz-world .answer{background:#33304bdc;border:1px solid #b2b0d570;color:#fff3e5;border-radius:12px;padding:15px 18px;transition:background .18s,border-color .18s}
.quiz-world .answer:hover{background:#444362;border-color:#e5c694}
.quiz-world .answer[aria-pressed=true]{background:linear-gradient(110deg,#f7dfaf,#e4c08d);color:#332841;border-color:#fff1ca}
.quiz-world .progress{background:#7c729548}.quiz-world .progress span{background:linear-gradient(90deg,#b49ce6,#ffe2a0);box-shadow:0 0 12px #ebc78366}
.quiz-world .panel{background:#28283fd9;border-color:#cfb48a66;padding:22px}.quiz-world .split{grid-template-columns:1fr;gap:18px}
.quiz-world .time-options button{background:#342d4c;border-color:#c1a47d;color:#ffefd9;text-align:left}
.quiz-world .time-options [aria-pressed=true]{background:#efce93;color:#332740}
.quiz-world footer{max-width:780px;background:#171a30e8;color:#e1d7df;border:1px solid #ab95aa33;border-radius:14px;margin:0 auto 25px;padding:18px 24px}
@media(min-width:1500px){.quiz-world::before{background-position:center 45%}}
@media(max-width:700px){.quiz-world::before{background-position:center 55px;background-size:100% auto;background-color:#211b36}.quiz-world header{padding:18px 16px}.quiz-world main{padding:160px 12px 15px}.quiz-world .test-wrap{border-radius:36px 36px 16px 16px;padding:24px 20px;margin:0 auto 20px;background:linear-gradient(135deg,#18263ff5,#2e2245f5 65%,#213a44f5);backdrop-filter:none}.quiz-world .test-wrap::before{font-size:18px;margin-bottom:15px}.quiz-world h1{font-size:37px}.quiz-world .question-title{font-size:27px}.quiz-world .lead{font-size:17px}.quiz-world .paper{padding:18px}.quiz-world .paper h2{font-size:27px}.quiz-world .actions{gap:10px}.quiz-world .actions .btn{min-width:110px;padding:13px 10px;font-size:14px}.quiz-world footer{margin:0 12px 20px;font-size:11px}.quiz-world .answer{padding:14px;font-size:15px}}
@media(prefers-reduced-transparency:reduce){.quiz-world .test-wrap{background:#23253c;backdrop-filter:none}}
/* One introductory surface; the footer is a quiet caption, not a second card. */
.quiz-world .intro-subtitle{font:italic 25px/1.35 Georgia,serif;color:#f2cf91;margin:0 0 22px}
.quiz-world footer{background:none;border:0;border-radius:0;text-shadow:0 1px 5px #000,0 1px 12px #000;padding-top:0}
.quiz-world .test-wrap{display:flow-root}
.quiz-world .test-wrap>.btn{margin-top:12px}
@media(max-width:700px){.quiz-world .intro-subtitle{font-size:23px}.quiz-world h1{font-size:34px}.quiz-world .question-title{font-size:27px}}