:root{--bg:#0d1033;--panel:#171c4d;--line:#2d3477;--txt:#f4f2ff;--mute:#aeb3e6;--bloom:#ff7ad9;--violet:#8f5bff;--mint:#4ff0c8;--sun:#ffc93d;--sky:#5fc8ff}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--txt);line-height:1.6}
a{color:var(--mint)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 20px;background:rgba(13,16,51,.92);border-bottom:2px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(6px)}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.35rem;color:#fff;text-decoration:none;letter-spacing:.3px}.logo img{width:44px;height:44px}
.nav ul{list-style:none;display:flex;gap:18px;margin:0;padding:0}.nav ul a{color:var(--mute);text-decoration:none;font-weight:800}
.hero{position:relative;overflow:hidden;text-align:center;padding:64px 20px 70px;background:radial-gradient(700px 360px at 50% 110%,#ff7ad955 0,transparent 70%),radial-gradient(900px 420px at 50% -10%,#3a2b9b 0,#151a55 55%,var(--bg) 100%)}
.stars{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(2px 2px at 12% 22%,#fff8 50%,transparent 51%),radial-gradient(2px 2px at 78% 18%,#fff9 50%,transparent 51%),radial-gradient(1.5px 1.5px at 40% 60%,#fff7 50%,transparent 51%),radial-gradient(2px 2px at 88% 70%,#fff8 50%,transparent 51%),radial-gradient(1.5px 1.5px at 25% 80%,#fff6 50%,transparent 51%),radial-gradient(2px 2px at 60% 35%,#fff7 50%,transparent 51%)}
.bloom{width:120px;height:120px;margin:0 auto;animation:float 4s ease-in-out infinite;filter:drop-shadow(0 10px 24px #ff7ad966)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-12px) rotate(4deg)}}
@media (prefers-reduced-motion:reduce){.bloom{animation:none}}
.hero h1{position:relative;font-size:clamp(2rem,6vw,3.5rem);margin:22px 0 10px;line-height:1.1;font-weight:900}.hero h1 span{background:linear-gradient(90deg,var(--bloom),var(--sun),var(--mint),var(--sky));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{position:relative;color:var(--mute);max-width:680px;margin:0 auto;font-size:1.1rem}
.badges{position:relative;display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:22px}.badge{background:#ffffff10;border:2px solid #ffffff22;border-radius:999px;padding:6px 16px;font-weight:800}
.section{max-width:1100px;margin:0 auto;padding:40px 20px}.section h2{font-size:1.9rem;margin:0 0 8px}
.prose{max-width:820px;margin:0 auto;padding:30px 20px 60px}.prose h1{font-size:2.2rem}.prose h2{margin-top:28px}.meta{color:var(--mute)}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px 20px;border-top:2px solid var(--line);color:var(--mute)}footer ul{list-style:none;display:flex;gap:16px;margin:0;padding:0}
.gamegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;margin-top:20px}
.game{background:linear-gradient(180deg,#1e2463,#151a4a);border:2px solid var(--line);border-radius:24px;padding:12px;text-decoration:none;color:var(--txt);display:flex;flex-direction:column;gap:6px;box-shadow:0 10px 30px #0006;transition:transform .15s,box-shadow .15s}
.game:hover{transform:translateY(-4px);box-shadow:0 14px 36px #ff7ad933}.game img{width:100%;height:auto;aspect-ratio:1;border-radius:22%;display:block}.game b{font-size:.98rem;line-height:1.25}
.gp{max-width:1000px;margin:0 auto;padding:24px 20px 50px}.back{font-weight:800;text-decoration:none}
.gp-head{display:flex;gap:22px;align-items:center;margin:18px 0 8px}.gp-head>div{min-width:0}.gp-ic{width:140px;height:140px;border-radius:22%;flex:none;border:2px solid var(--line)}
.gp h1{font-size:clamp(1.7rem,4.5vw,2.5rem);margin:0 0 8px;line-height:1.1}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px}.tags span{background:var(--panel);border:2px solid var(--line);font-weight:800;font-size:.85rem;padding:3px 12px;border-radius:999px}
.soon{margin:0;color:var(--mute);font-weight:700}.gp-short{font-size:1.15rem;font-weight:800;margin:16px 0}
.shots{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 10px}.shots img{width:100%;height:auto;border-radius:14px;border:2px solid var(--line);display:block}
.feats{padding-left:20px}.note{color:var(--mute)}.pn{display:flex;justify-content:space-between;gap:12px;margin-top:28px;font-weight:800}.pn a{text-decoration:none}.gp,.section{overflow-wrap:anywhere}
@media (max-width:600px){.nav ul{gap:12px}.logo{font-size:1.1rem}.shots{grid-template-columns:repeat(2,1fr)}.gp-head{gap:14px}.gp-ic{width:90px;height:90px}.gamegrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}}