@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Courier New',monospace;background:#1a1a2e;color:#ddd}
a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}
.h{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:#0a0a1a;border-bottom:4px solid #ffd700;position:sticky;top:0;z-index:100}
.hi{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:960px;margin:0 auto}
.lgo{font-family:'Press Start 2P',monospace;font-size:11px;color:#ffd700;text-shadow:2px 2px 0 #000}
.nv{display:flex;gap:2px}
.nv a{padding:5px 12px;font-size:9px;color:#99a;background:#1a1a2e;border:2px solid #333;font-family:'Press Start 2P',monospace}
.nv a:hover{background:#ffd700;color:#000;border-color:#ffd700}
.hr{text-align:center;padding:60px 24px 50px;background:#0a0a1a;border-bottom:4px solid #ffd700;max-width:960px;margin:0 auto}
.hr h1{font-family:'Press Start 2P',monospace;font-size:clamp(16px,3vw,22px);line-height:1.5;margin-bottom:8px;color:#ffd700;text-shadow:3px 3px 0 #000}
.hr p{max-width:400px;margin:0 auto 24px;font-size:11px;color:#88a}
.hr .btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.hr .bp{display:inline-flex;padding:10px 28px;background:#ffd700;color:#000;font-size:9px;font-family:'Press Start 2P',monospace;border:3px solid #000;box-shadow:2px 2px 0 #000}
.hr .bs{display:inline-flex;padding:10px 28px;background:#0a0a1a;color:#ffd700;font-size:9px;font-family:'Press Start 2P',monospace;border:3px solid #ffd700;box-shadow:2px 2px 0 #000}
.stb{display:grid;grid-template-columns:repeat(4,1fr);max-width:960px;margin:0 auto;border-bottom:4px solid #333}
.stb>div{padding:20px 12px;text-align:center;border-right:3px solid #333;background:#0f0f24}
.stb>div:last-child{border-right:none}
.stb .sv{font-family:'Press Start 2P',monospace;font-size:14px;color:#ffd700;text-shadow:2px 2px 0 #000}
.stb .sl{font-size:8px;color:#778;margin-top:4px;font-family:'Press Start 2P',monospace}
.se{padding:30px 0;border-bottom:3px solid #333;max-width:960px;margin:0 auto}
.st{margin-bottom:12px;padding:0 24px}
.st .tag{font-family:'Press Start 2P',monospace;font-size:8px;color:#ffd700;margin-bottom:4px}
.st h2{font-family:'Press Start 2P',monospace;font-size:12px;color:#ffd700;text-shadow:2px 2px 0 #000}
.st p{font-size:11px;color:#778}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 24px}
.gc{display:block;padding:16px;background:#0f0f24;border:3px solid #333;transition:all .1s}
.gc:hover{background:#ffd700;color:#000;border-color:#ffd700}
.gc .gt{font-size:7px;font-family:'Press Start 2P',monospace;color:#ffd700;margin-bottom:4px}
.gc:hover .gt{color:#000}
.gc h3{font-size:13px;font-weight:700;margin-bottom:4px}
.gc p{font-size:10px;color:#778}
.gc:hover p{color:#333}
.gc .gm{display:inline-block;margin-top:4px;font-size:8px;font-family:'Press Start 2P',monospace}
.fs{display:grid;grid-template-columns:repeat(3,1fr);max-width:960px;margin:20px auto 0;border-bottom:3px solid #333}
.fs>div{padding:24px 16px;text-align:center;border-right:3px solid #333;background:#0f0f24}
.fs>div:last-child{border-right:none}
.fs h4{font-family:'Press Start 2P',monospace;font-size:9px;color:#ffd700;margin-bottom:4px}
.fs p{font-size:10px;color:#778}
.ft{border-top:4px solid #333;padding:24px;text-align:center;background:#0a0a1a}
.ft p{font-size:8px;color:#556;font-family:'Press Start 2P',monospace}
.cta{padding:40px 24px;text-align:center;border-bottom:3px solid #333;background:#0f0f24;max-width:960px;margin:0 auto}
.cta h2{font-family:'Press Start 2P',monospace;font-size:14px;color:#ffd700;text-shadow:2px 2px 0 #000;margin-bottom:4px}
.cta p{font-size:11px;color:#778;margin-bottom:16px}
.cta .cp{display:inline-flex;padding:10px 32px;background:#ffd700;color:#000;font-size:9px;font-family:'Press Start 2P',monospace;border:3px solid #000;box-shadow:2px 2px 0 #000}
.hd{border-bottom:3px solid #333;padding:50px 24px 20px;max-width:960px;margin:0 auto}
.hd .ct{font-family:'Press Start 2P',monospace;font-size:9px;color:#ffd700;margin-bottom:4px}
.hd h1{font-family:'Press Start 2P',monospace;font-size:16px;color:#ffd700;text-shadow:2px 2px 0 #000}
.ls{max-width:960px;margin:0 auto;padding:10px 24px 20px}
.ls a{display:block;padding:12px 16px;border:3px solid #333;margin-bottom:6px;background:#0f0f24}
.ls a:hover{background:#ffd700;color:#000;border-color:#ffd700}
.ls .ln{font-size:7px;font-family:'Press Start 2P',monospace;color:#ffd700;margin-bottom:2px}
.ls a:hover .ln{color:#000}
.ls .lt{font-size:13px;font-weight:700;margin-bottom:2px}
.ls .ld{font-size:10px;color:#778}
.ls a:hover .ld{color:#333}
.pg{display:flex;justify-content:center;gap:6px;padding:12px 24px;max-width:960px;margin:0 auto}
.pg a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:3px solid #333;font-size:11px;background:#0f0f24;color:#778;font-family:'Press Start 2P',monospace}
.pg a:hover,.pg a.act{background:#ffd700;color:#000;border-color:#ffd700}
.aw{max-width:800px;margin:0 auto;padding:12px 24px 30px}
.ab{display:inline-block;padding:6px 16px;border:3px solid #333;font-size:9px;font-family:'Press Start 2P',monospace;margin-bottom:16px;background:#0f0f24;color:#99a}
.ac h1{font-family:'Press Start 2P',monospace;font-size:16px;color:#ffd700;text-shadow:2px 2px 0 #000;margin-bottom:16px}
.abd{font-size:13px;line-height:1.8;color:#bbb;margin-bottom:20px}
.abd p{margin-bottom:12px;color:#99a}
.abd h2{font-family:'Press Start 2P',monospace;font-size:10px;color:#ffd700;margin:24px 0 12px}

@media(max-width:900px){
.hi{flex-wrap:wrap;gap:8px}
.nv{overflow-x:auto;white-space:nowrap}
.nv a{padding:4px 10px;font-size:8px}
.hr h1{font-size:clamp(14px,4vw,18px)}
.stb .sv{font-size:12px}
}

@media(max-width:768px){.g3,.stb,.fs{grid-template-columns:1fr 1fr}.stb>div{border-right:none}}
@media(max-width:500px){.g3,.stb,.fs{grid-template-columns:1fr}}