:root{color-scheme:dark;--bg:#080a09;--paper:#d7ddd2;--accent:#b8d9b4;--dim:#7d8981;--border:#343d36;font-family:'Courier New',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--paper)}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.grain,.scanlines{position:fixed;inset:0;z-index:30;pointer-events:none}.grain{opacity:.15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scanlines{opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 3px,#000 4px 5px)}.site-header{position:absolute;z-index:8;top:0;left:0;right:0;height:78px;padding:0 clamp(22px,5vw,90px);display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #343d3655}.logo{font-family:Arial,sans-serif;font-size:23px;font-weight:900;letter-spacing:-1.8px;text-decoration:none}.logo span{font-weight:300}.logo i{color:var(--accent);font-style:normal}.header-mid,#sound-toggle{font-size:10px;letter-spacing:.16em}.header-mid{color:var(--dim)}.online{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);margin-right:9px}#sound-toggle{border:1px solid #667266;background:#10161180;color:var(--paper);padding:10px 13px;cursor:pointer}#sound-toggle:hover{background:var(--accent);color:#0b100c}.hero{position:relative;min-height:850px;height:100svh;max-height:1100px;overflow:hidden;display:flex;align-items:center;padding:120px clamp(22px,9vw,160px) 110px;background:linear-gradient(90deg,#0a0e0d 0%,#111914a8 52%,#10171133 100%),linear-gradient(180deg,#66746c 0%,#3c4c43 42%,#0a0e0b 96%)}.hero-sky{position:absolute;inset:0;opacity:.85}.wires{width:100%;height:100%;display:block;filter:blur(.3px)}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 68% 35%,transparent 0%,#080a0960 68%,#080a09bc 100%);pointer-events:none}.hero-content{position:relative;z-index:3;max-width:950px}.kicker,.label{font-size:11px;letter-spacing:.22em;color:var(--accent)}h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:clamp(52px,8.4vw,148px);line-height:.88;letter-spacing:-.085em;margin:35px 0 24px;text-shadow:0 2px 30px #0b0d0b50}h1 em{font-style:normal;color:#e5ebe2}.hero-jp{font-size:clamp(17px,2vw,27px);letter-spacing:.2em;margin:0 0 28px}.hero-description{color:#bac5ba;line-height:1.8;font-size:13px}.primary-link{display:inline-flex;gap:65px;align-items:center;justify-content:space-between;margin-top:28px;padding:18px 20px;min-width:280px;text-decoration:none;border:1px solid var(--accent);color:var(--accent);font-size:12px;letter-spacing:.1em;transition:background .2s,color .2s}.primary-link:hover{background:var(--accent);color:#0a0d0b}.hero-frame,.hero-bottom{position:absolute;z-index:4;left:clamp(22px,5vw,90px);right:clamp(22px,5vw,90px);display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;color:#cad5ca}.hero-frame{top:103px}.hero-bottom{bottom:31px}.interlude{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:15px;padding:55px 20px;border-block:1px solid var(--border)}.interlude>span{font-size:10px;letter-spacing:.22em;color:var(--dim)}.interlude p{font-family:Arial,sans-serif;font-size:clamp(22px,3vw,42px);font-weight:700;letter-spacing:-.04em;margin:0}.cursor{color:var(--accent);animation:blink 1s steps(1) infinite}.connections{padding:110px clamp(22px,7vw,120px) 130px;background:radial-gradient(ellipse at 100% 10%,#1b30223a,transparent 50%),var(--bg)}.section-intro h2{font-family:Arial,sans-serif;font-size:clamp(44px,7vw,95px);line-height:.95;letter-spacing:-.075em;margin:25px 0}.section-intro h2 span{color:var(--accent)}.section-intro>p:last-child{color:var(--dim);font-size:13px}.node-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:60px}.node{min-height:340px;display:flex;flex-direction:column;padding:25px;border:1px solid var(--border);text-decoration:none;background:#101611;position:relative;overflow:hidden;transition:background .2s,transform .2s,border-color .2s}.node:not(.node-off):hover{background:#1b2c20;border-color:var(--accent);transform:translateY(-5px)}.node-number,.node-caption,.node-go{font-size:11px;letter-spacing:.07em}.node-number{color:var(--accent)}.node-symbol{font-family:Arial,sans-serif;font-size:110px;line-height:1;margin:auto 0 0;color:#445e49}.node-title{font-family:Arial,sans-serif;font-size:clamp(27px,3vw,43px);font-weight:900;letter-spacing:-.06em;margin-top:8px}.node-caption{color:var(--dim);margin:12px 0 22px;line-height:1.6}.node-go{color:var(--accent);margin-top:auto}.node-off{opacity:.45}.node-off .node-symbol{font-size:100px}footer{border-top:1px solid var(--border);padding:30px clamp(22px,5vw,90px);display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;color:var(--dim);font-size:10px;letter-spacing:.08em}.boot{position:fixed;inset:0;z-index:100;background:#080b09;display:grid;place-items:center;transition:opacity .5s,visibility .5s}.boot.done{opacity:0;visibility:hidden;pointer-events:none}.boot-inner{width:min(430px,calc(100% - 50px));font-size:12px;letter-spacing:.1em;color:var(--accent)}.boot-progress{height:3px;background:#243329;margin:25px 0}.boot-progress span{display:block;height:100%;width:0;background:var(--accent);animation:load 1.45s ease forwards}#boot-line{color:var(--dim);font-size:10px}#skip-boot{margin-top:35px;background:transparent;border:1px solid var(--border);padding:12px;color:var(--paper);cursor:pointer;font-size:11px}@keyframes load{to{width:100%}}@keyframes blink{50%{opacity:0}}@media(min-width:800px){.glitch:hover{animation:glitch .2s steps(2) 2}@keyframes glitch{25%{text-shadow:4px 0 #88bca0,-4px 0 #7d838a}75%{text-shadow:-3px 0 #88bca0,3px 0 #7d838a}}}@media(max-width:800px){.header-extra{display:none}.hero{min-height:720px;height:100svh;padding:125px 25px 95px}.hero-content{max-width:100%}h1{font-size:clamp(48px,11vw,90px)}.wires{transform:translateX(13%);width:125%}.hero-bottom span:nth-child(2){display:none}.node-grid{grid-template-columns:1fr}.node{min-height:250px}.node-symbol{font-size:75px}.connections{padding:75px 22px}.hero-description{font-size:12px}}@media(max-width:450px){.header-mid{display:none}.hero-frame{font-size:9px}.hero-jp{font-size:16px}.primary-link{min-width:250px}.hero{min-height:680px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.boot{display:none}}

/* Keyboard navigation accessibility */
.skip-link{position:fixed;z-index:999;left:12px;top:12px;transform:translateY(-160%);padding:12px 16px;background:#fff;color:#111;font:600 14px/1.4 Arial,sans-serif;text-decoration:none;box-shadow:0 2px 12px #0005}.skip-link:focus{transform:translateY(0)}