:root{color-scheme:dark;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;background:#061719;color:#e9f9f2}
*{box-sizing:border-box}html,body{margin:0;min-height:100%}
body{min-height:100svh;overflow:hidden;position:relative;background:radial-gradient(circle at 76% 46%,rgba(33,97,77,.26),transparent 34%),linear-gradient(125deg,#061719 5%,#082326 58%,#071b1e)}
body::before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(178,255,112,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(178,255,112,.035) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to right,transparent 4%,#000 70%);pointer-events:none}
.atmosphere{position:fixed;inset:-30%;background:radial-gradient(circle at 74% 47%,rgba(201,255,78,.11),transparent 19%),radial-gradient(circle at 18% 95%,rgba(36,102,76,.24),transparent 28%);filter:blur(18px);pointer-events:none;animation:breathe 8s ease-in-out infinite alternate}
#floatingParticles,#pixelTrail{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#floatingParticles{z-index:1}#pixelTrail{z-index:4}
.scanline{position:fixed;inset:0;z-index:5;opacity:.24;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(0,0,0,.22) 4px 5px)}
.shell{position:relative;z-index:3;min-height:100svh;padding:28px clamp(22px,4.2vw,72px) 25px;display:flex;flex-direction:column}
.topline,.bottomline{display:flex;align-items:center;justify-content:space-between;gap:20px}.topline{padding-bottom:22px;border-bottom:1px solid rgba(175,230,189,.24)}
.wordmark{display:flex;align-items:center;gap:11px;font-size:22px;font-weight:900;letter-spacing:-.055em}.mark{display:grid;place-items:center;width:37px;height:37px;background:#caff54;color:#082120;font:900 25px "Courier New",monospace;box-shadow:5px 5px 0 rgba(122,176,78,.3)}.mark-dot{color:#41724a}
.network,.bottomline,.eyebrow,.art-label,.orbit-chip,.enter-hint{font-family:"Courier New",monospace;letter-spacing:.08em}.network{font-size:11px;font-weight:800;color:#b7d5c8}.live-dot{display:inline-block;width:7px;height:7px;background:#caff54;box-shadow:0 0 11px #caff54;margin-right:9px;vertical-align:1px;animation:pulse 2.4s infinite}.slash{color:#caff54;margin:0 5px}
.stage{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);align-items:center;gap:clamp(20px,4vw,70px);flex:1;max-width:1500px;width:100%;margin:auto}.copy{position:relative;z-index:2;padding:45px 0 50px}
.eyebrow{display:flex;align-items:center;gap:11px;color:#caff54;font-size:11px;font-weight:900;white-space:nowrap}.square{width:9px;height:9px;background:#caff54;box-shadow:4px 4px 0 #507955}.line{width:36px;height:1px;background:#80ac77;margin:0 4px}
h1{font-size:clamp(49px,5.6vw,100px);line-height:1.09;letter-spacing:-.075em;margin:32px 0 26px;font-weight:900;white-space:nowrap;text-shadow:0 8px 24px rgba(0,0,0,.15)}.comma,.accent{color:#caff54}.period{color:#e9f9f2}.intro{color:#b6cec5;font-size:clamp(15px,1.2vw,18px);line-height:1.8;max-width:650px;margin:0 0 32px}
.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill-row span{border:1px solid #426c60;background:rgba(14,47,47,.68);padding:10px 12px;color:#edfff1;font:800 12px "Courier New",monospace;white-space:nowrap}.pill-row i{color:#caff54;font-style:normal;margin-right:8px}.pill-row small{font:500 11px "Microsoft YaHei",sans-serif;color:#a6c6b6;margin-left:5px}
.enter-row{display:flex;align-items:center;gap:24px;margin-top:47px}.enter-button{background:#caff54;color:#0b2320;padding:15px 22px;font-size:16px;font-weight:900;box-shadow:7px 7px 0 #547952;transform:translate(0);transition:transform .25s,box-shadow .25s}.enter-button b{margin-left:18px;font-size:22px;line-height:0}.enter-hint{color:#95b9aa;font-size:11px}
.art{position:relative;height:min(62vh,570px);min-height:370px;display:flex;align-items:center;justify-content:center;transform:perspective(1000px) rotateY(-4deg)}.art-frame{position:relative;width:min(100%,520px);aspect-ratio:1;border:1px solid rgba(161,255,114,.29);background:radial-gradient(circle at center,rgba(164,255,78,.08),transparent 57%),repeating-linear-gradient(0deg,transparent 0 22px,rgba(202,255,84,.035) 23px 24px),repeating-linear-gradient(90deg,transparent 0 22px,rgba(202,255,84,.035) 23px 24px);box-shadow:inset 0 0 90px rgba(4,17,18,.6),0 0 70px rgba(64,145,86,.08);display:grid;place-items:center;overflow:hidden}.art-frame::before,.art-frame::after{content:"";position:absolute;width:30px;height:30px;border-color:#caff54;border-style:solid}.art-frame::before{top:-1px;left:-1px;border-width:2px 0 0 2px}.art-frame::after{right:-1px;bottom:-1px;border-width:0 2px 2px 0}
.orbit{position:absolute;border:1px dashed rgba(202,255,84,.4);border-radius:50%;animation:spin 18s linear infinite}.orbit-one{width:71%;height:71%;box-shadow:0 0 50px rgba(168,255,70,.05)}.orbit-two{width:88%;height:42%;transform:rotate(-28deg);animation:orbitTilt 9s ease-in-out infinite alternate;border-color:rgba(139,231,125,.24)}
.pixel-core{position:absolute;width:76%;height:76%;display:grid;grid-template-columns:repeat(17,1fr);grid-template-rows:repeat(17,1fr);gap:3px;transform:rotate(-13deg);filter:drop-shadow(0 0 21px rgba(202,255,84,.38))}.pixel-core span{background:#caff54;opacity:var(--alpha,.15);box-shadow:0 0 9px rgba(202,255,84,.18);transition:opacity .5s,transform .5s}.core-letter{font:900 clamp(125px,17vw,265px) "Courier New",monospace;letter-spacing:-.19em;color:#d5ff75;text-shadow:9px 9px #194d3e,0 0 45px rgba(202,255,84,.5);position:relative;z-index:1;transform:translateX(-.1em);animation:float 5s ease-in-out infinite}
.orbit-chip{position:absolute;z-index:2;background:#0b2928;border:1px solid #739e68;color:#d7ff9d;font-size:10px;font-weight:900;padding:8px 10px;box-shadow:5px 5px 0 rgba(29,84,61,.8)}.chip-one{top:13%;left:5%}.chip-two{right:1%;top:47%}.chip-three{bottom:12%;left:10%}.art-label{position:absolute;left:0;color:#83ac98;font-size:10px;font-weight:800}.art-label-top{top:-3px}.art-label-bottom{bottom:-2px}.art-label-bottom span{color:#caff54;margin:0 6px}
.bottomline{border-top:1px solid rgba(175,230,189,.24);padding-top:20px;color:#83a89a;font-size:10px;font-weight:700}.bottom-center b{color:#caff54}.scroll-cue{color:#d3ff81}.scroll-cue b{font-size:19px;margin-left:9px}.cover-link{position:fixed;z-index:10;inset:0;cursor:pointer}.cover-link:focus-visible{outline:3px solid #caff54;outline-offset:-8px}body:has(.cover-link:hover) .enter-button{transform:translate(-3px,-3px);box-shadow:10px 10px 0 #547952}body.leaving .shell,body.leaving .atmosphere{opacity:0;transform:scale(1.025);transition:opacity .4s,transform .4s}
@keyframes pulse{50%{opacity:.35;box-shadow:0 0 3px #caff54}}@keyframes breathe{to{transform:scale(1.1) translate(-1%,1%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbitTilt{to{transform:rotate(26deg)}}@keyframes float{50%{transform:translate(-.1em,-10px)}}
@media(max-width:1100px){.stage{grid-template-columns:1fr .74fr}h1{font-size:clamp(46px,5.4vw,70px)}.art{min-height:300px}.intro{max-width:560px}}
@media(max-width:760px){body{overflow:auto}.shell{min-height:100svh;padding:18px 20px 19px}.topline{padding-bottom:16px}.network{font-size:9px}.stage{display:flex;flex-direction:column;justify-content:center;gap:0}.copy{padding:52px 0 0;width:100%}h1{white-space:normal;font-size:clamp(44px,9.3vw,68px);margin:24px 0 19px}.intro{font-size:15px;line-height:1.7;margin-bottom:20px}.pill-row span{font-size:10px;padding:8px}.enter-row{margin-top:28px;gap:14px}.enter-button{font-size:14px;padding:12px 16px}.enter-hint{font-size:9px}.art{width:100%;height:34vh;min-height:225px;max-height:320px;order:-1;margin:26px 0 -6px}.art-frame{height:100%;width:auto}.core-letter{font-size:145px}.bottomline{font-size:8px}.bottom-center,.art-label{display:none}}
@media(max-width:430px){.network{font-size:8px}.wordmark{font-size:19px}.mark{width:32px;height:32px;font-size:21px}.art{height:29vh;min-height:190px}.core-letter{font-size:120px}.eyebrow{font-size:9px}.pill-row small{font-size:9px}.enter-hint{max-width:100px;line-height:1.4}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}