:root{--bg:#05070c;--gold:#c9a84c;--gold-light:#e2c77a;--blue-glow:#6fa0ff;--white:#f0f4ff;--muted:#93a1bc;--border:#ffffff1a;--card:#ffffff0a;--font-display:"Bricolage Grotesque", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-head:"Space Grotesk", sans-serif;--font-body:"JetBrains Mono", ui-monospace, monospace;--ease:cubic-bezier(.2, .75, .2, 1);--hud:#ffffffb8}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--white);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}#spacer{pointer-events:none;height:850vh}#webgl{z-index:0;width:100vw;height:100vh;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#vignette{z-index:1;pointer-events:none;background:radial-gradient(130% 110% at 50% 45%,#0000 62%,#05070c59 92%,#05070c99 100%);position:fixed;top:0;bottom:0;left:0;right:0}#progress-bar{z-index:60;background:#ffffff0f;height:2px;position:fixed;top:0;left:0;right:0}#progress-bar span{transform-origin:0;background:linear-gradient(90deg, var(--gold), var(--gold-light));height:100%;display:block;transform:scaleX(0)}#loader{z-index:200;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;transition:opacity .9s,visibility .9s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#loader img{filter:drop-shadow(0 0 24px #c9a84c66);height:64px;animation:3s ease-in-out infinite floaty}#loader .loader-bar{background:#ffffff1a;border-radius:2px;width:180px;height:2px;overflow:hidden}#loader .loader-bar span{background:var(--gold);width:40%;height:100%;animation:1.1s ease-in-out infinite load;display:block}@keyframes load{0%{transform:translate(-120%)}to{transform:translate(360%)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}body.loaded #loader{opacity:0;visibility:hidden}nav{z-index:50;mix-blend-mode:normal;justify-content:space-between;align-items:center;padding:1.4rem 5vw;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo img{filter:drop-shadow(0 0 14px #000000d9)drop-shadow(0 0 4px #000000e6);height:50px}.nav-links{align-items:center;gap:1.6rem;list-style:none;display:flex}.nav-links a{color:var(--hud);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-family:var(--font-mono);font-weight:400;text-decoration:none;transition:color .2s}.nav-links a:hover{color:#fff}.nav-cta{border:1px solid #ffffff40;padding:.45rem .9rem;color:#fff!important}.nav-cta:hover{background:#ffffff0f;border-color:#fff}.nav-toggle{color:#fff;cursor:pointer;background:0 0;border:0;font-size:1.5rem;display:none}#hud{z-index:40;pointer-events:none;font-family:var(--font-mono);color:var(--hud);position:fixed;top:0;bottom:0;left:0;right:0}.hud-corner{border:1px solid #ffffff47;width:22px;height:22px;position:absolute}.hud-corner.tl{border-bottom:0;border-right:0;top:22px;left:22px}.hud-corner.tr{border-bottom:0;border-left:0;top:22px;right:22px}.hud-corner.bl{border-top:0;border-right:0;bottom:22px;left:22px}.hud-corner.br{border-top:0;border-left:0;bottom:22px;right:22px}.hud-readout{text-align:right;letter-spacing:.16em;opacity:.6;font-size:.66rem;line-height:1.7;position:absolute;bottom:40px;right:46px}.hud-hint{letter-spacing:.28em;opacity:0;font-size:.72rem;transition:opacity .5s;position:absolute;bottom:42px;left:50%;transform:translate(-50%)}#hud.near-solutions .hud-hint{opacity:.85;animation:2.4s infinite hintblink}@keyframes hintblink{0%,to{opacity:.85}50%{opacity:.4}}#chapters{display:none}#chapters.enabled{z-index:3;pointer-events:none;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.chapter{opacity:0;visibility:hidden;will-change:opacity;align-items:center;padding:0 7vw;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.chapter.align-center{text-align:center;justify-content:center}.chapter.align-left{text-align:left;justify-content:flex-start}.chapter.align-right{text-align:right;justify-content:flex-end}.ch-inner{max-width:640px}.ch-inner.wide{max-width:1040px}.align-center .ch-inner{margin-inline-start:auto;margin-inline-end:auto}.ch-inner>*{opacity:0;transition:opacity .85s var(--ease), transform .85s var(--ease);transform:translateY(30px)}.chapter.in .ch-inner>*{opacity:1;transform:none}.chapter.in .ch-inner>:first-child{transition-delay:20ms}.chapter.in .ch-inner>:nth-child(2){transition-delay:.12s}.chapter.in .ch-inner>:nth-child(3){transition-delay:.22s}.chapter.in .ch-inner>:nth-child(4){transition-delay:.32s}.chapter.in .ch-inner>:nth-child(5){transition-delay:.42s}.chapter.in .ch-inner>:nth-child(6){transition-delay:.5s}.display{font-family:var(--font-display);letter-spacing:-.035em;text-shadow:0 4px 60px #05070cd9;font-size:clamp(2.8rem,7.2vw,5.8rem);font-weight:800;line-height:.98}.display.sm{font-size:clamp(2.3rem,5.2vw,4.2rem)}.title{font-family:var(--font-display);letter-spacing:-.025em;text-shadow:0 4px 40px #05070cd9;font-size:clamp(2.1rem,5vw,3.8rem);font-weight:700;line-height:1.02}.accent{font-family:var(--font-serif);color:var(--gold-light);letter-spacing:0;font-style:italic;font-weight:400}.accent-blue{font-family:var(--font-serif);color:var(--blue-glow);letter-spacing:0;font-style:italic;font-weight:400}.eyebrow{font-family:var(--font-head);letter-spacing:.22em;text-transform:uppercase;color:var(--gold-light);margin-bottom:1.2rem;font-size:.78rem;font-weight:600;display:inline-block}.lead{color:#c6d0e2;text-shadow:0 2px 24px #05070ce6;max-width:480px;margin-top:1.5rem;font-size:clamp(1rem,1.35vw,1.16rem);line-height:1.7}.align-center .lead{margin-inline-start:auto;margin-inline-end:auto}.align-right .lead{margin-left:auto}.lead.muted{color:var(--muted)}.station{font-family:var(--font-head);letter-spacing:.28em;text-transform:uppercase;color:var(--gold-light);align-items:center;gap:.85rem;margin-bottom:1.5rem;font-size:.72rem;font-weight:500;display:inline-flex}.station i{background:linear-gradient(90deg, var(--gold), transparent);width:46px;height:1px;display:block}.station .st-idx{color:var(--gold);letter-spacing:.1em;font-size:.85rem;font-weight:700}.station.center{justify-content:center}.station.right{justify-content:flex-end}.station.right i{background:linear-gradient(90deg, transparent, var(--gold))}.align-center .station{justify-content:center}.align-right .station{justify-content:flex-end}.pillars{flex-wrap:wrap;gap:.6rem;margin-top:1.9rem;display:flex}.pillars span{font-family:var(--font-head);color:#d5deec;border:1px solid var(--border);background:#ffffff06;border-radius:9px;padding:.45rem .95rem;font-size:.78rem}.stat-row{flex-wrap:wrap;gap:2.8rem;margin-top:2.3rem;display:flex}.stat-row b{font-family:var(--font-head);letter-spacing:-.02em;font-size:2.1rem;font-weight:700;line-height:1;display:block}.stat-row b i{color:var(--gold);font-style:normal}.stat-row span{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-top:.4rem;font-size:.7rem;display:block}.coords{font-family:var(--font-head);letter-spacing:.3em;color:var(--muted);margin-top:2.4rem;font-size:.68rem}.align-center .coords{text-align:center}.btns{flex-wrap:wrap;gap:1rem;margin-top:2.2rem;display:flex}.align-center .btns{justify-content:center}.align-right .btns{justify-content:flex-end}.btn-primary{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:#05070c;font-family:var(--font-head);border-radius:999px;padding:.9rem 1.9rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 34px #c9a84c4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 42px #c9a84c73}.btn-secondary{color:var(--white);font-family:var(--font-head);border:1px solid var(--border);background:#ffffff08;border-radius:999px;padding:.9rem 1.9rem;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s}.btn-secondary:hover{border-color:var(--gold);background:#c9a84c14}.icon{width:46px;height:46px;color:var(--gold);background:linear-gradient(145deg,#c9a84c1a,#c9a84c05);border:1px solid #c9a84c47;border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon svg{width:23px;height:23px}.sol-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.5rem;display:grid}.sol{border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d122073;border-radius:16px;align-items:center;gap:1rem;padding:1.1rem 1.2rem;display:flex}.sol h3{font-family:var(--font-head);font-size:1.05rem}.sol p{color:var(--muted);font-size:.85rem}.dif-grid{text-align:left;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:2.5rem;display:grid}.dif{border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d122066;border-radius:16px;padding:1.4rem}.dif h3{font-family:var(--font-head);margin-bottom:.4rem;font-size:1.1rem}.dif p{color:var(--muted);font-size:.9rem}.chips{flex-wrap:wrap;gap:.7rem;margin-top:2rem;display:flex}.align-right .chips{justify-content:flex-end}.chip{border:1px solid var(--border);font-family:var(--font-head);color:#cdd6e6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d122080;border-radius:999px;align-items:center;gap:.55rem;padding:.65rem 1.2rem;font-size:.88rem;display:inline-flex}.chip:before{content:"";background:var(--gold);border-radius:50%;flex:none;width:5px;height:5px}.steps{text-align:left;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-top:2.6rem;display:grid}.step{border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d122066;border-radius:16px;padding:1.4rem}.step-num{font-family:var(--font-head);color:#c9a84c66;font-size:2rem;font-weight:700}.step h4{font-family:var(--font-head);margin:.3rem 0 .5rem}.step p{color:var(--muted);font-size:.85rem}.footer-line{color:var(--muted);margin-top:2.6rem;font-size:.8rem}#hotspots{z-index:42;pointer-events:none;font-family:var(--font-mono);position:fixed;top:0;bottom:0;left:0;right:0}.hotspot{cursor:pointer;pointer-events:auto;will-change:left, top, opacity;background:0 0;border:0;align-items:center;display:none;position:absolute;transform:translateY(-50%)}.hotspot.flip{flex-direction:row-reverse;transform:translate(-100%,-50%)}.hotspot.flip .hs-label{text-align:right;padding-left:0;padding-right:8px}.hs-dot{background:#fff;border-radius:50%;flex:none;width:7px;height:7px;position:relative;box-shadow:0 0 8px #ffffffd9}.hs-dot:after{content:"";border:1px solid #fff9;border-radius:50%;animation:2.4s ease-out infinite hspulse;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}@keyframes hspulse{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(2.3)}}.hs-line{background:#ffffff73;flex:none;width:32px;height:1px;transition:width .2s,background .2s}.hs-label{text-align:left;white-space:nowrap;padding-left:8px}.hs-code{letter-spacing:.18em;color:#ffffff80;font-size:.55rem;display:block}.hs-name{letter-spacing:.1em;text-transform:uppercase;color:#fff;font-size:.74rem;display:block}.hotspot:hover .hs-line{background:#fff;width:44px}.hotspot:hover .hs-name{color:var(--gold-light)}#fog{z-index:90;pointer-events:none;opacity:0;position:fixed;top:0;bottom:0;left:0;right:0}#fog span{filter:blur(75px);opacity:0;transform-origin:50%;border-radius:50%;position:absolute}#fog span:first-child{background:radial-gradient(circle,#d6e4f6f2,#bed0eb00 62%);width:90vmax;height:90vmax;top:-10vmax;left:5vmax}#fog span:nth-child(2){background:radial-gradient(circle,#9eb6dce6,#0000 62%);width:70vmax;height:70vmax;bottom:-15vmax;left:-20vmax}#fog span:nth-child(3){background:radial-gradient(circle,#cddcf2e6,#0000 62%);width:80vmax;height:80vmax;top:5vmax;right:-25vmax}#fog.sweep{animation:fogWrap 1.5s var(--ease) forwards}#fog.sweep span{animation:fogBlob 1.5s var(--ease) forwards}#fog.sweep span:nth-child(2){animation-delay:60ms}#fog.sweep span:nth-child(3){animation-delay:.12s}@keyframes fogWrap{0%{opacity:0}32%{opacity:1}68%{opacity:1}to{opacity:0}}@keyframes fogBlob{0%{opacity:0;transform:scale(.35)}38%{opacity:1;transform:scale(1.15)}to{opacity:0;transform:scale(1.7)}}#solution-modal{z-index:100;opacity:0;visibility:hidden;font-family:var(--font-mono);color:#fff;background:radial-gradient(130% 110% at 72% 28%,#0f1622 0%,#070a11 68%);flex-direction:column;transition:opacity .6s,visibility .6s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}#solution-modal.open{opacity:1;visibility:visible}.sm-topbar{justify-content:space-between;align-items:center;padding:1.5rem 4vw;display:flex}.sm-logo{filter:drop-shadow(0 0 16px #c9a84c59);height:52px}.sm-close{color:#fff;font-family:var(--font-mono);letter-spacing:.22em;cursor:pointer;background:0 0;border:0;padding:.8rem 1.5rem;font-size:.76rem;transition:opacity .2s;position:relative}.sm-close:hover{opacity:.7}.sm-close .c{border:1px solid #ffffffb3;width:8px;height:8px;position:absolute}.sm-close .c.tl{border-bottom:0;border-right:0;top:0;left:0}.sm-close .c.tr{border-bottom:0;border-left:0;top:0;right:0}.sm-close .c.bl{border-top:0;border-right:0;bottom:0;left:0}.sm-close .c.br{border-top:0;border-left:0;bottom:0;right:0}.sm-scroll{flex:1;justify-content:center;padding:4vh 4vw 8vh;display:flex;overflow-y:auto}.sm-col{opacity:0;width:min(600px,92vw);transition:transform .7s var(--ease) .25s, opacity .7s var(--ease) .25s;transform:translateY(24px)}#solution-modal.open .sm-col{opacity:1;transform:none}.sm-code{color:#ffffff80;letter-spacing:.22em;font-size:.72rem}.sm-title{font-family:var(--font-mono);letter-spacing:.02em;text-transform:uppercase;margin:.5rem 0 2.2rem;font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:700}.sm-tag{color:#ffffff6b;letter-spacing:.16em;margin:1.8rem 0 .9rem;font-size:.8rem}.sm-desc{color:#e4ecf8eb;letter-spacing:.02em;font-size:.95rem;line-height:2}.sm-list{margin:1.2rem 0 0;padding:0;list-style:none}.sm-list li{color:#d2def0d9;letter-spacing:.03em;border-top:1px solid #ffffff12;padding:.5rem 0 .5rem 1.4rem;font-size:.86rem;position:relative}.sm-list li:before{content:"—";color:var(--gold-light);position:absolute;left:0}.sm-list:empty{display:none}.sm-cta{color:#fff;letter-spacing:.16em;border-bottom:1px solid #fff6;margin-top:1rem;padding-bottom:.25rem;font-size:.82rem;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.sm-cta:hover{color:var(--gold-light);border-color:var(--gold-light)}.sm-actions{flex-wrap:wrap;gap:1.8rem;margin-top:1rem;display:flex}.sm-actions:empty{display:none}.sm-actions .sm-cta{margin-top:0}@media (max-width:900px){.nav-links{display:none}body.menu-open .nav-links{background:#05070cf7;flex-direction:column;gap:1.2rem;padding:2rem;display:flex;position:fixed;top:72px;bottom:auto;left:0;right:0}.nav-toggle{display:block}.chapter{text-align:center;justify-content:center;padding:0 6vw}.ch-inner{margin-inline-start:auto;margin-inline-end:auto}.align-right .lead,.align-right .btns,.align-right .chips{justify-content:center;margin-left:auto;margin-right:auto}.sol-grid,.dif-grid{grid-template-columns:1fr;max-height:60vh;overflow:hidden}.steps{grid-template-columns:repeat(2,1fr)}#hud .hud-corner{width:16px;height:16px}.hud-corner.tl,.hud-corner.tr{top:16px}.hud-corner.tl,.hud-corner.bl{left:16px}.hud-corner.tr,.hud-corner.br{right:16px}.hud-corner.bl,.hud-corner.br{bottom:16px}.hud-readout{font-size:.58rem;bottom:30px;right:26px}.hud-hint{letter-spacing:.2em;font-size:.64rem;bottom:74px}.hs-line{width:20px}.hs-code{font-size:.5rem}.hs-name{font-size:.66rem}.hs-label{white-space:normal;max-width:44vw}.sm-topbar{padding:1.1rem 6vw}.sm-logo{height:30px}.sm-scroll{padding:2vh 6vw 10vh}.sm-title{margin:.4rem 0 1.6rem}.sm-desc{font-size:.9rem;line-height:1.9}}