@font-face{font-family:Zpix;src:url(/fonts/zpix.ttf)format("truetype");font-display:swap}.pixel-page{color:#e8e4d8;background:#08080f;flex-direction:column;align-items:center;min-height:100vh;font-family:PingFang SC,Microsoft YaHei,sans-serif;display:flex;position:relative;overflow-x:hidden}.font-pixel{font-family:Zpix,monospace}.crt-overlay{pointer-events:none;z-index:9998;mix-blend-mode:multiply;background:repeating-linear-gradient(#0000 0 2px,#00000024 3px,#0000 4px);position:fixed;inset:0}.crt-vignette{pointer-events:none;z-index:9997;background:radial-gradient(#0000 55%,#0000006b 100%);position:fixed;inset:0}.pixel-bg{z-index:0;background:#08080f;position:fixed;inset:0;overflow:hidden}.star-field{position:absolute;inset:0}.star{width:4px;height:4px;image-rendering:pixelated;background:#e8e4d8;animation:2.4s steps(2,end) infinite star-twinkle;position:absolute}.star.s1{animation-delay:0s;top:12%;left:8%}.star.s2{background:#7fb2ff;animation-delay:.8s;top:6%;left:22%}.star.s3{animation-delay:1.4s;top:16%;left:38%}.star.s4{background:#ffd77f;animation-delay:.4s;top:5%;left:55%}.star.s5{animation-delay:1.8s;top:14%;left:72%}.star.s6{background:#7fb2ff;animation-delay:1.1s;top:7%;left:86%}.star.s7{animation-delay:.2s;top:20%;left:92%}.star.s8{animation-delay:2s;top:26%;left:15%}.star.s9{background:#ff7f7f;animation-delay:.6s;top:22%;left:62%}@keyframes star-twinkle{0%,to{opacity:1}50%{opacity:.15}}.pixel-skyline{opacity:.6;height:120px;image-rendering:pixelated;background-image:linear-gradient(#0000 0%,#141428e6 100%),linear-gradient(90deg,#141428 0 40px,#0000 40px 52px,#141428 52px 84px,#0000 84px 96px,#141428 96px 130px,#0000 130px 142px,#141428 142px 180px,#0000 180px 192px,#141428 192px 230px,#0000 230px 242px,#141428 242px 280px,#0000 280px 292px,#141428 292px 330px,#0000 330px 342px,#141428 342px 380px,#0000 380px 392px,#141428 392px 430px,#0000 430px 442px,#141428 442px 480px,#0000 480px);background-position:bottom;background-size:100% 100%,auto;position:absolute;bottom:0;left:0;right:0}.pixel-hud{z-index:2;color:#e8e4d88c;border-bottom:2px solid #e8e4d82e;justify-content:space-between;align-items:center;width:100%;max-width:640px;padding:12px 16px;font-size:12px;display:flex;position:relative}.hud-logo{color:#e60012;letter-spacing:1px;text-decoration:none}.hud-status{align-items:center;gap:6px;display:flex}.hud-dot{background:#e60012;width:8px;height:8px;animation:1.2s steps(2,end) infinite star-twinkle}.pixel-hero{z-index:2;text-align:center;width:100%;max-width:640px;padding:44px 16px 28px;position:relative}.game-logo{color:#e8e4d8;letter-spacing:3px;text-shadow:3px 3px #e60012,6px 6px #e6122466,9px 9px #e6122426;margin:0;font-family:Zpix,monospace;font-size:clamp(40px,11vw,84px);line-height:1.1}.game-sub{color:#ffd77f;letter-spacing:1px;margin-top:20px;font-family:Zpix,monospace;font-size:clamp(12px,3.2vw,16px)}.game-tagline{color:#e8e4d88c;margin-top:10px;font-family:Zpix,monospace;font-size:clamp(11px,2.8vw,14px);line-height:1.8}.menu-wrap{z-index:2;width:100%;max-width:480px;padding:8px 16px;position:relative}.menu-frame{background:#0a0a16eb;border:3px solid #e8e4d8;padding:10px 0;box-shadow:inset -3px -3px #0000008c,inset 3px 3px #ffffff14,0 0 0 3px #0009}.menu-item{color:#e8e4d8;border-left:4px solid #0000;justify-content:space-between;align-items:center;padding:13px 20px;font-family:Zpix,monospace;font-size:clamp(14px,4vw,18px);text-decoration:none;transition:none;display:flex;position:relative}.menu-item:hover,.menu-item:focus{color:#fff;background:#e60012;border-left-color:#ffd77f;outline:none}.menu-item .menu-arrow{color:#e8e4d859}.menu-item:hover .menu-arrow{color:#ffd77f}.menu-item .menu-tag{color:#7fb2ff;border:1px solid #7fb2ff66;margin-left:8px;padding:2px 6px;font-size:11px}.menu-item:hover .menu-tag{color:#fff;border-color:#fff}.press-start{z-index:2;text-align:center;color:#e60012;padding:22px 16px 10px;font-family:Zpix,monospace;font-size:clamp(13px,3.4vw,17px);position:relative}.press-start .cursor{animation:1s step-end infinite blink}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.gear-wrap{z-index:2;width:100%;max-width:480px;padding:18px 16px 6px;position:relative}.gear-label{color:#ffd77f;align-items:center;gap:8px;margin-bottom:8px;font-family:Zpix,monospace;font-size:12px;display:flex}.gear-label .new-badge{color:#08080f;background:#ffd77f;padding:1px 6px;font-size:10px;animation:1.6s steps(2,end) infinite star-twinkle}.gear-card{background:#1e1808d9;border:3px solid #ffd77f;margin-bottom:10px;padding:14px 16px;text-decoration:none;transition:none;display:block;box-shadow:inset -3px -3px #00000080,inset 3px 3px #ffd77f26}.gear-card:last-child{margin-bottom:0}.gear-card:hover{background:#e60012;border-color:#ffd77f}.gear-card:hover .gear-name{color:#fff}.gear-card:hover .gear-desc{color:#ffffffbf}.gear-name{color:#ffd77f;justify-content:space-between;align-items:center;font-family:Zpix,monospace;font-size:15px;display:flex}.gear-name .gear-go{color:#ffd77f99;font-size:12px}.gear-card:hover .gear-go{color:#ffd77f}.gear-desc{color:#e8e4d88c;margin-top:6px;font-size:12px;line-height:1.6}.letter-wrap{z-index:2;width:100%;max-width:480px;padding:20px 16px 6px;position:relative}.letter-box{text-align:center;background:#080e1ce6;border:3px solid #7fb2ff;padding:16px;box-shadow:inset -3px -3px #00000080,inset 3px 3px #7fb2ff1f}.letter-title{color:#7fb2ff;margin-bottom:8px;font-family:Zpix,monospace;font-size:14px}.letter-box p{color:#e8e4d899;margin:0 0 12px;font-size:12px;line-height:1.6}.letter-row{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.letter-input{color:#e8e4d8;box-sizing:border-box;background:#0a0a18;border:3px solid #7fb2ff;outline:none;min-width:200px;padding:9px 12px;font-family:Zpix,monospace;font-size:13px}.letter-input:focus{border-color:#ffd77f}.letter-btn{color:#7fb2ff;cursor:pointer;background:#0a0a18;border:3px solid #7fb2ff;padding:9px 18px;font-family:Zpix,monospace;font-size:13px}.letter-btn:hover{color:#08080f;background:#7fb2ff}.letter-btn:active{transform:translate(1px,1px)}.letter-msg{min-height:18px;margin-top:10px;font-size:12px}.letter-msg.ok{color:#7fff7f}.letter-msg.err{color:#ff7f7f}.pixel-footer{z-index:2;text-align:center;color:#e8e4d866;width:100%;padding:22px 16px 34px;font-size:11px;line-height:2;position:relative}.footer-hearts{color:#ffd77f;letter-spacing:2px;text-shadow:2px 2px #0009;font-family:Zpix,monospace;font-size:13px}@media (max-width:480px){.pixel-hero{padding-top:36px}.menu-item{padding:14px 16px}}@media (prefers-reduced-motion:reduce){.star,.hud-dot,.new-badge,.press-start .cursor{animation:none!important}}