@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#07060a;--panel:#111017;--text:#f5f1ff;--muted:#aaa3b9;--line:#ffffff1a;--violet:#9d5cff;--pink:#ff4fa3;--gold:#ffcb6b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Manrope,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site{background:radial-gradient(circle at 75% 8%,#9d5cff21,transparent 30%),var(--bg);min-height:100vh;overflow:hidden}.container{width:min(1240px,100% - 40px);margin:auto}.nav{z-index:50;mix-blend-mode:normal;justify-content:space-between;align-items:center;width:min(1240px,100% - 40px);height:76px;margin:auto;padding:0 6px;display:flex;position:fixed;top:0;left:0;right:0}.brand{letter-spacing:.04em;align-items:center;gap:11px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg,var(--violet),var(--pink));clip-path:polygon(50% 0,100% 28%,82% 100%,18% 100%,0 28%);place-items:center;width:31px;height:31px;font-family:Georgia;display:grid}.brand-dot{color:var(--pink)}.nav-links{color:#bdb7c8;gap:34px;font-size:13px;display:flex}.nav-links a:hover{color:#fff}.nav-cta,.button{border:1px solid var(--line);background:#ffffff09;border-radius:999px;align-items:center;gap:9px;padding:11px 15px;font-size:12px;display:inline-flex}.hero{grid-template-columns:1.02fr .98fr;align-items:center;min-height:780px;padding:110px 6% 70px;display:grid;position:relative}.hero-grid{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 80%);mask-image:linear-gradient(#000,#0000 80%)}.hero-copy{z-index:2;max-width:720px;position:relative}.kicker,.eyebrow{letter-spacing:.18em;color:#9e96ac;font:11px/1.2 DM Mono,monospace}.kicker{align-items:center;gap:9px;display:flex}.kicker span{background:var(--pink);width:7px;height:7px;box-shadow:0 0 20px var(--pink);border-radius:50%}h1{letter-spacing:-.065em;margin:24px 0;font-size:clamp(58px,8vw,112px);line-height:.88}h1 em,h2 em{color:#0000;-webkit-text-stroke:1px #c7bdd4;font-style:normal}.hero-copy p{max-width:600px;color:var(--muted);font-size:16px;line-height:1.75}.hero-search{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0b;border:1px solid #ffffff26;border-radius:17px;align-items:center;gap:14px;width:min(620px,100%);height:62px;margin-top:32px;padding:0 17px;display:flex;box-shadow:0 30px 90px #0000004d}.hero-search input{color:#fff;background:0 0;border:0;outline:0;flex:1}.hero-search span{color:#766f7e;font:11px DM Mono}.hero-metrics{color:#817a8b;text-transform:uppercase;letter-spacing:.08em;gap:30px;margin-top:22px;font:10px DM Mono;display:flex}.hero-metrics b{color:#ded7e8}.hero-scene{perspective:1000px;place-items:center;height:570px;display:grid;position:relative}.cube{width:250px;height:250px;transform-style:preserve-3d;animation:7s ease-in-out infinite float;position:relative;transform:rotateX(-18deg)rotateY(-28deg)rotate(4deg)}.cube-face{background:linear-gradient(135deg,#9d5cffbf,#ff4fa32e);border:1px solid #ffffff2b;place-items:center;font-weight:800;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 60px #ffffff14,0 40px 100px #9d5cff33}.front{font-size:100px;transform:translateZ(125px)}.side{letter-spacing:.3em;font:18px DM Mono;transform:rotateY(90deg)translateZ(125px)}.top{font:18px DM Mono;transform:rotateX(90deg)translateZ(125px)}.ring{border:1px solid #ffffff21;border-radius:50%;position:absolute;transform:rotateX(68deg)rotateY(18deg)}.ring-1{width:520px;height:220px}.ring-2{border-color:#ff4fa333;width:410px;height:170px;transform:rotateX(68deg)rotateY(-24deg)}.floating-disc{filter:blur(2px);opacity:.7;background:radial-gradient(circle at 40% 35%,#d9a8ff,#9d5cff26 28%,#0000 65%);border-radius:50%;width:340px;height:340px;position:absolute}.orb{filter:blur(80px);pointer-events:none;border-radius:50%;position:absolute}.orb-a{opacity:.18;background:#7a2dff;width:300px;height:300px;top:18%;right:22%}.orb-b{opacity:.12;background:#ff277f;width:260px;height:260px;bottom:8%;left:35%}.scene-caption{color:#77717e;text-align:right;font:10px/1.8 DM Mono;position:absolute;bottom:45px;right:10%}.scene-caption b{color:#c8c0d0}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px;display:flex}.section-head h2,h2{letter-spacing:-.05em;margin:12px 0 0;font-size:clamp(36px,5vw,70px);line-height:.95}.section-head p{color:#8d8794;max-width:360px;font-size:14px;line-height:1.6}.discovery{padding:110px 0}.filter-row,.mood-row{flex-wrap:wrap;gap:8px;margin-bottom:22px;display:flex}.filter-row button,.mood-row button{border:1px solid var(--line);color:#8f8998;cursor:pointer;background:0 0;border-radius:999px;padding:9px 13px;font-size:12px}.filter-row button.active{color:#0a090d;background:#fff;border-color:#fff}.card-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.game-card{border:1px solid var(--line);min-width:0;transform:translateY(calc(var(--i)*1px));background:#0d0c12;border-radius:22px;transition:transform .45s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .45s;overflow:hidden;box-shadow:0 15px 50px #0000002e}.game-card:hover{border-color:#9d5cff80;transform:translateY(-9px)rotateX(1deg)rotateY(-1deg);box-shadow:0 35px 80px #00000073,0 0 50px #9d5cff14}.card-art{height:300px;position:relative;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.game-card:hover img{transform:scale(1.06)}.card-shine{background:linear-gradient(120deg,#0000 35%,#ffffff21,#0000 65%);transition:transform .7s;position:absolute;inset:0;transform:translate(-100%)}.game-card:hover .card-shine{transform:translate(100%)}.card-rank{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#00000073;border-radius:9px;padding:6px 8px;font:10px DM Mono;position:absolute;top:14px;left:14px}.card-copy{justify-content:space-between;gap:12px;padding:17px 17px 8px;display:flex}.card-copy h3{letter-spacing:-.03em;margin:5px 0 0;font-size:18px}.rating{color:#f6d18b;align-items:center;gap:5px;font:11px DM Mono;display:flex}.card-meta{color:#777180;text-transform:uppercase;justify-content:space-between;padding:0 17px 17px;font:9px DM Mono;display:flex}.signal-band{background:linear-gradient(#0000,#0d0914 18% 82%,#0000);padding:120px 0}.signal-wrap{grid-template-columns:.8fr 1.2fr;gap:100px;display:grid}.signal-list article{border-bottom:1px solid var(--line);grid-template-columns:45px 1fr;gap:3px 14px;padding:20px 0;display:grid}.signal-list span{color:#6e6875;grid-row:span 2;font:10px DM Mono}.signal-list b{font-size:15px}.signal-list p{color:#77717e;margin:3px 0 0;font-size:13px;line-height:1.5}.atlas{padding:100px 0 140px}.atlas-card{border:1px solid var(--line);background:radial-gradient(circle at 70%,#9d5cff26,#0000 35%),#0d0c12;border-radius:32px;grid-template-columns:1fr 1fr;align-items:center;min-height:450px;padding:60px;display:grid;overflow:hidden}.atlas-card p{color:#8e8796;max-width:420px;line-height:1.7}.button{margin-top:24px}.atlas-sphere{place-items:center;height:330px;display:grid;position:relative}.sphere-core{z-index:2;background:radial-gradient(circle at 35% 30%,#ffd8ee,#9d5cff 45%,#2a123e 80%);border-radius:50%;place-items:center;width:120px;height:120px;font-size:42px;font-weight:800;display:grid;box-shadow:0 0 80px #9d5cff59}.atlas-sphere i{width:270px;height:110px;transform:rotateX(65deg) rotateZ(var(--r));border:1px solid #9d5cff59;border-radius:50%;position:absolute}.atlas-sphere i:nth-child(2){--r:0deg}.atlas-sphere i:nth-child(3){--r:45deg}.atlas-sphere i:nth-child(4){--r:90deg}.atlas-sphere i:nth-child(5){--r:135deg}.footer{border-top:1px solid var(--line);color:#7e7887;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:60px max(20px,50% - 620px);display:grid}.footer .brand-text{color:#fff;font-weight:800}.footer p{max-width:280px;line-height:1.6}.footer div{flex-direction:column;gap:9px;font-size:12px;display:flex}.footer div span{letter-spacing:.16em;color:#57515e;margin-bottom:7px;font:9px DM Mono}.footer a:hover{color:#fff}.footer small{border-top:1px solid var(--line);grid-column:1/-1;padding-top:18px;font:9px DM Mono}.loading-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.skeleton{background:linear-gradient(100deg,#0d0c12 20%,#17141e 35%,#0d0c12 50%) 0 0/200% 100%;border-radius:22px;height:360px;animation:1.4s infinite load}.detail-state{color:#fff;background:#07060a;align-content:center;place-items:center;min-height:100vh;display:grid}.loader-orbit{border:1px solid #9d5cff;border-right-color:#0000;border-radius:50%;width:70px;height:70px;animation:1s linear infinite spin}.detail-hero{background-position:50%;background-size:cover;align-items:end;min-height:720px;padding:130px 0 70px;display:flex}.detail-content h1{max-width:900px}.detail-content{position:relative}.back{color:#aaa0b4;font:10px DM Mono}.lead{color:#c0bac8;max-width:850px;font-size:15px;line-height:1.8}.detail-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary{color:#09080b;background:#fff}.score{border:1px solid var(--line);border-radius:999px;align-items:center;gap:5px;padding:10px 13px;font:11px DM Mono;display:inline-flex}.detail-grid{grid-template-columns:180px 1fr;gap:40px;padding:80px 0 120px;display:grid}.stat-rail{flex-direction:column;gap:20px;display:flex}.stat{border-bottom:1px solid var(--line);padding-bottom:18px}.stat span{color:#6f6976;font:9px DM Mono}.stat strong{margin-top:7px;font-size:22px;display:block}.block{margin-bottom:50px}.section-label{letter-spacing:.16em;color:#8c8492;margin-bottom:15px;font:10px DM Mono}.chips{flex-wrap:wrap;gap:7px;display:flex}.chips span{border:1px solid var(--line);color:#aaa2b0;border-radius:999px;padding:8px 11px;font-size:11px}.shot-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.shot-grid img{aspect-ratio:16/10;object-fit:cover;border-radius:12px;width:100%}.data-columns{grid-template-columns:1fr 1fr;gap:18px;display:grid}.data-block{border:1px solid var(--line);background:#0d0c12;border-radius:18px;min-height:150px;padding:20px}.data-block ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.data-block li{color:#c2bacb;font-size:12px}.muted{color:#6f6875;font-size:12px;line-height:1.5}@keyframes float{50%{transform:rotateX(-13deg)rotateY(-18deg)rotate(7deg)translateY(-16px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes load{to{background-position:-200% 0}}@media (max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;padding-top:130px}.hero-scene{order:-1;height:400px}.cube{width:180px;height:180px}.front{font-size:70px;transform:translateZ(90px)}.side{transform:rotateY(90deg)translateZ(90px)}.top{transform:rotateX(90deg)translateZ(90px)}.ring-1{width:360px;height:150px}.card-grid,.loading-grid{grid-template-columns:1fr 1fr}.signal-wrap,.atlas-card{grid-template-columns:1fr;gap:40px}.atlas-sphere{height:260px}.detail-grid{grid-template-columns:1fr}.stat-rail{grid-template-columns:repeat(4,1fr);display:grid}.shot-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.container{width:min(100% - 24px,1240px)}.nav{width:calc(100% - 24px)}.nav-cta{display:none}.hero{min-height:auto;padding:120px 20px 70px}.hero-scene{height:300px}.floating-disc{width:220px;height:220px}.cube{width:140px;height:140px}.front{font-size:52px;transform:translateZ(70px)}.side{font-size:12px;transform:rotateY(90deg)translateZ(70px)}.top{font-size:12px;transform:rotateX(90deg)translateZ(70px)}.hero-metrics{flex-wrap:wrap;gap:13px}.section-head{display:block}.card-grid,.loading-grid,.data-columns{grid-template-columns:1fr}.card-art{height:250px}.signal-wrap{gap:45px}.atlas-card{border-radius:24px;padding:30px}.footer{grid-template-columns:1fr 1fr;padding:45px 20px}.footer small{grid-column:1/-1}.stat-rail{grid-template-columns:1fr 1fr}.detail-hero{min-height:650px}.detail-content h1{font-size:58px}.shot-grid{grid-template-columns:1fr 1fr}}.catalog-strip{border-bottom:1px solid var(--line);color:#716a78;grid-column:1/-1;justify-content:space-between;gap:20px;margin-bottom:5px;padding-bottom:22px;font:10px DM Mono;display:flex}.catalog-strip b{color:#c8c0d0;font-weight:400}.atlas-card{position:relative}.catalog-pulse{color:#8d877d;justify-content:space-between;margin-bottom:20px;font:10px DM Mono;display:flex}.catalog-pulse b{color:var(--violet);font-weight:500}