*{box-sizing:border-box} :root{--bg:#090d18;--panel:#111a2c;--text:#f4f7ff;--muted:#9aa8c0;--cyan:#38e5d1;--purple:#8b6cff} html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}.ambient{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(130px);opacity:.14;pointer-events:none}.ambient-a{background:#573cff;top:80px;left:-180px}.ambient-b{background:#00bcae;top:300px;right:-230px}.topbar{height:82px;max-width:1200px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:800 17px Orbitron,sans-serif;letter-spacing:.5px}.brand-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,var(--cyan),var(--purple));color:#08111b;font-size:22px}.brand-accent{color:var(--cyan);margin-left:3px}.topbar nav{display:flex;gap:34px}.nav-link{color:var(--muted);font-size:13px;text-decoration:none}.nav-link.active,.nav-link:hover{color:#fff}.submit-link{color:var(--cyan);font-size:13px;text-decoration:none;border:1px solid #38e5d14d;padding:11px 15px;border-radius:9px}.submit-link span{margin-left:8px}main{max-width:1200px;margin:auto;padding:0 28px}.hero{min-height:500px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;position:relative}.hero-copy{padding:70px 0}.eyebrow{font-size:10px;letter-spacing:2.4px;color:var(--cyan);font-weight:800}.pulse{display:inline-block;width:7px;height:7px;background:var(--cyan);border-radius:50%;margin-right:8px;box-shadow:0 0 13px var(--cyan)}h1{font:800 clamp(48px,7vw,78px)/1.05 Orbitron,sans-serif;letter-spacing:-3px;margin:22px 0}h1 span{color:var(--cyan);text-shadow:0 0 32px #38e5d13b}.hero-copy>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:470px}.primary-btn{display:inline-flex;align-items:center;gap:26px;background:linear-gradient(100deg,var(--cyan),#79f1d4);color:#07111b;text-decoration:none;font-weight:800;font-size:13px;padding:15px 19px;border-radius:9px;margin-top:22px;box-shadow:0 10px 35px #38e5d126}.hero-stats{display:flex;align-items:center;gap:25px;margin-top:48px}.hero-stats b,.hero-stats small{display:block}.hero-stats b{font-size:11px;letter-spacing:1px}.hero-stats small{font-size:9px;color:var(--muted);letter-spacing:1px;margin-top:6px}.hero-stats i{height:28px;width:1px;background:#ffffff24}.hero-art{height:380px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #8b6cff55;border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:330px;height:210px}.orbit-two{width:410px;height:270px;transform:rotate(35deg);border-color:#38e5d144}.game-cube{width:220px;height:220px;border:1px solid #ffffff26;border-radius:38px;background:linear-gradient(145deg,#1d2c48,#101728 65%);box-shadow:0 30px 90px #0009,inset 0 1px #ffffff25;transform:rotate(-8deg);display:grid;place-items:center;position:relative;overflow:hidden}.cube-glow{position:absolute;width:160px;height:160px;background:var(--purple);filter:blur(75px);opacity:.65}.controller{font-size:90px;color:var(--cyan);z-index:1;text-shadow:0 0 35px #38e5d1}.cube-label{position:absolute;bottom:20px;font:700 10px Orbitron;color:#fff;letter-spacing:2px}.float-tag{position:absolute;background:#17243a;border:1px solid #ffffff20;padding:10px 14px;border-radius:8px;font:700 10px Orbitron;letter-spacing:1px;box-shadow:0 12px 35px #0005}.tag-top{top:42px;right:8%}.tag-bottom{bottom:48px;left:5%;color:var(--cyan)}.catalog{padding:35px 0 75px}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2{font:700 clamp(28px,4vw,39px) Orbitron;margin:12px 0 0}.section-heading h2 span{color:var(--cyan)}.result-count{font-size:10px;color:var(--muted);letter-spacing:1.5px}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:30px 0}.searchbox{display:flex;align-items:center;gap:10px;background:#111a2c;border:1px solid #ffffff16;border-radius:9px;padding:0 14px;width:280px;height:44px;color:var(--cyan)}.searchbox span{font-size:24px}.searchbox input{background:none;border:0;outline:0;color:#fff;width:100%;font:13px Inter}.searchbox input::placeholder{color:#77849b}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #ffffff1c;color:var(--muted);background:#111a2c;padding:10px 13px;border-radius:8px;font:600 11px Inter;cursor:pointer}.filter.active,.filter:hover{background:#38e5d11a;color:var(--cyan);border-color:#38e5d166}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.game-card{background:linear-gradient(145deg,#141f34,#0f1727);border:1px solid #ffffff13;border-radius:14px;padding:12px;transition:.25s;min-width:0}.game-card:hover{transform:translateY(-5px);border-color:#38e5d155;box-shadow:0 18px 45px #0005}.cover{height:175px;border-radius:9px;display:grid;place-items:center;position:relative;overflow:hidden}.cover:before,.cover:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff28;width:180px;height:180px}.cover:after{width:250px;height:250px}.cover-symbol{font:800 78px Orbitron;color:#fff;text-shadow:0 5px 30px #0008;z-index:1}.cover-chip{position:absolute;top:12px;left:12px;background:#07111bbd;border:1px solid #ffffff28;border-radius:5px;padding:6px 8px;font-size:8px;letter-spacing:1px;font-weight:800}.cover-roblox{background:linear-gradient(135deg,#e14b4b,#781e38)}.cover-minecraft{background:linear-gradient(135deg,#69a94a,#254b36)}.cover-fire{background:linear-gradient(135deg,#fa8c28,#9e263b)}.cover-football{background:linear-gradient(135deg,#147d82,#193f65)}.cover-clash{background:linear-gradient(135deg,#e7a53e,#824328)}.cover-subway{background:linear-gradient(135deg,#258bd1,#6c3d9d)}.game-info{display:flex;align-items:center;justify-content:space-between;padding:15px 4px 12px}.game-info h3{margin:0;font-size:15px}.game-info p{margin:6px 0 0;color:var(--muted);font-size:10px}.rating{font-size:11px;color:#ffd36b}.details-btn{width:100%;display:flex;justify-content:space-between;align-items:center;background:#ffffff09;border:1px solid #ffffff16;color:#eaf2ff;border-radius:8px;padding:11px 12px;font:600 11px Inter;cursor:pointer}.details-btn:hover{border-color:var(--cyan);color:var(--cyan)}.catalog-note{font-size:10px;line-height:1.6;color:#78869e;margin-top:22px}.empty-state{text-align:center;color:var(--muted);padding:50px}.trust-strip{display:flex;align-items:center;gap:18px;padding:25px;border:1px solid #38e5d133;background:#38e5d10b;border-radius:13px;margin:0 0 70px}.trust-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;background:#38e5d122;color:var(--cyan);font-size:22px}.trust-strip h3{margin:0 0 6px;font-size:14px}.trust-strip p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}footer{max-width:1200px;margin:auto;padding:25px 28px 35px;border-top:1px solid #ffffff14;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.footer-brand{font-size:13px}.footer-brand .brand-mark{width:27px;height:27px;font-size:17px}footer>a:last-child{color:var(--cyan);text-decoration:none}.modal-backdrop{position:fixed;inset:0;background:#02050bd9;z-index:10;display:grid;place-items:center;padding:20px}.modal{width:min(440px,100%);background:#121d31;border:1px solid #ffffff25;border-radius:16px;padding:30px;position:relative;box-shadow:0 25px 90px #000b}.modal-close{position:absolute;right:16px;top:12px;background:none;border:0;color:#fff;font-size:27px;cursor:pointer}.modal-kicker{font-size:9px;color:var(--cyan);letter-spacing:2px;font-weight:800}.modal h2{font:700 25px Orbitron;margin:14px 0}.modal p{color:var(--muted);font-size:13px;line-height:1.7}.modal-link{margin:14px 0}.modal small{display:block;color:#8492aa;font-size:10px;line-height:1.5}[hidden]{display:none!important}
@media(max-width:800px){.topbar{padding:0 18px;height:70px}.topbar nav{gap:15px}.nav-link{font-size:11px}.submit-link{font-size:0;padding:10px}.submit-link span{font-size:14px;margin:0}main{padding:0 18px}.hero{grid-template-columns:1fr;gap:0;padding-bottom:20px}.hero-copy{padding:65px 0 15px}.hero-art{height:300px}.game-cube{width:175px;height:175px}.controller{font-size:70px}.orbit-one{width:280px;height:180px}.orbit-two{width:330px;height:220px}.tag-top{right:7%;top:20px}.tag-bottom{bottom:25px}.toolbar{align-items:stretch;flex-direction:column}.searchbox{width:100%}.game-grid{grid-template-columns:repeat(2,1fr);gap:12px}.cover{height:140px}.cover-symbol{font-size:62px}.section-heading h2{font-size:27px}}@media(max-width:480px){.topbar nav{display:none}.hero-copy>p{font-size:13px}.hero-stats{margin-top:32px}.game-grid{grid-template-columns:1fr 1fr}.cover{height:115px}.game-card{padding:8px}.game-info{padding:11px 2px}.game-info h3{font-size:12px}.game-info p{font-size:9px}.rating{font-size:9px}.details-btn{font-size:10px;padding:9px}.filters{gap:6px}.filter{padding:9px 10px;font-size:10px}.trust-strip{padding:17px;align-items:flex-start}footer{padding:20px 18px;gap:12px;flex-wrap:wrap}.footer-brand{width:100%}}
