:root{--navy:#062b47;--deep:#031b2e;--blue:#0870a0;--cyan:#46d1dc;--gold:#f5b721;--orange:#ed801c;--red:#c84732;--green:#27845a;--paper:#fff8e8;--ink:#12364d;--muted:#5e6b72;--shadow:0 18px 50px rgba(3,29,49,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef2ef;color:var(--ink);font-family:"Trebuchet MS","Segoe UI",Arial,sans-serif}button,input{font:inherit;color:inherit}.wrap{width:min(1150px,calc(100% - 40px));margin-inline:auto}.topbar{height:88px;padding:8px clamp(20px,5vw,74px);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.97);border-bottom:1px solid #d3dbd8;position:sticky;top:0;z-index:60;backdrop-filter:blur(12px)}.topbar>a img{width:min(235px,43vw);height:68px;display:block;object-fit:contain}.top-stats{display:flex;gap:10px}.top-stats>div{min-width:83px;padding:7px 13px;text-align:center;border:1px solid #d6ddda;border-radius:12px;background:#f1f5f3}.top-stats span{display:block;color:#737d7a;font-size:.62rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.top-stats strong{font-size:1.35rem;color:var(--red)}.top-stats strong b{font:inherit}
.hero{min-height:625px;padding:70px clamp(22px,6vw,92px);display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(40px,7vw,100px);overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 20%,rgba(33,181,190,.24),transparent 27rem),linear-gradient(110deg,var(--deep),#063c58)}.kicker{margin:0 0 9px!important;color:var(--orange)!important;font-size:.72rem!important;letter-spacing:.16em;text-transform:uppercase;font-weight:950}.hero .kicker{color:var(--cyan)!important}.hero h1{margin:0;font:900 clamp(3.5rem,6.4vw,6.8rem)/.89 Impact,"Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.01em;text-shadow:0 5px 0 rgba(0,0,0,.14)}.hero h1 span{color:var(--gold)}.hero-copy>p:not(.kicker){max-width:590px;margin:28px 0;line-height:1.65;font-size:1.1rem;color:#dfebef}.primary-button,.check-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:15px 22px;border:0;border-radius:11px;background:var(--gold);box-shadow:0 6px 0 #b76f17;color:var(--deep);text-decoration:none;text-transform:uppercase;letter-spacing:.04em;font-weight:950;cursor:pointer}.primary-button:hover,.check-button:hover{transform:translateY(-2px);box-shadow:0 8px 0 #b76f17}.hero-lab{position:relative;min-height:430px}.lab-screen{position:absolute;left:8%;right:7%;top:5%;bottom:11%;padding:16px 16px 47px;background:#112f3d;border:9px solid #7c969c;border-radius:16px;box-shadow:0 27px 50px rgba(0,0,0,.42)}.lab-screen:before{content:"";position:absolute;inset:12px 12px 42px;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(77,223,220,.06) 0 2px,transparent 2px 5px)}.lab-screen img{display:block;width:100%;height:100%;object-fit:contain;background:#031b25;filter:hue-rotate(125deg) saturate(.72)}.lab-screen span{position:absolute;left:20px;bottom:15px;color:var(--cyan);font:900 .7rem "Courier New";letter-spacing:.1em;text-transform:uppercase}.lab-screen i{position:absolute;bottom:14px;width:9px;height:9px;border-radius:50%;background:var(--green)}.lab-screen i:nth-of-type(1){right:51px}.lab-screen i:nth-of-type(2){right:34px;background:var(--gold)}.lab-screen i:nth-of-type(3){right:17px;background:var(--red)}.test-tube{position:absolute;bottom:0;width:38px;height:120px;border:5px solid #c8e1e5;border-top:0;border-radius:0 0 18px 18px;background:linear-gradient(transparent 28%,rgba(70,209,220,.7) 29%);box-shadow:inset 0 -12px 20px rgba(255,255,255,.25)}.tube-a{right:4%;transform:rotate(8deg)}.tube-b{right:15%;height:95px;background:linear-gradient(transparent 42%,rgba(245,183,33,.72) 43%);transform:rotate(-7deg)}.magnifier{position:absolute;left:0;bottom:-2%;width:105px;height:105px;border:11px solid var(--gold);border-radius:50%;box-shadow:inset 0 0 22px rgba(70,209,220,.5)}.magnifier:after{content:"";position:absolute;left:78%;top:77%;width:85px;height:15px;border-radius:8px;background:var(--gold);transform:rotate(45deg);transform-origin:left}.evidence-tag{position:absolute;left:18%;bottom:-4%;padding:11px 17px;background:var(--paper);color:var(--navy);font:900 .75rem "Courier New";transform:rotate(-4deg);box-shadow:0 8px 20px rgba(0,0,0,.3)}
.briefing{position:relative;z-index:4;margin-top:-32px;padding:30px 34px;display:grid;grid-template-columns:auto 1fr .55fr;align-items:center;gap:25px;background:var(--paper);border:1px solid #ded3b5;border-radius:17px;box-shadow:var(--shadow)}.briefing-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--gold);font-size:1.8rem}.briefing h2,.lab-station h2,.evidence-tray h2,dialog h2{margin:0 0 8px;font:900 clamp(1.7rem,3vw,2.7rem)/1.08 Georgia,serif;color:var(--navy)}.briefing p{margin:0;color:var(--muted);line-height:1.55}.briefing ul{margin:0;padding-left:23px;border-left:2px dashed #d3be8a;line-height:1.75;color:#5c696f;font-size:.84rem;font-weight:800}
.lab-progress{margin-top:65px;margin-bottom:38px;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center}.progress-step{display:flex;align-items:center;gap:10px;color:var(--navy);text-decoration:none}.progress-step>span{width:42px;height:42px;display:grid;place-items:center;border:4px solid #fff;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 2px var(--cyan);font-weight:950}.progress-step small,.progress-step b{display:block}.progress-step small{color:#7a8588;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em}.progress-step b{font-size:.83rem}.progress-step.locked{opacity:.35;pointer-events:none}.progress-step.done>span{background:var(--green);box-shadow:0 0 0 2px var(--green);color:#fff}.lab-progress>i{height:2px;margin:0 17px;background:repeating-linear-gradient(90deg,#aebebb 0 7px,transparent 7px 12px)}
.lab-station{position:relative;margin-bottom:35px;padding:clamp(25px,4vw,47px);background:#fff;border:1px solid #dce3df;border-radius:19px;box-shadow:var(--shadow);overflow:hidden}.lab-station:before{content:"";position:absolute;left:0;top:0;bottom:0;width:7px;background:var(--cyan)}.station-heading{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:start;margin-bottom:30px}.station-number{color:#c7d9d7;font:900 3.3rem Impact}.station-heading p:not(.kicker){margin:0;color:var(--muted);line-height:1.5}.station-points{padding:8px 11px;border-radius:999px;background:#eaf6f2;color:var(--green);font-size:.72rem}.station-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:24px}.evidence-paper{position:relative;padding:12px 12px 38px;background:#f3ead7;box-shadow:0 8px 22px rgba(3,29,49,.14);transform:rotate(-1deg)}.evidence-paper img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.evidence-paper span{position:absolute;right:14px;bottom:13px;color:#7b6c50;font:900 .68rem "Courier New"}.microscope-console{padding:22px;border-radius:15px;background:#092d42;color:#fff}.microscope-view{--zoom:1;position:relative;width:min(290px,85%);aspect-ratio:1;margin:auto;border:13px solid #8ba6aa;border-radius:50%;overflow:hidden;background:radial-gradient(circle,#d9eef0,#87abb1 72%,#1c3842 73%);box-shadow:inset 0 0 45px rgba(0,0,0,.45)}.fiber-sample{position:absolute;left:10%;top:48%;width:80%;height:25px;border-top:6px solid #f1eee0;border-radius:50%;transform:rotate(-14deg) scale(var(--zoom));filter:drop-shadow(0 3px 3px rgba(0,0,0,.6));transform-origin:center}.fiber-sample:before,.fiber-sample:after{content:"";position:absolute;width:25%;border-top:2px solid #d2cdbd;top:-3px}.fiber-sample:before{left:20%;transform:rotate(5deg)}.fiber-sample:after{right:12%;transform:rotate(-4deg)}.microscope-view span{position:absolute;right:14px;bottom:12px;padding:4px 7px;border-radius:4px;background:rgba(3,27,46,.8);font:800 .65rem "Courier New"}.microscope-console label{display:block;margin:17px 0 5px;font-size:.78rem;font-weight:900}.microscope-console input{width:100%;accent-color:var(--gold)}.microscope-console p{margin:12px 0 0;color:#bad0d7;font-size:.82rem;line-height:1.45}.question-block{margin-top:28px}.question-block h3{margin:0 0 13px;color:var(--navy);font:900 1.15rem Georgia}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice-grid button,.symbol-choices button,.report-question button{padding:14px;border:2px solid #d3dcda;border-radius:10px;background:#fff;text-align:left;cursor:pointer}.choice-grid button b,.choice-grid button span{display:block}.choice-grid button b{color:var(--navy)}.choice-grid button span{margin-top:5px;color:var(--muted);font-size:.76rem;line-height:1.35}.choice-grid button.selected,.symbol-choices button.selected,.report-question button.selected{border-color:var(--gold);background:#fff7d8;box-shadow:0 0 0 3px rgba(245,183,33,.18)}.choice-grid button.correct,.symbol-choices button.correct,.report-question button.correct{border-color:var(--green);background:#eaf8f1}.choice-grid button.wrong,.symbol-choices button.wrong,.report-question button.wrong{border-color:var(--red);animation:shake .3s}.station-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.hint-button{margin-right:auto;padding:11px 14px;border:0;background:transparent;color:var(--blue);font-weight:900;cursor:pointer}.check-button{padding:12px 18px;font-size:.78rem}.hint-box{margin-top:13px;padding:13px 15px;border-left:4px solid var(--gold);background:#fff6d7;color:#675832;line-height:1.45}.feedback{min-height:24px;margin:12px 0 0;font-weight:900}.feedback.success{color:var(--green)}.feedback.error{color:var(--red)}
.locked-station{min-height:270px}.locked-station .station-content{filter:blur(4px);opacity:.22;pointer-events:none;user-select:none}.station-lock{position:absolute;inset:0;z-index:5;display:grid;place-content:center;justify-items:center;background:rgba(255,255,255,.35)}.station-lock span{width:45px;height:45px;display:grid;place-items:center;margin-bottom:10px;border-radius:50%;background:var(--navy);color:var(--cyan)}.station-lock b,.station-lock small{display:block}.station-lock small{margin-top:5px;color:var(--muted)}.lab-station.unlocked .station-lock{display:none}.lab-station.unlocked .station-content{filter:none;opacity:1;pointer-events:auto;user-select:auto}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.compare-grid figure{margin:0;padding:10px;background:#f0e8d7;border-radius:12px}.compare-grid img{display:block;width:100%;height:285px;object-fit:contain;background:#fff}.compare-grid figcaption{padding:9px 4px 2px;color:var(--muted);font-size:.76rem}.symbol-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.symbol-choices button{text-align:center}.symbol-choices span{display:block;margin-bottom:5px;color:var(--navy);font-size:2.2rem}.bag-analysis{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.bag-analysis figure{margin:0;padding:10px;background:#f0e8d7}.bag-analysis figure>img{display:block;width:100%;height:340px;object-fit:cover}.bag-analysis figcaption{padding:8px 3px 0;color:var(--muted);font-size:.75rem}.case-note{padding:19px;background:var(--paper);border:1px solid #dec996;border-radius:12px}.case-note img{display:block;width:100%;height:105px;object-fit:contain;background:#fff}.case-note h3{margin:18px 0 8px;color:var(--navy);font:900 1.1rem Georgia}.case-note p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.5}.report-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:20px}.suspect-map{position:relative;padding:12px 12px 36px;background:#f1e8d5;align-self:start;transform:rotate(-1deg);box-shadow:0 9px 22px rgba(3,29,49,.14)}.suspect-map img{display:block;width:100%}.suspect-map span{position:absolute;right:14px;bottom:12px;color:#776a50;font:900 .65rem "Courier New"}.report-form{display:grid;gap:12px}.report-question{padding:14px;border:1px solid #dbe1df;border-radius:11px;background:#f8faf9}.report-question h3{margin:0 0 9px;color:var(--navy);font-size:.88rem}.report-question>div{display:flex;flex-wrap:wrap;gap:7px}.report-question button{padding:8px 10px;font-size:.74rem;font-weight:800}
.evidence-tray{margin-top:60px;margin-bottom:70px;padding:34px;background:var(--navy);color:#fff;border-radius:18px;box-shadow:var(--shadow)}.evidence-tray>div:first-child{text-align:center}.evidence-tray h2{color:#fff}.evidence-tray>div:first-child p:not(.kicker){margin:0;color:#bdced6}.tray-items{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:28px 0}.tray-items article{padding:18px;text-align:center;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.07)}.tray-items span{width:37px;height:37px;margin:0 auto 8px;display:grid;place-items:center;border-radius:50%;background:#284e63;color:#8aa4b1;font-weight:950}.tray-items b,.tray-items small{display:block}.tray-items b{color:#fff}.tray-items small{margin-top:4px;color:#9eb3bd;font-size:.7rem}.tray-items article.done span{background:var(--green);color:#fff}.tray-items article.done small{color:#9ee0bd}.solution-link{display:block;margin:auto;padding:11px 16px;border:2px solid var(--cyan);border-radius:9px;background:transparent;color:var(--cyan);font-weight:900;cursor:pointer}
footer{padding:35px clamp(20px,6vw,90px);display:grid;grid-template-columns:230px 1fr auto;align-items:center;gap:25px;background:var(--deep);color:#afbdc4;font-size:.84rem}footer img{width:220px;height:75px;object-fit:contain;background:#fff;border-radius:7px}footer a{color:var(--gold);font-weight:900;text-decoration:none}dialog{width:min(670px,calc(100% - 28px));padding:32px;border:0;border-radius:19px;background:var(--paper);box-shadow:0 30px 90px rgba(0,0,0,.48)}dialog::backdrop{background:rgba(3,20,33,.8);backdrop-filter:blur(3px)}.close{position:absolute;right:18px;top:17px;width:38px;height:38px;border:0;border-radius:50%;background:#eadfc8;font-size:1.6rem;cursor:pointer}.solution-list{margin:24px 0;padding:0;list-style:none;counter-reset:item}.solution-list li{position:relative;padding:13px 10px 13px 48px;border-top:1px dashed #ccb991;counter-increment:item}.solution-list li:before{content:counter(item);position:absolute;left:5px;top:12px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--navy);color:var(--cyan);font-weight:950}.solution-list b,.solution-list span{display:block}.solution-list span{margin-top:3px;color:var(--muted);font-size:.85rem;line-height:1.4}.full{width:100%}.victory{text-align:center;overflow:visible;width:min(510px,calc(100% - 28px))}.victory-badge{width:76px;height:76px;margin:-70px auto 17px;display:grid;place-items:center;border:7px solid var(--paper);border-radius:50%;background:var(--green);color:#fff;font-size:2.2rem}.victory>p:not(.kicker){color:var(--muted);line-height:1.5}.final-score{width:160px;margin:20px auto;padding:14px;border-radius:50%;background:#ffefbd;border:2px dashed #d7a72d}.final-score span,.final-score small{display:block;text-transform:uppercase;font-size:.65rem;letter-spacing:.08em;color:#796634}.final-score strong{display:block;color:var(--red);font:900 2.5rem Georgia}@keyframes shake{25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.briefing{grid-template-columns:auto 1fr}.briefing ul{grid-column:2}.station-grid,.bag-analysis,.report-layout{grid-template-columns:1fr}.evidence-paper img{max-height:200px}.suspect-map{max-width:460px;margin:auto}.tray-items{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr;text-align:center;justify-items:center}}
@media(max-width:650px){.topbar{height:72px;padding:7px 12px}.topbar>a img{width:160px;height:54px}.top-stats>div{min-width:64px;padding-inline:6px}.top-stats>div:first-child{display:none}.hero{padding:48px 20px}.hero h1{font-size:clamp(3rem,15vw,5.1rem)}.hero-lab{min-height:330px}.briefing{grid-template-columns:1fr;padding:24px}.briefing-icon{display:none}.briefing ul{grid-column:1;border-left:0;border-top:2px dashed #d3be8a;padding-top:12px}.lab-progress{grid-template-columns:auto 1fr auto 1fr auto 1fr auto}.progress-step div{display:none}.lab-progress>i{margin:0 8px}.lab-station{width:calc(100% - 20px);padding:25px 18px}.station-heading{grid-template-columns:auto 1fr}.station-number{font-size:2.5rem}.station-points{grid-column:2;justify-self:start}.choice-grid,.symbol-choices,.compare-grid{grid-template-columns:1fr}.compare-grid img{height:230px}.bag-analysis figure>img{height:260px}.report-question>div{display:grid}.station-actions{flex-direction:column}.hint-button{margin:0}.station-actions button{width:100%}.tray-items{grid-template-columns:1fr}.evidence-tray{width:calc(100% - 24px);padding:27px 18px}footer{padding-inline:20px}dialog{padding:27px 20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}