:root{--bg:#070b16;--panel:#0e1528;--panel2:#111b33;--line:#ffffff1a;--text:#f7f8fc;--muted:#a7b0c7;--accent:#7c5cff;--accent2:#25d7c4;--hot:#ff4f8b;--shadow:0 25px 80px #00000059}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 70% 0%,#17224a 0,transparent 32%),var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}.noise{pointer-events:none;opacity:.04;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");position:fixed;inset:0}.shell{width:min(1180px,100% - 40px);margin-inline:auto}.topbar{border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:76px;margin:auto;display:flex;position:relative}.brand{color:#fff;align-items:center;gap:11px;font-weight:800;text-decoration:none;display:flex}.brand-mark{background:linear-gradient(135deg,var(--accent),#5a35ff 60%,var(--hot));border-radius:10px;place-items:center;width:35px;height:35px;font-family:Space Grotesk;display:grid;box-shadow:0 8px 25px #7c5cff59}.brand-text{letter-spacing:.08em;font-family:Space Grotesk;font-size:.95rem}.nav{gap:30px;display:flex}.nav a{color:#cbd2e4;font-size:.92rem;font-weight:600;text-decoration:none}.nav a:hover{color:#fff}.menu-btn{color:#fff;background:0 0;border:0;font-size:1.6rem;display:none}.hero{grid-template-columns:1.03fr .97fr;align-items:center;gap:70px;min-height:690px;padding-block:80px 70px;display:grid}.eyebrow{color:#97a2bd;letter-spacing:.16em;margin-bottom:14px;font-size:.72rem;font-weight:800;display:inline-block}.hero h1,.section-head h2,.about-card h2{letter-spacing:-.045em;margin:0;font-family:Space Grotesk;line-height:.97}.hero h1{font-size:clamp(3.5rem,7vw,6.4rem)}.hero h1 span{background:linear-gradient(90deg,#fff,#9d8cff 48%,#4ee1cf);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-sub{max-width:640px;color:var(--muted);margin:28px 0;font-size:1.08rem}.hero-actions,.featured-actions{flex-wrap:wrap;gap:12px;display:flex}.btn{cursor:pointer;min-height:48px;font-weight:800;font:inherit;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;padding:0 22px;font-weight:800;text-decoration:none;display:inline-flex}.btn-primary{background:linear-gradient(135deg,var(--accent),#5f3cff);color:#fff;box-shadow:0 12px 35px #7c5cff47}.btn-ghost{color:#fff;border-color:var(--line);background:#ffffff09}.btn-light{color:#101421;background:#fff}.hero-stats{gap:28px;margin-top:34px;display:flex}.hero-stats div{flex-direction:column;display:flex}.hero-stats strong{font-size:1.25rem}.hero-stats span{color:#8993ab;font-size:.78rem}.hero-visual{place-items:center;min-height:520px;display:grid;position:relative}.orb{filter:blur(4px);border-radius:50%;position:absolute}.orb-a{background:#5b3cff38;width:310px;height:310px;top:20px;right:20px}.orb-b{background:#25d7c41f;width:250px;height:250px;bottom:20px;left:0}.device{aspect-ratio:.72;width:min(460px,88%);box-shadow:var(--shadow);z-index:2;background:linear-gradient(160deg,#1c2543,#0d1428);border:1px solid #ffffff29;border-radius:34px;padding:14px;position:relative;transform:rotate(4deg)}.device-top{align-items:center;gap:6px;height:24px;padding:0 8px;display:flex}.device-top span{background:#47516d;border-radius:50%;width:6px;height:6px}.device-screen{background:linear-gradient(#35266a 0,#162d69 48%,#050a18 100%);border-radius:23px;height:calc(100% - 24px);position:relative;overflow:hidden}.sky i{opacity:.7;background:#fff;border-radius:50%;width:2px;height:2px;position:absolute;box-shadow:30px 70px #fff,80px 30px #fff,150px 110px #fff,220px 50px #fff,280px 140px #fff,350px 70px #fff,310px 230px #fff,100px 300px #fff}.planet{border-radius:50%;position:absolute;box-shadow:inset -20px -25px 30px #00000040}.planet-one{background:linear-gradient(135deg,#ef7b45,#8a37bb);width:170px;height:170px;bottom:50px;right:-40px}.planet-two{background:linear-gradient(135deg,#5ee5cd,#287a99);width:80px;height:80px;top:80px;left:35px}.ship{filter:drop-shadow(0 8px 9px #0006);font-size:38px;position:absolute;top:46%;left:47%;transform:rotate(90deg)}.hud{letter-spacing:.08em;justify-content:space-between;font-size:.72rem;display:flex;position:absolute;top:14px;left:16px;right:16px}.floating-card{z-index:3;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d1428eb;border:1px solid #ffffff1f;border-radius:16px;grid-template-columns:auto 1fr;align-items:center;gap:0 10px;padding:12px 16px;display:grid;position:absolute}.floating-card span{grid-row:1/3;font-size:1.4rem}.floating-card small{color:#8d96ad}.fc-one{top:115px;left:-10px}.fc-one span{color:#ffd45d}.fc-two{bottom:80px;right:-15px}.fc-two span{color:var(--accent2)}.section-head{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.text-link{color:#c9d1e4;font-weight:700;text-decoration:none}.featured,.games-section,.rankings,.about{padding-block:70px}.featured-card{border:1px solid var(--line);min-height:430px;box-shadow:var(--shadow);background:linear-gradient(145deg,#111a31,#0d1325);border-radius:28px;grid-template-columns:1.12fr .88fr;display:grid;overflow:hidden}.featured-art{min-height:420px;position:relative;overflow:hidden}.nova-art{background:radial-gradient(circle at 65% 30%,#9554ff 0 3%,#0000 4%),linear-gradient(165deg,#192153,#3b236e 55%,#131a35)}.nova-grid{transform-origin:bottom;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;transform:perspective(300px)rotateX(62deg)translateY(38%)}.nova-moon{background:linear-gradient(135deg,#58e9cb,#2a81a0);border-radius:50%;width:250px;height:250px;position:absolute;bottom:-45px;right:-65px;box-shadow:inset -35px -40px 40px #00000040,0 0 80px #58e9cb26}.nova-character{filter:drop-shadow(0 14px 16px #00000059);font-size:84px;position:absolute;bottom:17%;left:22%}.nova-ship{font-size:60px;position:absolute;top:21%;right:34%;transform:rotate(-24deg)}.tag,.game-badge{letter-spacing:.08em;border-radius:999px;padding:7px 10px;font-size:.68rem;font-weight:900;position:absolute;top:18px;left:18px}.tag-new{color:#111;background:#fff}.featured-info{flex-direction:column;justify-content:center;padding:50px;display:flex}.meta-row,.game-tags{flex-wrap:wrap;gap:8px;display:flex}.meta-row span,.game-tags span{color:#b4bfd8;border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:.72rem}.featured-info h3{margin:18px 0 14px;font-family:Space Grotesk;font-size:3.6rem;line-height:1}.featured-info p{color:var(--muted);font-size:1rem}.rating-line{align-items:center;gap:10px;margin:18px 0 26px;display:flex}.stars{letter-spacing:.12em;color:#ffd85f}.rating-line small{color:#7f89a1}.filters{flex-wrap:wrap;gap:8px;display:flex}.filter{color:#aeb7cc;border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px;font-weight:700}.filter.active,.filter:hover{color:#0d1220;background:#fff}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.game-card{border:1px solid var(--line);background:linear-gradient(145deg,#10182d,#0a1020);border-radius:22px;transition:all .25s;overflow:hidden}.game-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 20px 45px #00000040}.game-art{height:230px;position:relative;overflow:hidden}.game-badge{color:#fff;background:#050a19c7;border:1px solid #ffffff24}.art-nova{background:radial-gradient(circle at 75% 35%,#a86cff 0 2%,#0000 3%),linear-gradient(160deg,#25307a,#39206d 60%,#151b3c)}.mini-planet{border-radius:50%;position:absolute}.p1{background:linear-gradient(135deg,#55e6c9,#3771a6);width:130px;height:130px;bottom:-20px;right:-20px}.p2{background:#ef7a57;width:55px;height:55px;top:28%;left:20%}.mini-ship{font-size:46px;position:absolute;top:42%;left:48%;transform:rotate(-30deg)}.art-knight{background:linear-gradient(#b24b53 0,#4c3855 46%,#17212c 47%,#0d151d 100%)}.mountain{clip-path:polygon(0 100%,30% 32%,47% 68%,65% 18%,100% 100%);background:#223244;width:70%;height:64%;position:absolute;bottom:0}.m1{left:-12%}.m2{opacity:.75;right:-15%;transform:scale(.8)}.knight{color:#fff;text-shadow:0 8px 12px #00000080;font-size:72px;position:absolute;bottom:18%;left:47%}.temple{background:#261914;position:absolute;bottom:0}.t1{clip-path:polygon(10% 100%,10% 40%,20% 40%,20% 22%,80% 22%,80% 40%,90% 40%,90% 100%);width:85%;height:48%;left:7%}.t2{clip-path:polygon(50% 0,100% 100%,0 100%);width:16%;height:32%;bottom:44%;left:42%}.explorer{color:#ffe8b0;font-size:58px;position:absolute;bottom:20%;left:48%;transform:rotate(45deg)}.leaf{background:#97d96c;border-radius:100% 0;position:absolute;transform:rotate(30deg)}.l1{width:240px;height:120px;top:38px;right:-40px}.l2{width:190px;height:95px;bottom:12px;left:-30px;transform:rotate(205deg)}.tiny-hero{color:#223;background:#f7d270;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:19%;left:50%}.game-title-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.game-title-row h3{margin:0;font-family:Space Grotesk;font-size:1.55rem}.score{color:#ffd45d;font-size:.84rem;font-weight:800}.game-body p{color:#96a0b7;min-height:48px;margin:10px 0 16px}.card-actions{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.play-link{color:#fff;font-weight:800;text-decoration:none}.play-link:after{content:" →";color:#8e79ff}.icon-btn{border:1px solid var(--line);color:#fff;cursor:pointer;background:0 0;border-radius:50%;width:38px;height:38px;font-size:1.2rem}.ranking-list{border-top:1px solid var(--line)}.rank-row{border-bottom:1px solid var(--line);grid-template-columns:64px 1.1fr 1fr auto;align-items:center;gap:16px;padding:21px 8px;display:grid}.rank-row b{color:#737f9b;font-family:Space Grotesk}.rank-row span{font-weight:800}.rank-row em{color:#8994aa;font-style:normal}.rank-row strong{color:#ffd45d}.about-card{background:linear-gradient(135deg,#6d4cff,#4b34ca 55%,#213487);border-radius:30px;padding:70px;position:relative;overflow:hidden}.about-card:after{content:"";background:#ffffff1a;border-radius:50%;width:340px;height:340px;position:absolute;top:-110px;right:-90px}.about-card h2{max-width:700px;font-size:clamp(2.5rem,5vw,4.5rem)}.about-card p{color:#ebe8ff;max-width:670px;margin:20px 0 28px;font-size:1.06rem}.footer{border-top:1px solid var(--line);color:#7f899f;justify-content:space-between;align-items:center;gap:20px;padding-block:34px 44px;display:flex}.footer-brand .brand-text{font-size:.82rem}.rating-modal{color:#fff;width:min(420px,100% - 32px);box-shadow:var(--shadow);background:#0e162a;border:1px solid #ffffff26;border-radius:22px;padding:32px}.rating-modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02050dbf}.rating-modal h3{margin:2px 0;font-family:Space Grotesk;font-size:2rem}.rating-modal p{color:#9da7bd}.modal-close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:1.8rem;position:absolute;top:12px;right:14px}.modal-stars{gap:6px;display:flex}.modal-stars button{color:#4c5872;cursor:pointer;background:0 0;border:0;padding:0;font-size:2.2rem}.modal-stars button.hover,.modal-stars button.selected{color:#ffd45d}.rating-message{min-height:24px;font-weight:700;color:#5fe2c9!important}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:35px;padding-top:55px}.hero-visual{min-height:470px}.featured-card{grid-template-columns:1fr}.featured-art{min-height:360px}.game-grid{grid-template-columns:1fr}.section-head.stacked-mobile{flex-direction:column;align-items:flex-start;gap:22px}.rank-row{grid-template-columns:48px 1fr auto}.rank-row em{display:none}}@media (max-width:680px){.shell,.topbar{width:min(100% - 24px,1180px)}.topbar{height:66px}.menu-btn{display:block}.nav{border:1px solid var(--line);background:#0d1427;border-radius:14px;flex-direction:column;gap:8px;padding:14px;display:none;position:absolute;top:66px;left:0;right:0}.nav.open{display:flex}.nav a{padding:10px}.hero{min-height:auto;padding-block:46px}.hero h1{font-size:3.55rem}.hero-sub{font-size:1rem}.hero-stats{justify-content:space-between;gap:18px}.hero-visual{min-height:390px}.device{width:77%}.fc-one{top:90px;left:0}.fc-two{bottom:40px;right:0}.floating-card{padding:9px 11px}.featured,.games-section,.rankings,.about{padding-block:52px}.featured-info{padding:30px 24px}.featured-info h3{font-size:2.7rem}.featured-art{min-height:300px}.section-head{align-items:flex-start}.filters{flex-wrap:nowrap;width:100%;padding-bottom:4px;overflow-x:auto}.filter{white-space:nowrap}.game-art{height:205px}.about-card{padding:45px 25px}.footer{flex-direction:column;align-items:flex-start}.rank-row{grid-template-columns:42px 1fr auto;padding:17px 2px}.rank-row strong{font-size:.86rem}}@media (prefers-reduced-motion:no-preference){.ship,.nova-ship,.mini-ship{animation:3s ease-in-out infinite float}.floating-card{animation:4s ease-in-out infinite float2}.fc-two{animation-delay:-1.5s}@keyframes float{50%{transform:translateY(-8px)rotate(-22deg)}}@keyframes float2{50%{transform:translateY(-7px)}}}:root{--background:#070b16;--foreground:#f7f8fc;--muted-foreground:#a7b0c7;--border:#293248;--ring:#25d7c4}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit}:is(button:focus-visible,a:focus-visible){outline-offset:5px;outline:3px solid #25d7c4}button:disabled{opacity:.55;cursor:wait}.intro{padding:48px 0 24px}.intro h1{letter-spacing:-.045em;margin:0;font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(2.8rem,6vw,4.8rem);line-height:1.08}.intro h1 span{color:#a697ff}.intro p{color:var(--muted);margin-bottom:0;font-size:1.05rem}.eyebrow{font-size:.8rem}.featured{padding:14px 0 36px}.featured-card,.featured-art{min-height:360px}.featured-art img,.game-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.featured-info{padding:32px}.featured-info h2{letter-spacing:-.04em;margin:16px 0 6px;font-size:3rem;line-height:1.1}.play-note{color:#a7b0c7;margin-top:20px;font-size:.8rem}.game-art{color:#fff;text-decoration:none;display:block}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.game-art{height:175px}.game-body{padding:20px}.game-body p{font-size:1rem}.game-title-row h3{font-size:1.35rem}.game-body .score{color:#ffd45d;min-height:0;font-size:.8rem}.game-tags span,.meta-row span{font-size:.8rem}.icon-btn{width:44px;height:44px}.games-section,.rankings,.about{padding-block:36px}.section-head h2{font-size:clamp(2rem,4vw,2.8rem)}.filter{min-height:44px;font-size:.875rem}.title-art{background:linear-gradient(115deg,#0008,#0000);flex-direction:column;justify-content:center;gap:12px;height:100%;padding:22px;display:flex}.title-art b{text-transform:uppercase;letter-spacing:-.05em;max-width:220px;font-size:2.3rem;line-height:1}.title-art span{letter-spacing:.08em;font-size:.75rem;font-weight:800}.art-step{background:#bd5524}.art-tiny{background:#316541}.rank-row{color:inherit;text-decoration:none}.empty-rating{color:var(--muted);padding:20px}.rating-line{color:#ffd45d;font-size:.875rem}.about-card .eyebrow{color:#e0daff}.rate-dialog{z-index:101;color:#fff;background:#0e162a;border:1px solid #46506a;border-radius:22px;width:min(440px,100% - 32px);padding:32px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.rate-dialog h2{margin:0 0 14px;font-size:2rem}.rate-dialog p{color:#a7b0c7;line-height:1.5}.rate-dialog [data-slot=dialog-close]{color:#fff;background:0 0;border:0;position:absolute;top:15px;right:15px}.rate-dialog svg{width:22px;height:22px}[data-slot=dialog-overlay]{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#02050dc9;position:fixed;inset:0}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.modal-stars button{min-width:48px;min-height:48px}.modal-stars button:hover{color:#ffd45d}.noise{display:none}@media (max-width:1050px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.featured-card{grid-template-columns:1fr 1fr}.featured-art{min-height:340px}}@media (max-width:680px){.intro{padding-top:32px}.intro h1{font-size:2.8rem}.featured-card{grid-template-columns:1fr}.featured-art{min-height:220px}.featured-info{padding:24px}.featured-info h2{font-size:2.5rem}.game-grid{grid-template-columns:1fr}.game-art{height:210px}.section-head{gap:16px}.rank-row{grid-template-columns:28px 1fr}.rank-row strong{grid-column:2}.footer p{font-size:.85rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}