:root{color-scheme:dark;--bg:#0b131a;--ink:#f2e9d7;--muted:#bdc3bb;--gold:#efd09b;--gold2:#cba568;--line:#4a554f;--pane:#182329;--pane2:#1b2c31;--teal:#92bab0}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 75% -13%,#263637 0%,transparent 38%),var(--bg);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}a{color:#f2cf9d;text-underline-offset:3px}a:hover{color:#fff4dd}:focus-visible{outline:2px solid #ffe4ad;outline-offset:3px}.frame{width:min(1190px,calc(100% - 46px));margin-inline:auto}.skip-link{position:absolute;top:-80px;left:12px;z-index:10;background:var(--gold);color:#121a20;padding:10px}.skip-link:focus{top:12px}
.topbar{border-bottom:1px solid #54665d52;background:#0b141abc}.top-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:81px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-icon{width:42px;height:42px;border:1px solid #c7ad7c72;border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:24px}.brand b{display:block;font:normal 22px/1.2 Georgia,serif}.brand small{display:block;text-transform:uppercase;letter-spacing:.17em;font-size:9px;color:var(--gold2);margin-top:3px}nav{display:flex;gap:12px;align-items:center;color:#adb8b3;font-size:12px}nav a{text-decoration:none}
.kicker{color:var(--gold2);text-transform:uppercase;font-size:11px;letter-spacing:.18em;font-weight:750;margin:0 0 14px}.hero{padding:76px 0 60px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:24px;align-items:center}.hero h1{font:normal clamp(54px,6.8vw,90px)/.99 Georgia,serif;letter-spacing:-.055em;margin:0 0 23px}.hero h1 em{color:var(--gold);font-weight:400}.hero-sub{max-width:690px;color:#d9d9ce;font:clamp(17px,1.8vw,20px)/1.65 Georgia,serif}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}.pill{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:11px 19px;border-radius:40px;text-decoration:none;border:1px solid #cba56a78;min-height:46px;font-size:13px;font-weight:730;line-height:1.2}.pill.primary{background:var(--gold);border-color:var(--gold);color:#142026}.pill.primary:hover{background:#fff0ca}.pill.outline{background:#f2d7a30e;color:var(--gold)}.pill.outline:hover{background:#edc5831a}.hero-foot{color:#99a9a4;font-size:12px;margin-top:25px}.hero-art{position:relative;min-height:430px;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse,transparent 38%,#101a1e 80%)}.hero-art:after{position:absolute;content:' ';inset:11% 8%;border:1px solid #d6b47918;border-radius:50%;z-index:-1}.anubis-figure{width:min(100%,425px);height:auto;filter:drop-shadow(0 20px 34px #050c0f)}.art-tag{position:absolute;bottom:-15px;right:0;color:#9fb1ab;font-size:10px}
.intro{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;padding:37px 0 48px;border-top:1px solid #bb9d6c44;border-bottom:1px solid #bb9d6c44}.intro h2{font:normal clamp(30px,3.2vw,42px)/1.16 Georgia,serif;margin:0}.intro p{color:#c2d0cc;margin:0 0 14px;font-size:14px}
.experience{padding-top:52px;padding-bottom:75px}.experience-top{display:flex;justify-content:space-between;align-items:center;gap:26px;margin-bottom:16px}.progress-wrap{display:flex;align-items:center;gap:13px;font-size:11px;color:#d4ccbc}.progress-track{width:190px;height:6px;border-radius:6px;background:#3e4f4d;overflow:hidden}.progress-track span{display:block;background:#e6c180;width:8.33%;height:100%;border-radius:6px;transition:width .24s}.workspace{display:grid;grid-template-columns:270px minmax(0,1fr);gap:20px;align-items:start}.route{position:sticky;top:12px;padding:21px 15px 18px;background:#132128;border:1px solid #415252;border-radius:16px}.route h3{font:normal 25px Georgia,serif;margin:0}.route>p{color:#abbcb6;font-size:12px;margin:7px 3px 13px}.route-list{display:grid;gap:4px}.route-item{display:flex;align-items:center;gap:10px;text-align:left;padding:9px 10px;color:#b8c6c0;border:1px solid transparent;border-radius:9px;background:transparent;width:100%;font-size:12px;line-height:1.35}.route-item:hover{background:#253a3a}.route-item.current{color:#ffe8b7;border-color:#b18b5f78;background:#d19e4f16}.route-item.visited:not(.current) .route-num{color:#adccba}.route-num{color:#d3ac72;font-size:11px;font-weight:750;min-width:20px}.reset{border:0;background:none;text-decoration:underline;color:#d7bea0;font-size:12px;margin:15px 0 0 7px}.encounter{border:1px solid #6d725b7a;background:linear-gradient(145deg,#1d2d32,#102027 45%,#1e2b2c);border-radius:18px;overflow:hidden;box-shadow:0 17px 60px #020a0f50}.encounter-inner{padding:clamp(21px,3vw,37px)}.stage-meta{display:flex;justify-content:space-between;align-items:center;color:#ecc890;font-size:11px;text-transform:uppercase;letter-spacing:.12em;gap:16px}.stage-count{font-weight:800}.stage-label{color:#b0beb8}.stage-visual{height:130px;border-block:1px solid #73817b30;margin:18px 0 22px;display:grid;place-items:center;background:radial-gradient(ellipse at center,#cba56a15,transparent 70%)}.stage-icon{font:normal 84px/1 Georgia,serif;color:var(--gold)}.stage-visual svg{height:115px;width:min(100%,380px)}.encounter h2{font:normal clamp(32px,4vw,51px)/1.08 Georgia,serif;margin:0 0 10px;letter-spacing:-.02em}.stage-source{margin:0 0 25px;color:#bfcac0;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.stage-lead{font:17px/1.75 Georgia,serif;color:#eceddf;max-width:700px;margin:0 0 23px}.audio-note{display:flex;gap:15px;background:#12252b;border-left:2px solid #dab879;padding:17px 18px;border-radius:0 9px 9px 0}.audio-note>span{font-size:27px;color:var(--gold)}.audio-note strong{color:#f0cf98;font-size:12px}.audio-note p{color:#d5e0da;font-size:14px;line-height:1.65;margin:5px 0 7px}.audio-note small{color:#9caaa8;font-size:10px}.detail{margin-top:20px}.detail .module{border:1px solid #59635b;background:#13232a;border-radius:12px;padding:19px}.module h3{font:normal 24px Georgia,serif;margin:0 0 8px}.module>p{color:#b9c9c3;font-size:13px;margin:0 0 14px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.detail-grid button,.hour-grid button,.judge-grid button{border:1px solid #60726d;border-radius:8px;color:#deeadf;background:#1c3135;padding:11px 8px;font-size:12px}.detail-grid button:hover,.hour-grid button:hover,.judge-grid button:hover{border-color:var(--gold2);color:#fff}.detail-grid button.picked,.hour-grid button.picked,.judge-grid button.picked{border-color:var(--gold);background:#7d63403d;color:#ffe8c1}.focus-text{background:#202e2e;border-left:2px solid var(--gold);margin-top:14px;padding:12px;color:#e4e5d8;font-size:13px;line-height:1.65;min-height:48px}.minor{color:#a9b9b2;font-size:11px}.gate-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.gate-grid button{background:#1c3135;color:#dddfd0;border:1px solid #586c68;border-radius:7px;padding:9px 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:68px}.gate-grid button span{font-size:11px}.gate-grid button small{font-size:9px;color:#99bbb0}.gate-grid button.done{background:#56766339;border-color:#89a991;color:#ffddb0}.gate-grid button.selected{outline:2px solid var(--gold);outline-offset:0}.gate-controls{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.gate-controls button,.assessor-controls button{background:#e3c28b;border:0;border-radius:30px;color:#111e23;font-size:12px;padding:9px 13px;font-weight:750}.judge-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.judge-grid button{padding:7px 2px;min-height:35px}.judge-grid button.done:after{content:' ✓';color:#c7e7cd}.judge-grid button.selected{outline:2px solid var(--gold);outline-offset:0}.assessor-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;margin-top:10px}.focus-text b{color:#f5d29a}.hour-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px}.hour-grid button{padding:9px 3px}.hour-grid button.selected{border-color:var(--gold);background:#a982483d}.discovery{margin-top:24px;border-block:1px solid #58645a88}.clue-button{display:flex;justify-content:space-between;align-items:center;background:none;border:0;color:var(--gold);width:100%;font-size:13px;font-weight:760;padding:16px 0;text-align:left}.clue-panel{color:#d6dfd5;padding:0 0 19px;font-size:13px}.clue-panel[hidden]{display:none}.clue-panel p{margin:3px 0 12px}.interp{color:#b0c5bb}.reflect{font:italic 18px/1.55 Georgia,serif;color:#edcc97;margin:24px 0 10px}.reflect:before{content:'A question to carry: ';color:#a7c8bf}.sources{border-top:1px solid #43545066;padding-top:16px;margin-top:21px}.sources strong{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#b8c3bc}.sources #stage-source-links{display:flex;flex-wrap:wrap;gap:9px 19px;margin-top:9px}.sources a{font-size:12px}.step-controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:15px 25px;border-top:1px solid #59685e66;background:#0c1a20}.step-controls button:disabled{opacity:.36;cursor:not-allowed}.outro{text-align:center;border-top:1px solid #aa8f6066;padding:65px 0 80px}.outro-line{font-size:34px;color:var(--gold)}.outro h2{font:normal 40px Georgia,serif;margin:7px 0}.outro p{max-width:640px;margin:10px auto 23px;color:#b6c8c0}footer{border-top:1px solid #ffffff25;background:#0c181e;padding:27px 0;color:#9caea7;font-size:12px}footer p{margin:0 0 6px}
.balance-wrap{margin:8px auto 14px;display:grid;place-items:center}.balance-wrap svg{width:min(100%,430px);height:auto}.scale-pan{transform-origin:215px 70px;transition:transform .65s ease}.balance-wrap.active .scale-pan{transform:rotate(0deg)}.balance-wrap:not(.active) .scale-pan{transform:rotate(-6deg)}.scale-btns{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.scale-btns button{border:1px solid #52685f;border-radius:6px;padding:9px 5px;background:#233632;color:#ede1c8;font-size:12px}.scale-btns button.selected{border-color:#d9b57d;background:#9c783e57}.subtle-note{font-size:11px;color:#afc5ba;margin-top:10px}
@media(max-width:950px){.workspace{grid-template-columns:1fr}.route{position:static}.route-list{grid-template-columns:repeat(3,1fr)}.hero{padding-top:55px}.hero-art{min-height:320px}.anubis-figure{max-width:300px}.gate-grid{grid-template-columns:repeat(7,1fr)}}
@media(max-width:740px){.hero{grid-template-columns:1fr;gap:10px;padding:43px 0}.hero-art{min-height:260px}.anubis-figure{max-width:245px}.art-tag{right:0}.intro{grid-template-columns:1fr;gap:16px}.route-list{grid-template-columns:repeat(2,1fr)}.judge-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.hour-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:530px){.frame{width:calc(100% - 30px)}.brand b{font-size:17px}.brand-icon{width:32px;height:32px}nav{font-size:11px}.hero h1{font-size:53px}.hero-art{min-height:190px}.anubis-figure{width:195px}.stage-visual{height:95px}.stage-icon{font-size:60px}.stage-visual svg{max-height:88px}.route{padding:16px 12px}.route-list{grid-template-columns:1fr 1fr;gap:3px}.route-item{font-size:10px;padding:8px 6px}.route-num{min-width:17px}.experience-top{align-items:start;flex-direction:column;gap:1px}.progress-track{width:135px}.encounter-inner{padding:20px 17px}.encounter h2{font-size:33px}.detail-grid{grid-template-columns:repeat(2,1fr)}.gate-grid{grid-template-columns:repeat(7,1fr);gap:4px}.gate-grid button{min-height:53px;font-size:10px}.gate-grid button span{font-size:10px}.judge-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.judge-grid button{font-size:10px}.scale-btns{grid-template-columns:repeat(2,1fr)}.outro h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}