.stage-3d{height:300px;perspective:850px;cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 35%,#684f41 0,#402c20 45%,#291910 100%)}
.stage-3d.dragging{cursor:grabbing}.scene-world{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .12s ease-out}.stage-3d.dragging .scene-world{transition:none}.drag-hint{position:absolute;right:11px;bottom:9px;padding:6px 8px;border:1px solid #c8a18a66;border-radius:7px;background:#2c1c13cc;color:#dbc2b3;font-size:8px;font-weight:800;letter-spacing:.12em;pointer-events:none}.scene-world:after{content:'';position:absolute;width:65%;height:42px;bottom:20px;border-radius:50%;background:#140a0599;filter:blur(13px);transform:translateZ(-80px) rotateX(75deg);pointer-events:none}
/* particle chamber */
.particle-stage .particle-container{transform:translateZ(28px);box-shadow:inset 0 0 45px #180e08,18px 18px 0 #2d1c12,18px 18px 0 3px #836858}.particle-stage .particle-container:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#fff1,transparent 35%,#ffb78d0d 70%);pointer-events:none;z-index:3}.particle-stage .particle{transform:translateZ(calc((var(--i,1) - 10)*2px))}
/* proper six-sided force cube */
.force-stage .scene-world{gap:48px}.force-block{position:relative;width:78px;height:78px;font-size:0;transform-style:preserve-3d;transform:translateZ(35px) rotateX(-16deg) rotateY(25deg);filter:drop-shadow(0 20px 13px #0008)}.cube-face{position:absolute;inset:0;display:grid;place-items:center;border:2px solid #ffd8c188;background:linear-gradient(135deg,#e8a985,#8c5e44);color:white;font:800 25px Outfit,sans-serif;backface-visibility:hidden}.cube-face.front{transform:translateZ(39px)}.cube-face.back{transform:rotateY(180deg) translateZ(39px)}.cube-face.right{transform:rotateY(90deg) translateZ(39px);background:#b27a5a}.cube-face.left{transform:rotateY(-90deg) translateZ(39px);background:#7b523b}.cube-face.top{transform:rotateX(90deg) translateZ(39px);background:#ffcbad}.cube-face.bottom{transform:rotateX(-90deg) translateZ(39px);background:#60402d}.force-arrow{position:relative;z-index:3;text-shadow:0 5px 15px #000}
/* orbital model */
.tilt-stage .scene-world{transform-origin:center}.tilt-stage .orbit-line{transform:rotateX(68deg) rotateZ(-8deg);border-style:solid;box-shadow:0 0 18px #ffbc9633}.tilt-sun{z-index:4;width:82px;height:82px;border-radius:50%;font-size:0;background:radial-gradient(circle at 34% 32%,#fff8c7,#ffd561 35%,#eb7a31 75%);box-shadow:0 0 28px #ffce69,0 0 75px #f79a4977;transform:translateZ(25px)}.sun-rays{position:absolute;width:125px;height:125px;border-radius:50%;border:2px dashed #ffdc7777;animation:spin3d 12s linear infinite}.earth-globe{display:block;width:43px;height:43px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#98e9ff,#277abe 45%,#173c78 78%);box-shadow:inset -9px -7px 12px #071e36aa,0 0 16px #82dfff88;overflow:hidden;transform:rotateZ(23deg)}.earth-globe i{display:block;width:25px;height:14px;margin:7px 0 0 4px;border-radius:60% 35% 45% 35%;background:#64c867;box-shadow:19px 13px 0 -3px #67b86a,-5px 25px 0 -5px #5db460}.tilt-earth>i{z-index:-1}.starfield,.starfield:before,.starfield:after{position:absolute;inset:8%;content:'';background-image:radial-gradient(#fff 1px,transparent 1px);background-size:43px 37px;opacity:.45;transform:translateZ(-70px)}.starfield:before{inset:0;background-size:67px 59px;transform:translate(19px,10px)}.starfield:after{inset:0;background-size:83px 71px;transform:translate(-7px,-13px)}
/* solar scale */
.scale-stage .scene-world{flex-direction:column;gap:10px}.scale-stage .scale-track{transform:translateZ(18px) rotateX(15deg);height:3px;box-shadow:0 0 14px #cea38a}.scale-stage #scale-planet{width:28px;height:28px;top:-14px;border-radius:50%;background:radial-gradient(circle at 30% 28%,#ffe6d7,#df986f 47%,#824826);box-shadow:0 0 15px #ffbc95;transition:left .3s;transform:translateZ(25px)}.scale-stage #scale-planet i{display:block;width:13px;height:5px;background:#acd3ad;border-radius:50%;margin:7px 0 0 3px}.scale-stage .scale-sun{width:55px;height:55px;border-radius:50%;font-size:0;background:radial-gradient(circle at 35% 30%,#fff9c2,#ffc84f 45%,#e97831);box-shadow:0 0 25px #ffc64f,0 0 55px #ff984744;z-index:2}
/* circuit depth and current */
.circuit-stage .circuit-wire{transform:translateZ(25px) rotateX(5deg);box-shadow:10px 14px 0 #2b1b11,10px 14px 0 3px #674e3f}.circuit-stage .battery,.circuit-stage .bulb,.circuit-stage .switch{transform:translateZ(18px);box-shadow:8px 8px 12px #120a0588}.electron{position:absolute;color:#6ff473;font-size:22px;text-shadow:0 0 12px #6ff473;opacity:0}.bulb.lit~.electron{opacity:1}.circuit-stage:has(.bulb.lit) .electron{opacity:1;animation:electronFlow 2.1s linear infinite}.electron.e2{animation-delay:-.7s!important}.electron.e3{animation-delay:-1.4s!important}
/* cell model */
.cell-model{position:relative;width:210px;height:135px;border-radius:45% 42% 48% 38%;transform-style:preserve-3d;transform:translateZ(28px) rotateX(8deg);background:radial-gradient(circle at 45% 45%,#78e57c44,#166419aa),linear-gradient(145deg,#3c8c3fbb,#522d17dd);border:8px solid #70c673;box-shadow:inset 0 0 0 5px #b3f4b555,inset -18px -20px 35px #361807aa,15px 22px 26px #140a05aa}.cell-wall{position:absolute;inset:5px;border:2px solid #d3ffd488;border-radius:inherit}.cell-vacuole{position:absolute;width:82px;height:65px;border-radius:50%;left:63px;top:36px;background:#ffb78e55;border:2px solid #ffd8c177;box-shadow:inset -8px -8px 15px #965b3977}.cell-nucleus{position:absolute;width:38px;height:38px;border-radius:50%;left:26px;top:48px;background:radial-gradient(circle at 35% 30%,#ffd0b4,#b67a57);box-shadow:0 0 12px #ffbb9399;transform:translateZ(15px)}.chloroplast{position:absolute;width:29px;height:13px;border-radius:50%;background:repeating-linear-gradient(90deg,#64ee69 0 3px,#378c3a 3px 6px);box-shadow:0 0 8px #73ea77}.chloroplast.c1{right:23px;top:29px;transform:rotate(25deg) translateZ(12px)}.chloroplast.c2{right:18px;bottom:28px;transform:rotate(-18deg) translateZ(12px)}.chloroplast.c3{left:68px;top:15px;transform:rotate(-8deg) translateZ(12px)}
/* other choice models */
.choice-stage:not(:has(.cell-model)) .choice-visual{transform:translateZ(35px) rotateY(-10deg);text-shadow:8px 10px 0 #825d47,0 0 32px #ffcaac}.choice-stage #choice-title{position:absolute;bottom:30px;transform:translateZ(40px)}
/* water cycle loop */
.wc-sun{position:absolute;top:14px;right:20px;font-size:34px;color:#ffdb8e;text-shadow:0 0 20px #f5b86b;z-index:2;transition:filter .4s}.wc-cloud{position:absolute;top:20px;left:50%;transform:translateX(-50%);font-size:44px;color:#f5e7df;opacity:.55;transition:opacity .5s,filter .5s;z-index:2}.wc-ocean{position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,#2f76ad,#123152);border-top:3px solid #57a3dd;z-index:1}.rise-drop{position:absolute;bottom:34%;width:6px;height:6px;border-radius:50%;background:#a6ddff;box-shadow:0 0 6px #a6ddffaa;animation:wcRise 3.4s linear infinite;opacity:.85}.rain-drop{position:absolute;top:64px;width:3px;height:15px;border-radius:3px;background:#bcdcffaa;animation:wcFall 1.15s linear infinite;opacity:.85}.watercycle-stage[data-stage="0"] .rise-drop{opacity:1}.watercycle-stage[data-stage="0"] .wc-sun{filter:drop-shadow(0 0 12px #fff3ba)}.watercycle-stage[data-stage="1"] .wc-cloud{opacity:1;filter:drop-shadow(0 0 14px #fff)}.watercycle-stage[data-stage="2"] .rain-drop{opacity:1}.watercycle-stage[data-stage="3"] .wc-ocean{box-shadow:inset 0 0 25px 4px #57a3dd88}
/* chemical reaction balance */
.reaction-stage .scene-world{justify-content:space-between;width:100%;padding:0 22px}.rx-side{display:flex;gap:8px;flex-wrap:wrap;max-width:38%;justify-content:center;transition:transform .5s,opacity .5s}.atom{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font:800 11px Outfit,sans-serif;color:#2b1e16;box-shadow:0 6px 14px #0006}.atom.mg{background:linear-gradient(145deg,#fbece4,#d6baa9)}.atom.o{background:linear-gradient(145deg,#ffb79a,#e2714a)}.atom.mgo{background:linear-gradient(145deg,#c8f7ca,#69d86d)}.rx-products{opacity:.15;transform:scale(.55)}.reaction-stage.reacted .rx-products{opacity:1;transform:scale(1)}.reaction-stage.reacted .rx-reactants{opacity:.25;transform:scale(.8)}.rx-arrow{font-size:30px;color:#ffbc96;text-shadow:0 0 14px #ffbc9677}
/* random sampling field */
.field-dot{position:absolute;width:9px;height:9px;margin:-4px 0 0 -4px;border-radius:50%;background:#f5b86b;box-shadow:0 0 6px #f5b86b88;transition:background .3s,transform .3s}.field-dot.in-quadrat{background:#69d66d;box-shadow:0 0 10px #69d66dbb;transform:scale(1.5)}.quadrat{position:absolute;border:2px dashed #ffbc96;border-radius:4px;background:#ffbc9622;transition:left .4s,top .4s;box-shadow:0 0 20px #ffbc9633}
/* velocity-time graph */
.vt-stage{padding:8px}.vt-svg{width:92%;height:85%}.vt-axis{stroke:#84695a;stroke-width:2}.vt-line{fill:none;stroke:#ffbc96;stroke-width:3}.vt-area{fill:#69d66d4d;stroke:none}.vt-marker{stroke:#ff9d7a;stroke-width:2;stroke-dasharray:4 3}
/* bottle-rocket launch */
.rocket-stage{overflow:hidden;justify-content:center}.rocket-ruler{position:absolute;left:12px;top:12px;bottom:38px;display:flex;flex-direction:column;justify-content:space-between}.rocket-ruler i{width:9px;height:1px;background:#a8846c}.rocket-pad{position:absolute;bottom:0;left:0;right:0;height:34px;background:linear-gradient(180deg,#5a4437,#332319);border-top:3px solid #8a6a54;z-index:1}.rocket{position:absolute;bottom:34px;font-size:34px;transform:translateY(calc(-1*var(--h,0px)));text-shadow:0 0 14px #ffbc9699;z-index:2}
/* plate boundary animation */
.plates-stage .scene-world{width:100%;gap:0}.plates-stage .plate{width:110px;height:120px;border-radius:6px;background:linear-gradient(160deg,#a8785a,#5a4437);box-shadow:inset 0 0 20px #00000055}.plates-stage .boundary-glow{width:14px;height:120px;background:#ffbc9633;box-shadow:0 0 20px #ffbc9666;transition:background .3s}.plates-stage[data-mode="divergent"] .plate-left{animation:plateOutL 2.4s ease-in-out infinite alternate}.plates-stage[data-mode="divergent"] .plate-right{animation:plateOutR 2.4s ease-in-out infinite alternate}.plates-stage[data-mode="divergent"] .boundary-glow{background:#ffd56166;box-shadow:0 0 26px #ffd561aa}.plates-stage[data-mode="convergent"] .plate-left{animation:plateInL 2.4s ease-in-out infinite alternate}.plates-stage[data-mode="convergent"] .plate-right{animation:plateInR 2.4s ease-in-out infinite alternate;transform-origin:left center}.plates-stage[data-mode="transform"] .plate-left{animation:plateUpL 1.8s ease-in-out infinite alternate}.plates-stage[data-mode="transform"] .plate-right{animation:plateDownR 1.8s ease-in-out infinite alternate}
/* scale-drawing beam */
.scaledraw-stage .beam-wrap{width:100%;display:flex;justify-content:center}.scaledraw-stage .beam{height:20px;border-radius:4px;background:linear-gradient(180deg,#ffdbc1,#d78d62);box-shadow:0 6px 14px #00000055;transition:width .3s}
/* pollution downstream river */
.river-stage{overflow:hidden}.river-stage .farm{position:absolute;left:3%;top:12%;font-size:26px;z-index:2}.river-stage .river-flow{position:absolute;left:0;right:0;bottom:0;height:50%;background:linear-gradient(180deg,#2f76ad,#123152);border-top:3px solid #57a3dd}.river-stage .algae{position:absolute;inset:0}.river-stage .algae i{position:absolute;width:7px;height:7px;border-radius:50%;background:#67d86b;box-shadow:0 0 6px #67d86baa;transition:left .4s}.river-stage .marker{position:absolute;bottom:10%;width:10px;height:10px;border-radius:50%;background:#fff8f4;box-shadow:0 0 10px #fff8f4cc;transition:left .4s;transform:translateX(-50%);z-index:2}
/* dichotomous key */
.key-stage .scene-world{gap:20px;width:100%;padding:0 18px}.key-specimen{font-size:64px;filter:drop-shadow(0 8px 10px #00000055)}.key-card{max-width:230px;text-align:left}.key-card strong{display:block;font-size:13px;line-height:1.4;margin-bottom:10px;color:#fff8f4}.key-card .choice-buttons{gap:7px}
/* light ray reflection */
.ray-stage{padding:8px}.ray-svg{width:92%;height:85%}.ray-mirror{stroke:#8a6a54;stroke-width:3}.ray-normal{stroke:#a8846c;stroke-width:1.5;stroke-dasharray:4 3}.ray-line{stroke:#ffbc96;stroke-width:3}.ray-point{fill:#fff8f4}
@keyframes spin3d{to{transform:rotateZ(360deg)}}@keyframes electronFlow{0%{transform:translate3d(-115px,50px,35px)}25%{transform:translate3d(-115px,-55px,35px)}50%{transform:translate3d(110px,-55px,35px)}75%{transform:translate3d(110px,50px,35px)}100%{transform:translate3d(-115px,50px,35px)}}@keyframes wcRise{0%{transform:translateY(0);opacity:.9}100%{transform:translateY(-150px);opacity:0}}@keyframes wcFall{0%{transform:translateY(0);opacity:.9}100%{transform:translateY(95px);opacity:0}}@keyframes plateOutL{to{transform:translateX(-22px)}}@keyframes plateOutR{to{transform:translateX(22px)}}@keyframes plateInL{to{transform:translateX(14px)}}@keyframes plateInR{to{transform:translateX(-14px) translateY(10px) rotate(-4deg)}}@keyframes plateUpL{to{transform:translateY(-16px)}}@keyframes plateDownR{to{transform:translateY(16px)}}
@media(max-width:500px){.stage-3d{height:260px}.force-stage .scene-world{gap:17px}.force-arrow{font-size:38px}.cell-model{transform:scale(.82) translateZ(28px) rotateX(8deg)}.drag-hint{font-size:7px}.atom{width:34px;height:34px;font-size:9px}.wc-sun{font-size:26px}.wc-cloud{font-size:34px}.plates-stage .plate{width:78px;height:90px}.key-specimen{font-size:46px}.key-card{max-width:170px}}
@media(prefers-reduced-motion:reduce){.scene-world{transition:none}.sun-rays,.electron,.rise-drop,.rain-drop{animation:none!important}.plates-stage .plate{animation:none!important}}

/* Paper E study depth */
.skill-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:-12px 0 24px}.skill-strip span{min-height:58px;display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #4f3b30;border-radius:10px;background:#332319;color:#cebaae;font-size:9px;font-weight:800;line-height:1.35}.skill-strip b{color:#ffc5a4;font-size:11px}.depth-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#412c20,#3c2b21);border:1px solid #705647;border-radius:17px;padding:28px}.depth-card:after{content:'✦';position:absolute;right:24px;top:18px;color:#ffb99122;font-size:80px}.depth-card h2{font:700 25px Outfit,sans-serif;margin:8px 0 10px}.depth-card>p{position:relative;z-index:1;color:#d7c3b8;font-size:13px;line-height:1.8;margin:0}.investigation-box{position:relative;z-index:1;margin-top:20px;padding:16px 18px;border-left:3px solid #69d66d;border-radius:8px;background:#352217}.investigation-box strong{color:#81e484;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.investigation-box p{color:#b8d0b9;font-size:12px;line-height:1.7;margin:6px 0 0}
@media(max-width:760px){.skill-strip{grid-template-columns:1fr 1fr}.skill-strip span:last-child{grid-column:1/-1}}@media(max-width:500px){.skill-strip{grid-template-columns:1fr}.skill-strip span:last-child{grid-column:auto}.depth-card{padding:20px}}
.question-progress{height:5px;margin:12px 0 8px;border-radius:5px;background:#503e34;overflow:hidden}.question-progress span{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#ea9f74,#69d66d);transition:width .3s}.question-count{color:#a88f81;font-size:9px;font-weight:800;letter-spacing:.14em}.stimulus{margin:16px 0;padding:17px;border:1px solid #70594c;border-radius:11px;background:linear-gradient(135deg,#463125,#3b2a20)}.stimulus strong{color:#73dd77;font-size:9px;letter-spacing:.14em}.stimulus p{margin:7px 0 0;color:#f1e6e0;font:600 13px/1.7 'DM Sans',sans-serif}.feedback-next{display:inline-block;margin-top:10px;border:1px solid currentColor;border-radius:8px;padding:8px 11px;background:transparent;color:inherit;font-size:10px;font-weight:800}.feedback-next:hover{background:#ffffff12}.prediction{display:inline-flex;margin:3px 0 6px;padding:6px 9px;border-radius:7px;font-size:8px;font-weight:800;letter-spacing:.11em;border:1px solid #775e4f;color:#dac5b9;background:#412d22}.prediction.high{border-color:#67d86b66;color:#77e37b;background:#173b18}.prediction.medium{border-color:#f5b86b66;color:#f6c98f;background:#3a302b}
.exam-intro{display:grid;grid-template-columns:230px 1fr;align-items:center;gap:42px;padding:40px;border:1px solid #725646;border-radius:22px;background:radial-gradient(circle at 15% 50%,#76523d55,transparent 30%),linear-gradient(135deg,#3f2d23,#342218)}.exam-orbit{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;align-content:center;font:800 60px/1 Outfit,sans-serif;color:#ffd9c3;background:radial-gradient(circle at 35% 28%,#ca9271,#69442f 65%,#3b271c);box-shadow:inset -18px -18px 30px #2b1b1188,0 0 0 18px #ffb78d0b,0 0 0 19px #ffb78d33,0 0 55px #ffb78d33;animation:float 5s ease-in-out infinite}.exam-orbit span{font:800 9px DM Sans,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#dac2b4}.exam-intro h2{font:700 30px Outfit,sans-serif;margin:8px 0}.exam-intro p,.exam-advice p{color:#cebaae;font-size:12px;line-height:1.75}.exam-facts{display:flex;gap:9px;flex-wrap:wrap;margin:19px 0}.exam-facts span{padding:9px 11px;border:1px solid #665145;border-radius:9px;color:#cebaae;font-size:9px;font-weight:800}.exam-facts b{color:#fff;font-size:14px;margin-right:4px}.exam-advice{margin-top:16px;padding:20px 23px;border:1px solid #4f3b30;border-radius:14px;background:#332319}.exam-advice strong{font:700 15px Outfit,sans-serif}.exam-advice p{margin:5px 0 0}.exam-top{position:sticky;top:0;z-index:8;display:flex;align-items:center;gap:20px;padding:13px 18px;margin-bottom:18px;border:1px solid #5e493d;border-radius:14px;background:#301f15ed;backdrop-filter:blur(14px)}.exam-top>div:first-child{display:grid;gap:3px}.exam-top>div:first-child strong{font-size:12px}.exam-time{margin-left:auto;font:800 23px/1 Outfit,sans-serif;color:#79df7c;letter-spacing:.06em}.exam-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:18px}.exam-question{min-height:560px;padding:30px;border:1px solid #544034;border-radius:17px;background:#332319}.exam-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#aa9385}.exam-meta span{color:var(--c)}.exam-question>h2{font:700 22px/1.35 Outfit,sans-serif;margin:22px 0}.exam-options{gap:11px}.exam-options .option{min-height:50px}.exam-options .option.selected{border-color:#ffc09c;background:#543f33;box-shadow:inset 3px 0 #ffc09c}.exam-move{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:27px;border-top:1px solid #4f3b30;padding-top:20px}.exam-move>span{color:#aa9385;font-size:9px;font-weight:800}.exam-move button:disabled{opacity:.35;cursor:not-allowed}.exam-nav{align-self:start;position:sticky;top:86px;padding:20px;border:1px solid #544034;border-radius:15px;background:#332319}.exam-dots{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:14px}.exam-dots button{aspect-ratio:1;border:1px solid #5f493d;border-radius:7px;background:#412f24;color:#b59d8f;font-size:9px;font-weight:800}.exam-dots button.answered{background:#315532;border-color:#65cd68;color:#bcf5be}.exam-dots button.current{outline:2px solid #ffbf9a;outline-offset:2px}.exam-key{display:flex;justify-content:space-between;margin-top:14px;color:#9e8678;font-size:8px}.results-hero{display:flex;align-items:center;gap:35px;padding:35px;border:1px solid #745847;border-radius:20px;background:linear-gradient(135deg,#443025,#382419)}.results-hero h1{font:700 32px Outfit,sans-serif;margin:8px 0}.results-hero p{font-size:12px;line-height:1.7;color:#ccb7ab}.result-score{width:150px;height:150px;flex:none;display:grid;align-content:center;text-align:center;border-radius:50%;background:radial-gradient(circle,#443025 56%,transparent 58%),conic-gradient(#73db76 calc(var(--score)*1%),#614d42 0);box-shadow:0 0 30px #70d87333}.result-score strong{font:800 37px Outfit,sans-serif}.result-score span{font-size:10px;color:#c1ab9e}.result-areas{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:17px}.result-areas>div{padding:16px;border:1px solid #544034;border-radius:12px;background:#332319}.result-areas span{font-size:21px}.result-areas strong{display:block;font-size:11px;margin:7px 0}.result-areas b{font-size:16px}.result-areas .bar i{display:block;height:100%;border-radius:10px}.exam-review{display:grid;gap:11px}.exam-review article{padding:20px;border:1px solid #584438;border-radius:13px;background:#332319}.exam-review article>span{font-size:8px;font-weight:800;letter-spacing:.12em;color:#e0ac8e}.exam-review h3{font:700 15px/1.5 Outfit,sans-serif}.exam-review p{font-size:11px;color:#c0aa9d}.exam-review p b{color:#f1a8ae}.exam-review p strong{color:#7de180}.exam-review article>div{padding:11px;border-left:3px solid #ffb78d;background:#453227;color:#d9c7bd;font-size:11px;line-height:1.6}.perfect-result{padding:30px;border:1px solid #65d269;border-radius:14px;background:#1d401e;color:#aaf0ac;text-align:center}
@media(max-width:850px){.exam-layout{grid-template-columns:1fr}.exam-nav{position:static;order:-1}.exam-dots{grid-template-columns:repeat(10,1fr)}.result-areas{grid-template-columns:1fr 1fr}}@media(max-width:600px){.exam-intro{grid-template-columns:1fr;padding:25px}.exam-orbit{width:130px;height:130px;font-size:44px}.exam-top{flex-wrap:wrap}.exam-top .outline-btn{width:100%}.exam-layout{display:flex;flex-direction:column}.exam-nav{order:0}.exam-dots{grid-template-columns:repeat(8,1fr)}.exam-question{padding:20px}.exam-meta{flex-direction:column}.exam-move{flex-wrap:wrap}.results-hero{display:block}.result-score{margin-bottom:24px}.result-areas{grid-template-columns:1fr}}
.exam-home-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:13px 16px;border:1px solid #9b755f;border-radius:13px;background:linear-gradient(90deg,#422e23,#3d271b);box-shadow:0 8px 25px #0002}.exam-home-banner>div{display:flex;align-items:center;gap:12px}.exam-home-banner>div>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#ffb78d22;color:#ffd0b5;font-size:23px}.exam-home-banner p{margin:0;color:#c1ab9f;font-size:10px}.exam-home-banner p b{display:block;color:#fff;font:700 14px Outfit,sans-serif;margin-bottom:2px}@media(max-width:500px){.exam-home-banner{align-items:flex-start;flex-direction:column}.exam-home-banner .primary-btn{width:100%}}
.exam-set-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}.exam-set-grid article{position:relative;overflow:hidden;min-height:220px;padding:23px;border:1px solid #5a4539;border-radius:16px;background:linear-gradient(145deg,#3d2b20,#312118)}.exam-set-grid article>span{color:#e4aa88;font-size:10px;font-weight:800;letter-spacing:.15em}.exam-set-grid article h2{font:700 20px/1.2 Outfit,sans-serif;margin:14px 0 8px}.exam-set-grid article p{min-height:64px;color:#bca699;font-size:11px;line-height:1.65}.exam-set-grid article:after{content:'✦';position:absolute;right:14px;top:5px;color:#ffb78d12;font-size:75px}.exam-set-grid .primary-btn{position:relative;z-index:1;margin-top:12px}@media(max-width:800px){.exam-set-grid{grid-template-columns:1fr}.exam-set-grid article{min-height:auto}.exam-set-grid article p{min-height:auto}}
/* clear-everything reset */
.reset-card{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:38px;padding:22px 24px;border:1px solid #ff798444;border-radius:15px;background:linear-gradient(135deg,#ff79840d,#332319)}.reset-card h2{font:700 20px Outfit,sans-serif;margin:6px 0 4px}.reset-card p{max-width:520px;margin:0;color:#c9b2a6;font-size:12px;line-height:1.7}.reset-card .kicker{color:#ff9aa2}.danger-outline{flex:none;border:1px solid #ff798488;color:#ffb3b9}.danger-outline:hover{background:#ff798422}.danger-btn{border:1px solid #ff7984;border-radius:10px;padding:12px 17px;background:#ff7984;color:#2c1e16;font-size:12px;font-weight:800;transition:transform .2s,background .2s}.danger-btn:hover{transform:translateY(-2px);background:#ff8f98}.reset-confirm{flex:none;display:grid;gap:10px;justify-items:end;text-align:right}.reset-confirm strong{font-size:13px;color:#ffb3b9}.reset-confirm>div{display:flex;gap:9px}
@media(max-width:700px){.reset-card{flex-direction:column;align-items:stretch}.reset-confirm{justify-items:stretch;text-align:left}.reset-confirm>div{flex-wrap:wrap}.danger-outline{width:100%}}
/* pre-submit review + stimulus in results review */
.exam-summary{padding:30px;border:1px solid #4f3b30;border-radius:17px;background:#332319}.exam-summary h2{font:700 24px/1.3 Outfit,sans-serif;margin:10px 0 6px}.exam-summary>p{margin:0;color:#c9b2a6;font-size:13px;line-height:1.7;max-width:560px}.summary-stats{display:flex;gap:10px;margin:20px 0 4px;flex-wrap:wrap}.summary-stats span{padding:9px 13px;border:1px solid #5a4437;border-radius:9px;color:#c9b2a6;font-size:11px;font-weight:800}.summary-stats b{color:#fff8f4;font-size:16px;margin-right:4px}.summary-stats .warn{border-color:#ff798488;background:#ff79840f;color:#ffb3b9}.summary-stats .warn b{color:#ff9aa2}.summary-dots{grid-template-columns:repeat(10,1fr);max-width:560px;margin:18px 0 24px}.summary-dots button:not(.answered){border-color:#ff798477;background:#ff79841a;color:#ffb3b9}.summary-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid #4f3b30;padding-top:20px}.summary-actions .primary-btn{margin-left:auto}
.exam-review .review-stimulus{margin:12px 0;padding:12px 14px;border:1px solid #70594c;border-radius:10px;background:linear-gradient(135deg,#463125,#3b2a20);color:#e8d9cf;font-size:12px;line-height:1.65}.exam-review .review-stimulus b{display:block;margin-bottom:4px;color:#73dd77;font-size:9px;letter-spacing:.14em}
@media(max-width:600px){.exam-summary{padding:20px}.summary-dots{grid-template-columns:repeat(8,1fr)}.summary-actions .primary-btn{margin-left:0;width:100%}}
/* exam history + restore notice */
.exam-history{display:grid;gap:8px}.exam-history-row{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;align-items:center;gap:16px;padding:13px 18px;border:1px solid #4f3b30;border-radius:12px;background:#332319}.exam-history-row strong{display:block;font-size:13px}.exam-history-row small{display:block;margin-top:3px;color:#a58f82;font-size:10px}.exam-history-row b{font:800 13px Outfit,sans-serif;white-space:nowrap}.exam-history-row b.good{color:#67d86b}.exam-history-row b.ok{color:#f5b86b}.exam-history-row b.low{color:#ff9aa2}.hist-bar{height:6px;border-radius:6px;background:#4d3a2f;overflow:hidden}.hist-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#d78d62,#ffbc96)}
.section-heading p{margin:0}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);max-width:min(560px,calc(100vw - 32px));padding:12px 16px;border:1px solid #ffbc9666;border-radius:12px;background:#3a291f;color:#fff8f4;font-size:12px;line-height:1.5;text-align:center;box-shadow:0 12px 32px #0007;z-index:50}
@media(max-width:600px){.exam-history-row{grid-template-columns:minmax(0,1fr) auto}.hist-bar{display:none}}