:root{
  --ink:#0b111c;--ink-2:#151d2a;--ink-3:#253142;--paper:#f2ead8;--paper-2:#e4d7bd;
  --gold:#b7833f;--gold-2:#e9c882;--jade:#6f9b91;--blue:#738fa8;--plum:#916f88;--red:#b76c60;
  --line:rgba(207,164,82,.35);--muted:rgba(242,234,216,.72);--shadow:0 24px 70px rgba(0,0,0,.34);
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;color:var(--ink);background:#f3eee3;font-family:var(--sans);line-height:1.65}body.large-text{font-size:1.12rem}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--gold-2);outline-offset:3px}.skip-link{position:fixed;left:1rem;top:-6rem;z-index:400;padding:.75rem 1rem;color:var(--ink);background:var(--gold-2);border-radius:.5rem}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap{width:min(calc(100% - 2rem),1120px);margin:auto}.narrow{max-width:860px}.eyebrow{margin:0 0 .8rem;color:var(--gold-2);font-size:.72rem;font-weight:850;letter-spacing:.17em;text-transform:uppercase}.eyebrow.dark{color:#8d6223}.section{padding:clamp(4.5rem,9vw,8rem) 0}.section h2,.closing blockquote,.drawer h2,.content-dialog h2,.search-dialog h2{margin:.25rem 0;font:500 clamp(2.35rem,6vw,4.8rem)/1.03 var(--serif);letter-spacing:-.035em}.section-lead{max-width:830px;color:#596766;font-size:1.05rem}.section-lead.light{color:var(--muted)}.section-heading{max-width:870px;margin-bottom:2rem}.section-heading>p:last-child{color:#5f6b69}.section-heading.split{max-width:none;display:flex;justify-content:space-between;align-items:end;gap:2rem}.section-heading.split>div:first-child{max-width:760px}

.topbar{position:sticky;top:0;z-index:70;height:calc(70px + var(--safe-top));padding:var(--safe-top) max(.75rem,env(safe-area-inset-right)) 0 max(.75rem,env(safe-area-inset-left));display:flex;align-items:center;gap:.85rem;color:var(--paper);background:rgba(3,15,18,.92);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.round-button,.icon-button,.index-button{border:1px solid var(--line);color:var(--gold-2);background:rgba(255,255,255,.035)}.round-button,.icon-button{width:42px;min-width:42px;aspect-ratio:1;border-radius:50%;font-size:1.05rem}.brand{display:flex;align-items:center;gap:.75rem;min-width:0;text-decoration:none}.brand-mark{width:43px;min-width:43px;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;color:var(--gold-2);font:700 .78rem var(--serif);letter-spacing:.08em}.brand>span:last-child{display:grid;line-height:1.08}.brand strong{font:500 1.02rem var(--serif);letter-spacing:.04em}.brand small{margin-top:.22rem;color:var(--muted);font-size:.68rem}.top-actions{display:flex;gap:.45rem;margin-left:auto}.index-button{min-height:42px;padding:0 .9rem;border-radius:99px}.round-button:hover,.icon-button:hover,.index-button:hover{border-color:var(--gold-2);background:#ffffff12}

.hero{position:relative;min-height:calc(100svh - 70px);display:flex;align-items:flex-end;isolation:isolate;overflow:hidden;color:var(--paper);background:#041315}.hero-image{position:absolute;inset:0;z-index:-4;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(2,14,17,.97) 0%,rgba(3,20,23,.77) 38%,rgba(3,16,18,.08) 69%,rgba(2,10,12,.24)),linear-gradient(0deg,rgba(2,12,14,.95),transparent 55%)}.hero-grain{position:absolute;inset:0;z-index:-2;opacity:.13;background-image:radial-gradient(circle at 20% 20%,#f2d488 0 1px,transparent 1px);background-size:21px 21px;mask-image:linear-gradient(90deg,#000,transparent 60%)}.hero-copy{width:min(calc(100% - 2rem),1120px);margin:0 auto;padding:clamp(8rem,18vh,13rem) 0 clamp(5rem,11vh,8rem)}.hero-copy h1{max-width:840px;margin:0;font:500 clamp(4rem,10vw,8.8rem)/.84 var(--serif);letter-spacing:-.06em}.hero-copy h1 em{color:var(--gold-2);font-weight:400}.hero-lead{max-width:620px;margin:1.5rem 0 0;color:rgba(242,234,216,.86);font-size:clamp(1.05rem,2.1vw,1.35rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:2rem}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.2rem;border:1px solid var(--gold);border-radius:99px;text-decoration:none}.primary-button{color:var(--ink);background:var(--gold-2)}.secondary-button{color:var(--paper);background:#0004}.primary-button:hover{background:#ffe7a8}.secondary-button:hover{border-color:var(--gold-2);background:#ffffff10}.hero-hint{position:absolute;right:1.2rem;bottom:1rem;margin:0;color:rgba(242,234,216,.58);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.hero-hotspot{position:absolute;z-index:3;width:44px;aspect-ratio:1;border:1px solid var(--gold-2);border-radius:50%;color:transparent;background:rgba(6,22,25,.35);box-shadow:0 0 0 7px rgba(240,208,131,.08);animation:pulse 3.2s infinite}.hero-hotspot:after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--gold-2)}.hero-hotspot span{position:absolute;top:50%;right:calc(100% + .7rem);transform:translateY(-50%);padding:.35rem .55rem;border-radius:.4rem;color:var(--paper);background:rgba(3,15,17,.86);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;opacity:0;transition:.2s}.hero-hotspot:hover span,.hero-hotspot:focus-visible span{opacity:1}.hotspot-eye{left:77%;top:70%}.hotspot-tree{left:88%;top:27%;animation-delay:.8s}.hotspot-light{left:79%;top:23%;animation-delay:1.6s}@keyframes pulse{50%{box-shadow:0 0 0 14px rgba(240,208,131,0)}}

.section-dark,.studio,.lab-section,.comics,.maps-section{color:var(--paper);background:radial-gradient(circle at 85% 0,#1e515166,transparent 28rem),linear-gradient(160deg,var(--ink-2),#031114 72%)}.portal{padding:5rem 0}.portal h2{max-width:900px;margin:.2rem 0 2rem;font:500 clamp(2.2rem,5vw,4rem)/1.05 var(--serif)}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.portal-card{position:relative;min-height:240px;padding:1.25rem;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:1rem;color:var(--paper);background:linear-gradient(150deg,#ffffff0d,#0004);text-decoration:none;overflow:hidden;transition:.2s}.portal-card:after{content:attr(data-num);position:absolute;right:.4rem;bottom:-1.5rem;color:#e7bd6914;font:700 7rem var(--serif)}.portal-card:hover{transform:translateY(-4px);border-color:var(--gold-2)}.portal-card span{color:var(--gold-2);font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}.portal-card h3{margin:auto 0 .35rem;font:500 2rem var(--serif)}.portal-card p{position:relative;z-index:1;margin:0;color:var(--muted);font-size:.86rem}.paper{background:linear-gradient(90deg,#efe5d1,#faf7ef 45%,#e9ddc7)}

.discovery{margin-top:2rem;border:1px solid #a78e604f;border-radius:1.2rem;background:#fffdf8;box-shadow:0 18px 45px #5a4b3020;overflow:hidden}.discovery-head{padding:1rem 1.25rem;color:var(--paper);background:var(--ink-2)}.discovery-head div{display:flex;justify-content:space-between;gap:1rem;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.discovery-track{height:4px;margin-top:.8rem;background:#ffffff18}.discovery-track span{display:block;height:100%;background:var(--gold-2);transition:width .3s}.discovery-body{padding:clamp(1.2rem,4vw,2.2rem)}.discovery-body h3{margin:0;font:500 clamp(1.8rem,5vw,3.2rem)/1.08 var(--serif)}.discovery-body>p{color:#586361}.choice-list{display:grid;gap:.7rem;margin-top:1.4rem}.choice-list button{padding:1rem 1.1rem;text-align:left;border:1px solid #bba77d80;border-radius:.8rem;color:var(--ink);background:#f5eee0}.choice-list button:hover{border-color:#8a692b;background:#fff9ed}.consequence{margin-top:1.3rem;padding:1rem;border-left:4px solid var(--gold);background:#f5eddd}.consequence strong{display:block;font:600 1.2rem var(--serif)}.consequence p{margin:.3rem 0}.next-button{margin-top:1rem;padding:.7rem 1rem;border:0;border-radius:99px;color:var(--paper);background:var(--ink-2)}

.mode-switch{display:flex;padding:.25rem;background:#ffffff16;border-radius:99px}.mode-switch button{padding:.65rem 1rem;border:0;border-radius:99px;color:var(--muted);background:transparent}.mode-switch button.active{color:var(--ink);background:var(--gold-2)}.mode-description{color:var(--muted)}.progress-card{padding:1rem 1.2rem;margin:1.4rem 0;border:1px solid var(--line);border-radius:1rem;background:#0003}.progress-card>div:first-child{display:flex;justify-content:space-between;gap:1rem}.progress-track{height:6px;margin:.75rem 0;border-radius:99px;background:#ffffff1b;overflow:hidden}.progress-track span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--jade),var(--gold-2));transition:.3s}.progress-card p{margin:0;color:var(--muted);font-size:.78rem}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.module-card{position:relative;min-height:280px;padding:1.25rem;display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);border-radius:1rem;color:var(--paper);background:linear-gradient(155deg,#ffffff0d,#0004);overflow:hidden}.module-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--accent,var(--gold))}.module-card:hover{transform:translateY(-3px);border-color:var(--accent,var(--gold-2))}.module-card.complete:after{content:"✓";position:absolute;right:1rem;top:1rem;width:1.65rem;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#06201d;background:#8bc2a7}.module-index{color:var(--accent,var(--gold-2));font-size:.67rem;font-weight:850;letter-spacing:.15em}.module-card h3{margin:.75rem 0 .45rem;font:500 1.55rem/1.08 var(--serif)}.module-card p{margin:0;color:var(--muted);font-size:.86rem}.module-card footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:1rem;color:var(--gold-2);font-size:.7rem}.module-card footer span:last-child{font-size:1.25rem}

.lab-meter{display:flex;justify-content:space-between;gap:1rem;margin:1.5rem 0;padding:1rem;border:1px solid var(--line);border-radius:.9rem;background:#0003}.lab-panel{min-height:440px;padding:clamp(1.2rem,4vw,2rem);border:1px solid var(--line);border-radius:1.2rem;background:linear-gradient(145deg,#143b3d,#06181b);box-shadow:var(--shadow)}.lab-case h3{margin:.3rem 0;font:500 clamp(2rem,5vw,3.6rem)/1 var(--serif)}.lab-scene{display:grid;grid-template-columns:100px 1fr;gap:1rem;align-items:center;margin:1.3rem 0;padding:1rem;border:1px solid #ffffff14;border-radius:1rem;background:#0003}.lab-symbol{display:grid;place-items:center;width:90px;aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;color:var(--gold-2);font:500 2.3rem var(--serif)}.lab-options{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.lab-options button{padding:1rem;text-align:left;border:1px solid var(--line);border-radius:.8rem;color:var(--paper);background:#ffffff08}.lab-options button:hover{border-color:var(--gold-2)}.lab-options button.correct{border-color:#83bf9e;background:#174838}.lab-options button.wrong{border-color:#d08579;background:#542a28}.lab-feedback{margin-top:1rem;padding:1rem;border-left:4px solid var(--jade);background:#0004}.lab-feedback.wrong{border-color:var(--red)}

.sources{background:#f0e8d8}.source-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.source-card{padding:1.2rem;border:1px solid #b7a37c66;border-radius:1rem;background:#fffdf8}.source-card .kind{display:inline-block;padding:.28rem .5rem;border-radius:99px;color:#fff;background:#795d2d;font-size:.61rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.source-card h3{margin:.85rem 0 .45rem;font:600 1.45rem var(--serif)}.source-card p{color:#596462;font-size:.88rem}.source-card footer{padding-top:.75rem;border-top:1px solid #cdbf9d88;color:#765b2a;font-size:.72rem}

.comic-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.comic-card{position:relative;min-height:310px;padding:1.1rem;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(160deg,#194449,#06171a 75%);overflow:hidden}.comic-card:before{content:attr(data-scene);position:absolute;right:.4rem;top:-1.1rem;color:#f0d08315;font:700 7rem var(--serif)}.comic-visual{height:100px;display:grid;place-items:center;margin-bottom:1rem;border-radius:.8rem;color:var(--gold-2);background:radial-gradient(circle,#d4a54f22,transparent 65%);font-size:3rem}.comic-card time{color:var(--gold-2);font-size:.68rem;letter-spacing:.12em}.comic-card h3{margin:.5rem 0;font:500 1.45rem var(--serif)}.comic-card p{margin:0;color:var(--muted);font-size:.82rem}.comic-card small{margin-top:auto;padding-top:.8rem;color:#a9cdc1;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}

.map-layout{display:grid;grid-template-columns:270px 1fr;gap:1rem}.map-tabs{display:grid;gap:.45rem}.map-tabs button{padding:.8rem;text-align:left;border:1px solid var(--line);border-radius:.75rem;color:var(--muted);background:#0003}.map-tabs button.active,.map-tabs button:hover{color:var(--paper);border-color:var(--gold-2);background:#ffffff0d}.concept-map{min-height:470px;padding:clamp(1.2rem,4vw,2rem);border:1px solid var(--line);border-radius:1.2rem;background:linear-gradient(145deg,#153e43,#06171b)}.concept-map h3{margin:.2rem 0;font:500 clamp(2rem,5vw,3.6rem)/1 var(--serif)}.map-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.5rem}.map-node{position:relative;min-height:135px;padding:1rem;border:1px solid #ffffff1e;border-radius:.9rem;background:#0003}.map-node:not(:last-child):after{content:"→";position:absolute;right:-.72rem;top:45%;z-index:2;color:var(--gold-2)}.map-node strong{display:block;color:var(--gold-2);font:500 1.12rem var(--serif)}.map-node p{margin:.35rem 0;color:var(--muted);font-size:.8rem}

.tools-section{background:linear-gradient(90deg,#efe5d1,#faf7ef)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.tool-grid button{min-height:180px;padding:1.2rem;text-align:left;border:1px solid #b6a27677;border-radius:1rem;color:var(--ink);background:#fffdf8}.tool-grid button:hover{transform:translateY(-3px);border-color:#8a6728}.tool-grid button>span{display:block;color:#9b742d;font:500 2rem var(--serif)}.tool-grid strong{display:block;margin:.8rem 0 .3rem;font:600 1.35rem var(--serif)}.tool-grid small{color:#63706d}.closing{padding:clamp(5rem,12vw,9rem) 0;color:var(--paper);background:radial-gradient(circle at 50% 0,#245457,#06171b 62%)}.closing blockquote{margin:.5rem 0 1.4rem;color:var(--gold-2)}.closing p:last-child{color:var(--muted)}

.footer{padding:2rem 1rem calc(2rem + var(--safe-bottom));text-align:center;color:#c9c2b3;background:#030c0e;border-top:1px solid var(--line);font-size:.82rem}.footer p{margin:.35rem}.footer a{color:var(--gold-2)}.text-button{padding:0;border:0;color:var(--gold-2);background:none;text-decoration:underline}.drawer,.notes-panel{position:fixed;inset:0;z-index:120;pointer-events:none;visibility:hidden}.drawer.open,.notes-panel.open{pointer-events:auto;visibility:visible}.drawer-backdrop{position:absolute;inset:0;background:#000b;opacity:0;transition:.2s}.drawer.open .drawer-backdrop{opacity:1}.drawer-panel{position:absolute;left:0;top:0;width:min(92vw,430px);height:100%;overflow:auto;padding:calc(2rem + var(--safe-top)) 1.35rem 2rem;color:var(--paper);background:linear-gradient(155deg,#103238,#030e11);border-right:1px solid var(--line);transform:translateX(-105%);transition:.25s}.drawer.open .drawer-panel{transform:none}.close-button,.dialog-close{width:42px;aspect-ratio:1;border:1px solid var(--line);border-radius:50%;color:var(--gold-2);background:#0003;font-size:1.4rem}.drawer-panel>.close-button{float:right}.drawer nav{display:grid;gap:.5rem;margin-top:1.4rem}.drawer nav a{padding:.8rem;border:1px solid #ffffff16;border-radius:.7rem;text-decoration:none}.drawer nav a:hover{border-color:var(--gold)}.drawer-progress{display:flex;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}.notes-panel{inset:70px 0 0 auto;width:min(100%,520px);height:calc(100% - 70px);padding:1.2rem;color:var(--paper);background:linear-gradient(155deg,#12363a,#041114);border-left:1px solid var(--line);transform:translateX(105%);transition:.25s}.notes-panel.open{transform:none}.notes-panel header{display:flex;justify-content:space-between;align-items:start}.notes-panel h2{margin:0;font:500 2.2rem var(--serif)}.notes-panel textarea{width:100%;height:calc(100% - 155px);margin-top:1rem;padding:1rem;border:1px solid var(--line);border-radius:.8rem;color:var(--paper);background:#0004;resize:none}.notes-actions{display:flex;justify-content:space-between;align-items:center;margin-top:.7rem}.notes-actions button{padding:.6rem .9rem;border:1px solid var(--gold);border-radius:99px;color:var(--ink);background:var(--gold-2)}

dialog{max-height:88vh;overflow:auto;color:var(--ink);background:#f8f3e8;border:1px solid #b79b6355;border-radius:1.2rem;box-shadow:0 30px 90px #0008}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.content-dialog{width:min(94vw,900px);padding:clamp(1.2rem,4vw,2.4rem)}.search-dialog{width:min(94vw,720px);padding:1.5rem}.dialog-close{position:sticky;float:right;top:0;z-index:2;color:var(--ink);background:#f0e5d1}.module-detail .kicker{color:#896128;font-size:.7rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.module-detail h2{padding-right:3rem}.module-question{font:500 1.3rem var(--serif);color:#765426}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.detail-box{padding:1rem;border:1px solid #c7b58d77;border-radius:.85rem;background:#fffdf8}.detail-box h3{margin:0 0 .4rem;font:600 1.15rem var(--serif)}.detail-box p{margin:.2rem 0}.beat-list{padding-left:1.2rem}.beat-list li{margin:.35rem 0}.source-note,.warning-note{margin-top:1rem;padding:1rem;border-left:4px solid var(--jade);background:#e6f0eb}.warning-note{border-color:var(--red);background:#f4e6df}.checkpoint{margin-top:1rem;padding:1rem;border-radius:.8rem;color:var(--paper);background:var(--ink-2)}.complete-button{margin-top:1rem;padding:.7rem 1rem;border:0;border-radius:99px;color:var(--ink);background:var(--gold-2)}.quick-check{margin-top:1.2rem;padding:1rem;border:1px solid #c6b287;border-radius:.9rem}.quick-check h3{margin-top:0;font-family:var(--serif)}.quick-options{display:grid;gap:.5rem}.quick-options button{padding:.75rem;text-align:left;border:1px solid #bba981;border-radius:.65rem;background:#fff}.quick-options button.correct{border-color:#55876b;background:#e1f0e6}.quick-options button.wrong{border-color:#a85e54;background:#f4dfda}.quick-feedback{margin:.8rem 0 0}.tool-list{display:grid;gap:.7rem}.tool-item{padding:1rem;border:1px solid #c4b38777;border-radius:.8rem;background:#fffdf8}.tool-item h3{margin:0;font:600 1.15rem var(--serif)}.tool-item p{margin:.35rem 0}.tool-item small{color:#6d7471}.tool-item a{color:#76511e}.glossary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.comparison{display:grid;grid-template-columns:140px repeat(3,1fr);overflow:auto;border:1px solid #c4b38777;border-radius:.8rem}.comparison>*{padding:.75rem;border-right:1px solid #c4b38777;border-bottom:1px solid #c4b38777}.comparison strong{background:#e8dcc6}.quiz-option{width:100%;margin:.25rem 0;padding:.8rem;text-align:left;border:1px solid #b8a57f;border-radius:.65rem;background:#fff}.quiz-option.correct{border-color:#56836a;background:#dff0e5}.quiz-option.wrong{border-color:#a55c53;background:#f4ded9}.quiz-feedback{margin:.7rem 0}.quiz-summary{padding:1rem;border-radius:.9rem;color:var(--paper);background:var(--ink-2)}.recovery-card{margin-top:.8rem;padding:1rem;border-left:4px solid var(--gold);background:#f0e6d4}.recovery-card h4{margin:.2rem 0;font-family:var(--serif)}.search-box input{width:100%;padding:1rem;border:1px solid #a99163;border-radius:.8rem;background:#fff}.search-results{display:grid;gap:.5rem;margin-top:1rem}.search-result{padding:.8rem;text-align:left;border:1px solid #c4b387;border-radius:.7rem;background:#fff}.toast{position:fixed;left:50%;bottom:1rem;z-index:300;max-width:calc(100% - 2rem);padding:.8rem 1rem;border-radius:.7rem;color:#fff;background:#132d31;box-shadow:0 14px 40px #0007;transform:translate(-50%,160%);transition:.25s}.toast.show{transform:translate(-50%,0)}

@media(max-width:980px){.portal-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}.comic-strip{grid-template-columns:repeat(2,1fr)}.source-grid{grid-template-columns:repeat(2,1fr)}.hero-copy{padding-bottom:6rem}.hotspot-eye{left:70%}.map-layout{grid-template-columns:1fr}.map-tabs{grid-template-columns:repeat(3,1fr)}.map-flow{grid-template-columns:1fr}.map-node:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-1.05rem}}
@media(max-width:700px){.brand small{display:none}.index-button span{display:none}.hero{min-height:calc(100svh - 70px)}.hero-image{object-position:65% center}.hero-shade{background:linear-gradient(0deg,#031013f7 0%,#031013b8 48%,#03101355),linear-gradient(90deg,#03101399,transparent)}.hero-copy{padding:8rem 0 5.5rem}.hero-copy h1{font-size:clamp(3.5rem,18vw,6rem)}.hero-hotspot{width:38px}.hotspot-eye{left:75%;top:65%}.hotspot-tree{left:85%;top:28%}.hotspot-light{left:70%;top:22%}.section-heading.split{display:block}.mode-switch{margin-top:1rem;width:max-content}.module-grid,.tool-grid,.source-grid{grid-template-columns:1fr}.lab-options{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr}.map-tabs{grid-template-columns:1fr 1fr}.glossary-grid{grid-template-columns:1fr}.comparison{grid-template-columns:110px repeat(3,230px)}}
@media(max-width:480px){.portal-grid,.comic-strip{grid-template-columns:1fr}.top-actions{gap:.25rem}.round-button,.icon-button{width:38px;min-width:38px}.brand-mark{display:none}.lab-meter{display:grid}.lab-scene{grid-template-columns:1fr}.lab-symbol{width:72px}.map-tabs{grid-template-columns:1fr}.hero-hint{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Cartesio: identità visiva e secondo laboratorio */
.hero{background:#070b12}.hero-shade{background:linear-gradient(90deg,rgba(4,7,12,.97) 0%,rgba(8,12,20,.82) 37%,rgba(5,8,13,.04) 69%,rgba(2,4,8,.2)),linear-gradient(0deg,rgba(3,6,11,.94),transparent 56%)}.hero-grain{opacity:.1;background-image:radial-gradient(circle at 20% 20%,#e8c57e 0 1px,transparent 1px);background-size:23px 23px}.hotspot-doubt{left:18%;top:29%}.hotspot-cogito{left:62%;top:32%;animation-delay:.8s}.hotspot-method{left:83%;top:72%;animation-delay:1.6s}
.section-dark,.studio,.lab-section,.comics,.maps-section{background:radial-gradient(circle at 85% 0,#664f3560,transparent 28rem),linear-gradient(160deg,var(--ink-2),#070b12 72%)}
.lab-tabs{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.5rem 0 .8rem}.lab-tabs button{padding:.72rem 1rem;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:#0003}.lab-tabs button.active{color:var(--ink);background:var(--gold-2);border-color:var(--gold-2)}.lab-panel{background:linear-gradient(145deg,#232d3d,#0a0f18)}.lab-instructions{display:flex;justify-content:space-between;gap:1.2rem;align-items:start}.discovery-step{color:var(--gold-2);font-size:.68rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.lab-score{white-space:nowrap;padding:.4rem .7rem;border:1px solid var(--line);border-radius:99px;color:var(--gold-2);background:#0003}.case-bank{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.4rem 0}.case-token{display:grid;gap:.15rem;min-width:180px;padding:.85rem;text-align:left;border:1px solid var(--line);border-radius:.75rem;color:var(--paper);background:#ffffff08}.case-token:hover{border-color:var(--gold-2)}.case-token small{color:var(--muted)}.method-order{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;min-height:130px;padding:1rem;border:1px dashed var(--line);border-radius:1rem;background:#0003}.method-order .placed{display:grid;gap:.25rem;padding:.8rem;text-align:left;border:1px solid var(--gold);border-radius:.75rem;color:var(--paper);background:#ffffff0a}.method-order .placed span{color:var(--gold-2);font:600 1.4rem var(--serif)}.method-order .placed small{color:var(--muted)}.lab-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1rem}.lab-actions button{padding:.7rem 1rem;border:1px solid var(--line);border-radius:99px;color:var(--paper);background:#0003}.lab-actions button.primary{color:var(--ink);background:var(--gold-2)}.lab-actions button:disabled{opacity:.45;cursor:not-allowed}.hypothesis{margin-top:1rem;padding:1rem;border-left:4px solid var(--gold);background:#0004}.method-application{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem;margin-top:1.2rem}.method-application article{padding:1rem;border:1px solid var(--line);border-radius:.85rem;background:#0003}.method-application span{color:var(--gold-2);font:600 1.4rem var(--serif)}.method-application h4{margin:.35rem 0;font:600 1.1rem var(--serif)}.method-application p{margin:0;color:var(--muted);font-size:.83rem}.quiz-reset{display:block;margin:1rem auto 0;color:#76511e}.cartesio-comparison{width:100%;min-width:0}
@media(max-width:980px){.method-order,.method-application{grid-template-columns:repeat(2,1fr)}.hotspot-doubt{left:14%}.hotspot-cogito{left:65%}}
@media(max-width:700px){.hero-image{object-position:68% center}.hotspot-doubt{left:14%;top:25%}.hotspot-cogito{left:72%;top:31%}.hotspot-method{left:84%;top:66%}.lab-instructions{display:grid}.method-order,.method-application{grid-template-columns:1fr}.case-token{width:100%}}