@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;800;900&family=Poppins:wght@400;500;600;700&display=swap');
:root{--bg:#060812;--panel:#0d1425;--text:#f5f7ff;--muted:#929db8;--line:#202a40;--cyan:#4de8ff;--purple:#9b6cff;--pink:#ff4fcf;--green:#48f2a5}
*{box-sizing:border-box}body{margin:0;font-family:Poppins,Arial;background:radial-gradient(circle at 10% 0%,#12334855,transparent 30%),radial-gradient(circle at 90% 0%,#49206a44,transparent 30%),var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:15px;width:min(1200px,92%);margin:auto}.nav{position:relative}.logo{font:900 22px Orbitron;letter-spacing:2px}.logo span{color:var(--cyan)}nav{position:sticky;top:0;z-index:20;background:#060812dd;border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.links{display:flex;gap:4px;flex-wrap:wrap}.links a{padding:9px 10px;border-radius:9px;color:#aeb8d0;font-size:12px;font-weight:600}.links a:hover{background:#4de8ff12;color:#fff}.menu{display:none;background:#111a2c;color:white;border:1px solid var(--line);padding:8px;border-radius:9px}.container{width:min(1200px,92%);margin:auto}.hero{padding:80px 0 60px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center}.kicker{color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase}.hero h1,.page h1{font:900 clamp(42px,7vw,78px)/1 Orbitron;margin:15px 0}.gradient{background:linear-gradient(90deg,var(--cyan),#fff,var(--purple),var(--pink));-webkit-background-clip:text;color:transparent;background-size:250%;animation:flow 7s linear infinite}@keyframes flow{to{background-position:250%}}p{color:var(--muted);line-height:1.75}.lead{max-width:750px}.actions,.controls{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-block;border:1px solid #4de8ff35;background:#101a2d;color:white;padding:11px 15px;border-radius:11px;font-weight:700;cursor:pointer}.btn:hover{border-color:#4de8ff99;transform:translateY(-1px)}.primary{background:linear-gradient(135deg,var(--cyan),var(--purple));color:#050711;border:0}.download{background:linear-gradient(135deg,var(--green),var(--cyan));color:#03110b;border:0}.card{background:linear-gradient(145deg,#111a2c,#090e1b);border:1px solid var(--line);border-radius:19px;padding:20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.section{padding:45px 0}.section h2{font:800 26px Orbitron}.page{padding:55px 0 25px}.game-art{height:155px;border-radius:14px;background:var(--art);display:flex;align-items:end;padding:16px;position:relative;overflow:hidden}.game-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.game-art h3{z-index:1;font:800 19px Orbitron;margin:0}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:12px 0}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{font-size:10px;padding:5px 8px;border:1px solid var(--line);border-radius:20px;color:#cbd4e8}.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stat{padding:18px;border:1px solid var(--line);border-radius:15px;background:#ffffff05}.stat b{font:800 24px Orbitron;display:block}.stat span{font-size:11px;color:var(--muted)}input,select{background:#0c1424;color:#fff;border:1px solid var(--line);border-radius:10px;padding:11px}.notice{padding:13px;border:1px solid #ffd45c30;background:#ffd45c08;border-radius:11px;color:#cbd2e3;font-size:11px;margin:18px 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.list{display:grid;gap:10px}.item{padding:15px;border:1px solid var(--line);border-radius:13px;background:#ffffff04}.item b{font-family:Orbitron}.rank{display:grid;grid-template-columns:45px 1fr auto;gap:12px;padding:13px;border:1px solid var(--line);border-radius:12px;margin:8px 0}.ranknum{color:var(--cyan);font:800 16px Orbitron}.rank small{display:block;color:var(--muted);font-size:10px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tile{height:150px;border-radius:15px;padding:14px;display:flex;align-items:end;background:linear-gradient(135deg,var(--a),var(--b));font:800 12px Orbitron;position:relative;overflow:hidden}.tile:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#000b)}.tile b{z-index:1}.quiz .question{display:none}.quiz .question.active{display:block}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{padding:15px;text-align:left;border:1px solid var(--line);border-radius:11px;background:#0b1323;color:#fff;cursor:pointer}.option.selected{border-color:var(--cyan);background:#4de8ff12}.specs{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.spec{padding:12px;border:1px solid var(--line);border-radius:10px}.spec small{display:block;color:var(--muted)}footer{text-align:center;border-top:1px solid var(--line);padding:28px;color:var(--muted);font-size:11px;margin-top:50px}.modal{display:none;position:fixed;inset:0;background:#000b;z-index:50;place-items:center;padding:20px}.modal.show{display:grid}.modalbox{width:min(760px,100%);max-height:90vh;overflow:auto;background:#0b1323;border:1px solid #4de8ff33;border-radius:20px;padding:22px}.close{float:right;background:none;color:white;border:1px solid var(--line);padding:7px 10px;border-radius:8px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#101a2c;border:1px solid #4de8ff55;padding:12px 16px;border-radius:10px;display:none;z-index:80}.toast.show{display:block}.settings{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}body.light{--bg:#eef2ff;--text:#101525;--muted:#59647d;--line:#cbd3e5}body.light nav{background:#eef2ffdd}body.light input,body.light select{background:white;color:#101525}
@media(max-width:900px){.links{display:none;position:absolute;top:72px;left:0;right:0;background:#080c18;padding:10px;flex-direction:column}.links.open{display:flex}.links a{text-align:center}.menu{display:block}.hero-grid,.two{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.statgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.grid,.gallery{grid-template-columns:1fr}.options{grid-template-columns:1fr}.specs{grid-template-columns:1fr 1fr}}