@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap');
:root{--bg:#080d15;--panel:#121d2b;--white:#f4f7ed;--muted:#bdc9bd;--green:#65c653;--gold:#f4ce57;--purple:#6569d0;--orange:#d47b46}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--white);font-family:'VT323',monospace;font-size:23px;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px}.stars{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 17%,#f4ce57 0 2px,transparent 3px),radial-gradient(circle at 76% 22%,#fff 0 1px,transparent 2px),radial-gradient(circle at 89% 63%,#f4ce57 0 2px,transparent 3px);opacity:.7}.topbar,main,footer{max-width:1120px;margin:auto;padding-left:5vw;padding-right:5vw}.topbar{padding-top:28px;padding-bottom:25px;display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid #202c3b}.logo{display:flex;align-items:center;gap:12px;color:var(--white);text-decoration:none;font:13px 'Press Start 2P',monospace;text-shadow:3px 3px #000}.logo-block{display:grid;place-items:center;width:30px;height:30px;background:var(--green);color:#071006;border:3px solid #000;box-shadow:3px 3px #000}.green{color:var(--green)}nav{display:flex;gap:28px}nav a{color:var(--muted);text-decoration:none;font:9px 'Press Start 2P',monospace}nav a:hover{color:var(--gold)}.hero{padding-top:90px;padding-bottom:55px;max-width:740px}.shop-sign,.product-label{font:10px 'Press Start 2P',monospace;color:var(--green)}.hero h1{font:30px/1.55 'Press Start 2P',monospace;text-transform:uppercase;text-shadow:5px 5px #000;margin:30px 0 23px}.hero h1 em{color:var(--gold);font-style:normal}.hero p{color:var(--muted);font-size:26px;line-height:1.15;max-width:650px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{min-height:480px;padding:28px 25px 24px;border:5px solid #000;box-shadow:8px 8px #000;display:flex;flex-direction:column}.vip{background:#286b3b}.vipplus{background:#5b4f99}.shard{background:#9b663d}.product-icon{font-size:43px;margin-bottom:27px;color:var(--gold);text-shadow:3px 3px #000}.product-label{color:rgba(255,255,255,.78);font-size:9px}.product h2{font:18px/1.55 'Press Start 2P',monospace;text-transform:uppercase;margin:15px 0 4px}.price{font:29px 'Press Start 2P',monospace;margin:12px 0;color:var(--gold);text-shadow:3px 3px #000}.price span{font:16px 'VT323',monospace;color:var(--white);text-shadow:none}.description{font-size:23px;line-height:1.05;color:rgba(255,255,255,.82);min-height:57px;margin:13px 0 8px}.product ul{padding-left:21px;color:rgba(255,255,255,.86);font-size:21px;line-height:1.25;margin:0 0 24px}.product li{margin:3px 0}.buy-button{margin-top:auto;display:block;text-align:center;padding:14px 10px;background:var(--white);color:#111923;border:3px solid #000;box-shadow:4px 4px #000;text-decoration:none;font:9px 'Press Start 2P',monospace}.buy-button:hover{background:#fff19b;transform:translate(2px,2px);box-shadow:2px 2px #000}.notice{margin:54px 0 90px;padding:23px 26px;display:flex;align-items:center;gap:17px;background:var(--panel);border:4px solid #26384b}.notice-icon{width:31px;height:31px;display:grid;place-items:center;background:var(--gold);color:#111923;border:3px solid #000;font:17px 'Press Start 2P',monospace}.notice strong{font:10px 'Press Start 2P',monospace}.notice p{color:var(--muted);margin:8px 0 0}.notice a{margin-left:auto;padding:13px 14px;background:#6978e6;border:3px solid #000;box-shadow:4px 4px #000;color:#fff;text-decoration:none;font:9px 'Press Start 2P',monospace;white-space:nowrap}footer{padding-top:22px;padding-bottom:35px;border-top:4px solid #202c3b;display:flex;justify-content:space-between;color:#9ca99d;font-size:19px}@media(max-width:800px){.hero{padding-top:65px}.hero h1{font-size:22px}.hero p{font-size:23px}.product-grid{grid-template-columns:1fr}.product{min-height:390px}.notice{display:block}.notice-icon{margin-bottom:15px}.notice a{display:inline-block;margin:18px 0 0}footer{display:block}footer span{display:block;margin:7px 0}}@media(max-width:500px){nav{gap:10px;flex-direction:column;align-items:end}nav a{font-size:7px}}
