@font-face{font-family:Pixel;src:url('assets/pixel.ttf') format('truetype');font-display:swap}*{box-sizing:border-box}html{background:#f6e9cd}body{margin:0;color:#13120f;font-family:Arial,sans-serif}.site{max-width:1440px;margin:auto;background:#f6e9cd}header{display:flex;align-items:center;justify-content:space-between;padding:24px 4.5%;gap:28px}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none;font-family:Pixel,monospace;font-size:clamp(15px,2.5vw,32px);letter-spacing:-1px}.brand img{width:62px;height:62px}nav{display:flex;gap:18px;align-items:center}.platform{position:relative;background:#0c0d0b;color:#fff;min-height:62px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;text-decoration:none;border:0;font-family:Arial,sans-serif;font-size:20px;font-weight:700;clip-path:polygon(7px 0,calc(100% - 7px) 0,calc(100% - 7px) 4px,100% 4px,100% calc(100% - 7px),calc(100% - 5px) calc(100% - 7px),calc(100% - 5px) 100%,7px 100%,7px calc(100% - 4px),0 calc(100% - 4px),0 7px,7px 7px);transition:transform .15s,background .15s}.platform img{object-fit:contain;flex-shrink:0}.platform:hover:not(:disabled){transform:translateY(-3px);background:#25241f}.platform:focus-visible{outline:0;background:#66331d;box-shadow:inset 0 0 0 4px #ef7645}.platform:disabled{opacity:1;cursor:not-allowed}.x{min-width:84px}nav .out{display:none}.out{font-size:28px;margin-left:auto}.title{text-align:center;padding:22px 12px 28px}.title h1{font-family:Pixel,monospace;font-size:clamp(25px,7.9vw,110px);line-height:1.35;letter-spacing:-.075em;margin:0;color:#f47843;-webkit-text-stroke:3px #17120f;paint-order:stroke fill;text-shadow:0 9px #17120f,6px 7px #17120f,-6px 7px #17120f}.title p{font-family:Pixel,monospace;font-size:clamp(16px,2.9vw,39px);margin:28px 0 0}.scene{position:relative;aspect-ratio:1024/513;overflow:hidden}.scene img{position:absolute;width:100%;height:auto;left:0;top:-60.42885%}.community{padding:28px 4.5% 32px}.actions{display:grid;grid-template-columns:1fr .9fr 1fr;gap:24px}.actions .platform{min-height:86px;font-size:26px}.actions .platform img{width:52px;height:52px}.actions .platform .fomo{width:135px;height:43px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:36px}.tile{margin:0;position:relative;aspect-ratio:218/212;overflow:hidden;background:#13120f;transition:transform .2s}.tile:hover{transform:translateY(-4px)}.tile img{position:absolute;width:469.725%;max-width:none;height:auto;top:-455.1887%}.tile-0 img{left:-20.6422%}.tile-1 img{left:-129.8165%}.tile-2 img{left:-239.9083%}.tile-3 img{left:-349.5413%}footer{position:relative;aspect-ratio:1024/330;overflow:hidden;background:#0a1429}footer img{position:absolute;width:100%;height:auto;left:0;top:-365.4545%}@media(min-width:1200px){header{padding-top:30px;padding-bottom:30px}}@media(max-width:800px){header{flex-wrap:wrap;justify-content:center;padding:18px 4%;gap:18px}.brand{font-size:24px}.brand img{width:46px;height:46px}nav{width:100%;justify-content:center;gap:10px}nav .platform{font-size:16px;min-height:52px;padding:10px 16px}nav .platform img{width:30px;height:30px}nav .platform .fomo{width:94px}.title{padding-top:22px}.title h1{-webkit-text-stroke:2px #17120f;text-shadow:0 5px #17120f,3px 4px #17120f,-3px 4px #17120f}.title p{margin-top:18px}.actions{gap:12px;grid-template-columns:1fr 64px 1fr}.actions .platform{font-size:16px;padding:12px;min-height:64px;gap:7px}.actions .platform img{width:32px;height:32px}.actions .platform .fomo{width:100px;height:32px}.actions .x{min-width:0}.out{display:none}.gallery{gap:16px;margin-top:24px;grid-template-columns:repeat(2,1fr)}.community{padding:20px 4% 26px}footer{aspect-ratio:1024/420}footer img{width:127.273%;left:-13.636%;top:-365.455%}}@media(max-width:380px){.brand{font-size:20px}nav .platform{padding:8px 10px}.actions{grid-template-columns:1fr 50px 1fr;gap:8px}.actions .platform{font-size:14px;padding:8px}.actions .platform .fomo{width:86px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}@media(max-width:800px){nav{display:grid;grid-template-columns:1fr 60px 1fr;gap:8px}nav .platform{min-width:0;padding:10px 8px;font-size:14px;gap:7px}nav .platform .fomo{max-width:100%;width:88px}}
