@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{--ink:#060910;--paper:#e7e7df;--muted:#7d8796;--line:#ffffff20;--accent:#e1bd82;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);overflow:hidden;height:100dvh}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid var(--accent);outline-offset:6px}::selection{background:#e1bd82;color:#111}#space{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#space:active{cursor:grabbing}.vignette{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#06091099,transparent 20%,transparent 80%,#060910c9),linear-gradient(90deg,#06091066,transparent 50%);z-index:1}.skip{position:fixed;top:-80px;z-index:30;background:var(--paper);color:#111;padding:15px}.skip:focus{top:0}header{position:fixed;top:0;left:0;width:100%;padding:30px 3.5%;display:flex;align-items:center;justify-content:space-between;z-index:8;pointer-events:none}header>*{pointer-events:auto}.brand{font:600 49px/1 var(--display);letter-spacing:-5px;display:flex;align-items:center;gap:23px}.brand>span{color:var(--accent);margin-left:-24px}.brand small{font:12px/1.7 var(--mono);letter-spacing:1.3px;color:#bac1c9}nav{display:flex;gap:34px;font-size:13px}nav button{padding:10px 0;color:#c7ccd3}nav button:hover{color:var(--accent)}nav span{font:12px var(--mono);color:var(--muted);margin-left:5px}#sound{display:flex;gap:3px;align-items:center;min-height:35px}#sound i{height:5px;width:1px;background:#99a4b2}#sound i:nth-child(2){height:13px}#sound i:nth-child(3){height:9px}#sound i:nth-child(4){height:17px}#sound span{font:12px var(--mono);letter-spacing:1px;margin-left:10px;color:#8f9baa}#sound[aria-pressed=true] i{background:var(--accent);animation:sound 1.2s ease-in-out infinite alternate}#sound[aria-pressed=true] i:nth-child(2){animation-delay:.3s}@keyframes sound{to{height:3px}}main{height:100%;pointer-events:none;position:relative;z-index:3}.intro{position:absolute;left:7%;top:29%;transition:opacity .6s,transform .7s;max-width:650px}.eyebrow{font:12px var(--mono);letter-spacing:2px;color:#9da8b7;display:flex;gap:10px;align-items:center}.signal{display:inline-block;width:4px;height:4px;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #e1bd8266}.intro h1{font:400 clamp(60px,6.5vw,110px)/1.04 var(--display);letter-spacing:-5px;margin:28px 0 22px}.intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent);letter-spacing:-4px}.intro-copy{font-size:15px;line-height:1.9;color:#94a1b1}.explore{pointer-events:auto;font:12px var(--mono);letter-spacing:1px;display:flex;gap:50px;align-items:center;padding:15px 0;border-bottom:1px solid #64707e;margin-top:25px}.explore>span{font:22px var(--display);color:var(--accent)}.explore:hover{border-color:var(--accent)}.space-label{position:absolute;right:4%;top:19%;font:12px/1.8 var(--mono);letter-spacing:2px;color:#778398;text-align:right}.coordinate{position:absolute;bottom:15%;left:3.5%;display:flex;flex-direction:column;gap:7px}.coordinate span{font:12px var(--mono);letter-spacing:1.5px;color:#69788c}.coordinate strong{font:14px var(--mono);color:#a8b2bd;font-weight:400}.navigation-help{position:absolute;bottom:17%;left:50%;transform:translateX(-50%);font:12px var(--mono);letter-spacing:1px;color:#6f7e91;display:flex;align-items:center;gap:10px;white-space:nowrap}.mouse-icon{height:16px;width:10px;border:1px solid #5a6778;border-radius:6px}.mouse-icon:before{content:'';display:block;width:1px;height:4px;background:#99a3ad;margin:3px auto}.world-nav{position:absolute;inset:0;overflow:hidden;pointer-events:none}.world-label{position:absolute;pointer-events:auto;display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:9px 13px;text-align:left;white-space:nowrap;transform:translateY(-50%);border-left:1px solid #ffffff30;transition:background .2s,opacity .3s;max-width:220px}.world-label:hover,.world-label:focus-visible{background:#ffffff09;border-color:var(--world-color)}.world-label .num{font:12px var(--mono);letter-spacing:1.6px;color:#7c8999}.world-label strong{font:400 16px var(--display);color:#d6dde5;letter-spacing:.1px}.world-label .state{font:12px var(--mono);color:#7a889b;letter-spacing:1px}.world-label.live .state{color:#a5cfae}.world-label.selected{border-color:var(--world-color)}.world-label .label-arrow{position:absolute;right:-10px;top:50%;opacity:0;transition:.2s;color:var(--world-color)}.world-label:hover .label-arrow{right:-20px;opacity:1}footer{position:fixed;left:3.5%;right:3.5%;bottom:25px;z-index:8;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff12;padding-top:18px}.footer-id{font:12px var(--mono);letter-spacing:1.5px;color:#77869a;display:flex;gap:8px;align-items:center}.travel{display:flex;align-items:center;border:1px solid #ffffff20;border-radius:30px;padding:1px 10px;backdrop-filter:blur(12px);background:#070c1680}.travel button{font:12px var(--mono);letter-spacing:1px;padding:12px}.travel button:first-child,.travel button:last-child{font-size:18px;color:#9ba6b6}.travel button:hover{color:var(--accent)}.command-trigger{font:12px var(--mono);letter-spacing:1px;color:#9ca7b6}.command-trigger kbd{font:12px var(--mono);border:1px solid #ffffff26;padding:5px 7px;margin-left:9px;color:#b4bdc9}.project-panel{position:fixed;z-index:9;right:0;top:0;bottom:0;width:440px;max-width:100%;background:linear-gradient(140deg,#111a25f5,#090e17fc 65%);border-left:1px solid #ffffff15;transform:translateX(105%);transition:transform .65s cubic-bezier(.2,.8,.2,1);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#35404f transparent;backdrop-filter:blur(25px)}body.project-open .project-panel{transform:translateX(0)}body.project-open .intro{opacity:0;transform:translateX(-60px);pointer-events:none}body.project-open .intro button{pointer-events:none}body.project-open header nav,body.project-open #sound{visibility:hidden}body.project-open .world-label{display:none}body.project-open .space-label,body.project-open .navigation-help{opacity:0}.panel-back{display:flex;align-items:center;justify-content:space-between;width:100%;padding:30px;font:12px var(--mono);letter-spacing:1px;border-bottom:1px solid var(--line);color:#a4b1c2}.panel-back span{border:1px solid #ffffff20;font-size:12px;padding:3px 5px}.panel-orbit{position:absolute;width:300px;height:300px;border:1px solid #ffffff07;border-radius:50%;right:-170px;top:110px;pointer-events:none}.panel-orbit:after{content:'';position:absolute;inset:30px;border:1px solid #ffffff06;border-radius:50%}.panel-content{padding:38px 34px 20px}.panel-kicker{font:12px var(--mono);letter-spacing:1.5px;color:var(--world-color,var(--accent))}.panel-content h2{font:400 48px/1.05 var(--display);letter-spacing:-2px;margin:23px 0 16px}.panel-lead{font:19px/1.6 var(--display);color:#c6cdd6;max-width:320px}.panel-divider{height:1px;background:#ffffff18;margin:27px 0}.tiny-label{font:12px var(--mono);letter-spacing:1.8px;color:#718195}#panel-description{font-size:14px;line-height:1.9;color:#929fb1;margin:14px 0 23px}.features{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.features>span{font-size:13px;color:#b3bdcb;display:flex;gap:12px;align-items:center}.features>span:before{content:'↗';color:var(--world-color);font-size:14px}.stack{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 28px}.stack span{border:1px solid #ffffff20;font:12px var(--mono);padding:7px 9px;color:#a7b2c1}.primary{display:block;background:#e1bd82;color:#17191c;padding:15px 18px;font-size:13px;transition:.2s}.primary:hover{background:#f0d2a4}.lock-block{border:1px solid #ffffff18;padding:18px;font:12px var(--mono);letter-spacing:1px;color:#b0bac8;display:flex;gap:10px;align-items:center}.lock-block b{font-size:21px;color:var(--world-color)}.panel-footnote{font:12px/1.8 var(--mono);color:#596a80;margin-top:14px}.source-link{display:inline-block;border-bottom:1px solid #637187;font-size:12px;padding-bottom:5px;margin-top:18px}.next-world{padding:24px 34px;border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between}.next-world>span{font:12px var(--mono);color:#5c6e86;letter-spacing:1px}.next-world button{font:12px var(--mono);color:#b0bdce}dialog{background:#0d1420;color:var(--paper);border:1px solid #ffffff22;border-radius:5px;width:590px;max-width:calc(100% - 28px);max-height:85dvh;overflow:auto;padding:30px;scrollbar-width:thin;scrollbar-color:#35404f transparent;box-shadow:0 30px 150px #000b}dialog::backdrop{background:#030610b0;backdrop-filter:blur(14px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top .eyebrow{font-size:12px;letter-spacing:1.4px}.dialog-top button{font-size:26px;color:#8796aa;padding:0 5px}dialog h2{font:400 35px/1.15 var(--display);letter-spacing:-1px;margin:23px 0}dialog h2 em{font-family:Georgia;color:var(--accent)}.search{display:flex;align-items:center;gap:12px;border-bottom:1px solid #ffffff25;padding:12px 0}.search span{font-size:25px;color:#7c8ca2}.search input{background:none;border:0;font:14px var(--sans);width:100%;color:var(--paper);padding:8px 0;outline-offset:2px}.filter-group{display:flex;gap:8px;margin:20px 0}.filter-group button{border:1px solid #ffffff15;padding:7px 12px;font-size:12px;color:#8b9bb0}.filter-group button.active{border-color:#e1bd8280;color:var(--accent);background:#e1bd8209}.list-item{width:100%;display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;text-align:left;border-top:1px solid #ffffff10;padding:15px 2px}.list-item:hover{background:#ffffff05}.list-item .list-number{font:12px var(--mono);color:var(--world-color)}.list-item strong{font:400 18px var(--display);display:block}.list-item small{font:12px var(--mono);display:block;margin-top:5px;letter-spacing:1px;color:#6a7e99}.list-item .list-state{font:12px var(--mono);color:#7a8ba3;letter-spacing:.7px}.list-item.live .list-state{color:#a5cfae}.dialog-foot{font:12px var(--mono);color:#55677f;letter-spacing:1px;border-top:1px solid var(--line);padding-top:20px;margin-top:10px}#no-results{font-size:14px;color:#a1aec1}.about-symbol{font:60px var(--display);color:var(--accent);display:block;margin-top:25px}#about-dialog>p{font-size:14px;line-height:1.9;color:#96a5ba}.about-skills{margin:25px 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-skills span{font:12px var(--mono);letter-spacing:1.5px;color:#6c809c}.about-skills p{font-size:12px;line-height:1.7;color:#b0bdcf}.about-domain{display:block;font:12px var(--mono);letter-spacing:1px;color:#5b6e86;margin-top:20px}.toast{position:fixed;left:50%;bottom:115px;transform:translate(-50%,10px);z-index:20;background:#192331e8;border:1px solid #ffffff20;padding:12px 20px;font:12px var(--mono);color:#cad2dd;opacity:0;pointer-events:none;transition:.3s;text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}.no-js{position:fixed;inset:30% 10%;background:#101826;padding:40px;z-index:30;line-height:2}.no-js a{text-decoration:underline}
@media(min-width:1600px){.intro{left:9%;top:31%}.intro h1{font-size:120px}.intro-copy{font-size:17px}.project-panel{width:480px}.panel-content{padding:45px}.world-label strong{font-size:19px}}
@media(max-width:900px){.intro{left:6%;top:25%}.intro h1{font-size:70px}.intro-copy{font-size:14px}.brand small{font-size:12px}nav{gap:20px;font-size:12px}.footer-id{display:none}.coordinate{bottom:16%}.world-label strong{font-size:14px}.world-label{padding:7px 10px}.navigation-help{left:58%;font-size:12px}}
@media(max-width:600px){header{padding:23px 6%;align-items:flex-start}.brand{font-size:40px;gap:18px}.brand>span{margin-left:-20px}.brand small{font-size:12px;letter-spacing:1px}nav{gap:17px;font-size:12px;padding-top:7px}nav span{font-size:12px}#sound{position:fixed;right:6%;top:78px;gap:3px}#sound span{font-size:12px}.intro{top:19%;left:7%}.intro .eyebrow{font-size:12px;letter-spacing:1px}.intro h1{font-size:58px;letter-spacing:-3px;margin:20px 0 12px}.intro h1 em{letter-spacing:-3px}.intro-copy{font-size:12px;line-height:1.7}.explore{font-size:12px;padding:10px 0;margin-top:12px;gap:35px}.space-label{display:none}.coordinate{left:6%;bottom:16%;gap:5px}.coordinate span{font-size:12px}.coordinate strong{font-size:12px}.navigation-help{display:none}.world-label{padding:6px 8px;gap:3px;max-width:150px}.world-label strong{font-size:12px}.world-label .num,.world-label .state{font-size:12px;letter-spacing:.6px}footer{left:6%;right:6%;bottom:20px;gap:12px;padding-top:15px}.travel{padding:0 5px}.travel button{font-size:12px;padding:10px 7px;letter-spacing:.4px}.travel button:first-child,.travel button:last-child{font-size:16px}.command-trigger{font-size:12px;letter-spacing:.5px}.command-trigger kbd{font-size:12px;padding:4px;margin-left:3px}.project-panel{width:100%;top:31%;border-top:1px solid #ffffff20;border-left:0;transform:translateY(110%);border-radius:15px 15px 0 0}.panel-back{padding:20px 25px}.panel-content{padding:24px 25px 20px}.panel-content h2{font-size:38px;margin-top:16px}.panel-lead{font-size:17px}.panel-divider{margin:22px 0}body.project-open .project-panel{transform:translateY(0)}body.project-open header nav{visibility:visible}body.project-open .coordinate{display:none}body.project-open footer{display:none}.panel-content p{max-width:100%}.next-world{padding:22px 25px}.panel-orbit{display:none}dialog{padding:23px;max-height:82dvh}dialog h2{font-size:30px}.dialog-top .eyebrow{font-size:12px}.list-item strong{font-size:16px}.list-item .list-state{font-size:12px}.about-skills{gap:15px}.toast{max-width:85%;width:max-content;font-size:12px;bottom:100px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.world-label.locked{border-left-color:#a6b4ca25}.world-label.locked:before{content:'';position:absolute;inset:-9px -17px;background:radial-gradient(ellipse at left,var(--world-color),transparent 70%);opacity:.07;filter:blur(12px);z-index:-1;pointer-events:none}.world-label.locked .state{color:#9baac2;letter-spacing:1.2px}.world-label.locked strong{color:#b7c1d2}.world-label.locked:hover:before{opacity:.14}.world-label.locked:hover strong{color:#e3e8f1}.inventory-summary{font:12px/1.7 var(--mono);color:#7e90aa;letter-spacing:.7px;margin:-9px 0 18px}.panel-stage{font:12px var(--mono);letter-spacing:1px;color:#8e9eb6;border:1px solid #ffffff18;padding:8px 10px;display:inline-block;margin-top:17px}.unexplored .panel-stage{border-style:dashed;background:#aabce307}.unexplored .panel-orbit{background:radial-gradient(ellipse,var(--world-color),transparent 68%);opacity:.13;filter:blur(28px);border:0;width:420px;height:420px;right:-210px;top:-70px}.lock-block{border-style:dashed;background:radial-gradient(ellipse at top left,#a5b6d30a,transparent 75%);position:relative}.lock-block:before{content:'';position:absolute;left:-8px;top:-8px;width:90px;height:90px;background:var(--world-color);opacity:.07;filter:blur(25px);pointer-events:none}.lock-block b{font-size:28px;opacity:.7}.lock-block small{display:block;font:12px/1.6 var(--sans);letter-spacing:0;color:#7e91ae;margin-top:8px}.repo-trace{margin-top:25px;border-top:1px solid #ffffff10;padding-top:18px}.repo-trace>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.repo-trace>div>span{font:12px/1.7 var(--mono);color:#8190a7;overflow-wrap:anywhere}.repo-trace>div>span:not(:last-child):after{content:' /';color:#41516a;margin-left:5px}.list-item small{font-size:12px;letter-spacing:.5px;line-height:1.8;white-space:normal;max-width:300px}.list-item.locked .list-number{position:relative}.list-item.locked .list-number:before{content:'';position:absolute;width:23px;height:23px;top:-7px;left:-5px;background:var(--world-color);opacity:.13;border-radius:50%;filter:blur(7px)}.list-item.locked .list-state{color:#99aac2;font-size:12px}.list-item .list-state{white-space:nowrap}.filter-group button{min-height:32px}.filter-group button[data-filter=locked]{border-style:dashed}.filter-group button[data-filter=locked].active{border-color:#8497b5;color:#d4dded;background:#9cadcb0b}.repo-trace .tiny-label{font-size:12px}@media(max-width:600px){.inventory-summary{font-size:12px;letter-spacing:.3px}.filter-group{gap:6px}.filter-group button{font-size:12px;padding:8px 10px}.list-item .list-state,.list-item.locked .list-state{font-size:12px}.list-item{grid-template-columns:23px minmax(0,1fr) auto;gap:8px}.list-item strong{overflow-wrap:anywhere}.list-item small{font-size:12px}.world-label.locked .state{letter-spacing:.5px}.panel-stage{font-size:12px}.repo-trace>div>span{font-size:12px}}