@font-face{font-family:Pixel;src:url("fonts/pixel-display.ttf")}@font-face{font-family:UI;src:url("fonts/pixel-ui.ttf")}*{box-sizing:border-box}body{margin:0;background:#16131f;color:#fff2d1;font-family:Pixel,monospace;font-size:20px;line-height:1.5}a{color:inherit;text-underline-offset:5px}header,main,footer{max-width:1180px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #5c4569}nav{display:flex;gap:25px;font-family:UI,monospace;font-size:11px}h1{font-size:clamp(44px,7vw,84px);line-height:1;letter-spacing:-2px;margin:15px 0 22px}h2{font-size:34px;line-height:1.2;margin:16px 0}h3{font-size:25px;margin:10px 0}p{color:#d9cbdc}.tag{font:11px UI,monospace;letter-spacing:1px;color:#ffd56e}section{margin:50px 0}.hero{border:2px solid #987baa;background:#21172e;box-shadow:7px 7px #0d0a12;padding:30px}.hero img{width:100%;display:block;border:2px solid #5c4569}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tile{padding:20px;border:2px solid #5c4569;background:#1f192a;box-shadow:5px 5px #0d0a12}.tile img{display:block;width:100%;height:auto;background:#250f2b}.button{display:inline-block;border:2px solid #ffe4a1;background:#ffd56e;color:#21172e;text-decoration:none;font:12px UI,monospace;box-shadow:4px 4px #08060c;padding:14px 17px;margin:12px 12px 4px 0}.secondary{background:#2d183c;color:#fff2d1;border-color:#9474a6}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:20px Pixel,monospace;line-height:1.6;padding:24px;background:#1f192a;border:2px solid #5c4569}small{font-size:16px;color:#bcaec7}footer{font-size:16px;border-top:2px solid #5c4569;margin-top:70px}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{padding:16px;border:2px solid #5c4569;min-width:120px}.swatch i{display:block;width:50px;height:25px;margin-bottom:12px}video{display:block;width:100%;border:2px solid #5c4569}article{max-width:800px;margin:auto}article p{font-family:Pixel,monospace;font-size:23px}.notice{padding:20px;border-left:4px solid #ffd56e;background:#21172e}@media(max-width:700px){header{align-items:flex-start;gap:20px}nav{flex-wrap:wrap;gap:12px}.grid{grid-template-columns:1fr}header,main,footer{padding:20px}h1{letter-spacing:-1px}.hero{padding:20px}}