@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap');
/* Industrial cyberpunk: acid yellow interface, ultraviolet environments. */
:root{--cyber-yellow:#e5fa4b;--cyber-purple:#a684ff;--cyber-line:#413752}
body{background:#100c18;color:#e7e4ed;font-family:'Chakra Petch','Bahnschrift','Microsoft YaHei',sans-serif}
body:before{background-image:linear-gradient(#9779cb09 1px,transparent 1px),linear-gradient(90deg,#9779cb09 1px,transparent 1px);background-size:38px 38px}
header{border-bottom:1px solid #574567;position:relative}header:after{content:'';position:absolute;bottom:-1px;left:5%;width:80px;height:3px;background:var(--cyber-yellow)}
.logo,.footer-logo{font-family:'Chakra Petch','Bahnschrift',sans-serif;font-weight:700;font-style:italic;letter-spacing:-1px;color:var(--cyber-yellow)}.logo{font-size:33px}.edition{font-family:'Rajdhani','Bahnschrift',sans-serif;color:#a48ab9;font-size:13px;letter-spacing:1px}nav a{letter-spacing:2px;color:#c4b6d2}nav a:hover{color:var(--cyber-yellow)}
.hero{background:radial-gradient(ellipse at 79% 43%,#59248c32,transparent 55%);position:relative}.hero-top{font-family:'Rajdhani','Bahnschrift',sans-serif;letter-spacing:2px;color:#b19bc5}.hero-top i{background:var(--cyber-yellow);border-radius:0;box-shadow:0 0 9px #e5fa4b55}.hero-title{top:70px}.hero-title h1{font-family:'Chakra Petch','Bahnschrift','Arial Narrow',sans-serif;font-weight:700;font-style:italic;font-size:clamp(76px,8.1vw,130px);line-height:.9;letter-spacing:-.055em;text-transform:uppercase;color:#efeee9}.hero-title h1 span{display:block;color:var(--cyber-yellow);text-shadow:3px 0 #9a53d944;letter-spacing:-.05em}.hero-title p{font-family:'Microsoft YaHei',sans-serif;font-size:15px;letter-spacing:7px;color:#b8a6c9;border-left:3px solid var(--cyber-yellow);padding-left:17px;margin-top:30px}.hero-title:after{content:'CREATIVE SYSTEM / NO LIMITS';display:block;margin-top:30px;font:11px 'Chakra Petch','Consolas',monospace;letter-spacing:3px;color:#8a709f}
.hero-bottom{border-color:#49355e}.hero-bottom p{color:#a594b5}.discover{color:var(--cyber-yellow);letter-spacing:2px}.discover span{background:var(--cyber-yellow);border:0;border-radius:0;color:#151018;clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,0 100%);font-size:22px}.discover:hover span{background:#f5ff92;box-shadow:none;color:#151018}.coordinates,.object-caption{font:10px/1.9 'Chakra Petch','Consolas',monospace;color:#9e83b6;letter-spacing:1px}.object-caption{border-right:2px solid var(--cyber-yellow);padding-right:12px}.optical-core svg{filter:hue-rotate(65deg) saturate(1.25)}
.optical-core:after{content:'';position:absolute;inset:12% 8%;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,#af80ff09 5px 6px);clip-path:polygon(0 0,90% 0,100% 10%,100% 100%,10% 100%,0 90%)}
.section-heading h2{font-family:'Chakra Petch','Bahnschrift',sans-serif;text-transform:uppercase;font-size:38px;font-weight:600;font-style:italic;color:#eee7f5;letter-spacing:-1px}.section-heading h2 span{font:11px 'Microsoft YaHei',sans-serif;color:#ae93c3;letter-spacing:3px}.section-note{color:#9d87b2}.featured{gap:24px}.feature{clip-path:polygon(0 0,calc(100% - 23px) 0,100% 23px,100% 100%,23px 100%,0 calc(100% - 23px));border-top:2px solid #c6a8f8}.sound-panel{background:#26183d;color:#ddcff2}.code-panel{background:var(--cyber-yellow);color:#20172a;border-color:#f4ffa3}.panel-top{font-family:'Chakra Petch','Consolas',monospace;font-size:11px;letter-spacing:1px}.wave-art i{background:linear-gradient(90deg,#544076,#ba94ed,#eee1ff);border-radius:0}.type-art{font-family:'Chakra Petch','Bahnschrift',sans-serif;font-weight:700;font-style:italic;font-size:clamp(65px,6.4vw,100px)}.type-art span{-webkit-text-stroke-color:#31203c}.panel-bottom h3{font-family:'Microsoft YaHei',sans-serif;font-size:18px;letter-spacing:2px}.panel-bottom b{font-family:'Rajdhani',sans-serif;font-size:35px}.index-heading h2{font-size:20px;letter-spacing:4px;border-left:3px solid var(--cyber-yellow);padding-left:13px}.index-heading label{border-color:#684d80;color:#bfa2d6}.index-heading input{font-family:'Chakra Petch','Microsoft YaHei',sans-serif}.filter-bar{border-color:#554065;gap:12px}.filter-bar button{color:#b29ac6;border:1px solid #483153;padding:8px 13px;font-family:'Chakra Petch','Microsoft YaHei',sans-serif;font-size:11px;letter-spacing:1px;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%)}.filter-bar button.active{color:#151018;background:var(--cyber-yellow);border-color:var(--cyber-yellow)}.filter-bar button:hover{border-color:#d4d871}.row{border-color:#382a46}.row:hover{background:#23142f}.row-thumb,.row:nth-child(3n) .row-thumb{background:#2b1a3c;color:#caabfa;font-family:'Chakra Petch',sans-serif;border-left:2px solid #9b77d0;clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,0 100%)}.row:nth-child(3n+2) .row-thumb{background:#2a2d17;color:#dfed78;border-color:#c5d948}.row-title{letter-spacing:1px}.row-title small,.row-type,.row-date{color:#a58cb9}.row-type,.row-date{font-family:'Chakra Petch','Microsoft YaHei',sans-serif}.row-arrow{color:var(--cyber-yellow)}.index-end{font:11px 'Chakra Petch','Microsoft YaHei',sans-serif;color:#8c719f}.statement{border-color:#614776}.statement-label{color:#b69bcb}.statement h2{color:#e8dfed;font-weight:500;letter-spacing:3px}.statement p{color:#a78fb9}.statement-star{color:var(--cyber-yellow)}.statement button{color:var(--cyber-yellow);border-color:#9a9f45}footer{border-color:#483251;color:#9278a4}.prologue{background:#100c18;background-image:linear-gradient(#8f63ad0a 1px,transparent 1px),linear-gradient(90deg,#8f63ad0a 1px,transparent 1px);background-size:50px 50px}.boot-cross{color:var(--cyber-yellow)}.boot-title{font:italic 700 52px 'Chakra Petch','Bahnschrift',sans-serif;color:#eee5f5;text-transform:uppercase}.boot-caption{font:11px 'Chakra Petch',monospace;letter-spacing:4px;color:#ae8bc8}#skip{color:#d7cf8c}dialog{background:#1a1026;border:1px solid #75558d;border-top:3px solid var(--cyber-yellow)}dialog h2{color:#eee4f6}dialog p{color:#b7a3c7}dialog small{color:#a28bb2;border-color:#4b355d}#detail-type{color:var(--cyber-yellow)}::selection{background:#e5fa4b;color:#17101e}:focus-visible{outline-color:#e5fa4b!important}
@media(max-width:850px){.hero-title h1{font-size:86px}.hero-title{top:35px}.hero-title p{font-size:13px;letter-spacing:4px}.hero-title:after{margin-top:20px;font-size:9px;letter-spacing:2px}.optical-core{top:240px;height:390px}}
@media(max-width:540px){.hero-title h1{font-size:clamp(55px,13vw,70px)}.hero-stage{height:575px}.hero-title{top:38px}.hero-title p{font-size:11px;letter-spacing:3px}.hero-title:after{font-size:8px;letter-spacing:1.5px}.optical-core{top:240px;height:325px}.section-heading h2{font-size:28px}.logo{font-size:28px}.section-note{font-size:9px}.type-art{font-size:80px}.filter-bar{gap:8px}.filter-bar button{padding:7px 10px;font-size:10px}.panel-bottom h3{font-size:16px}.hero-top{letter-spacing:1px}.boot-title{font-size:40px}}