*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#f2f6ff;background:radial-gradient(circle at 50% -25%,#263761,#10182d 42%,#0a1221 100%);min-height:100vh}a{color:inherit}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #83b2ff;outline-offset:3px}.wrap{max-width:1210px;margin:0 auto;padding:0 23px}.head{height:93px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;letter-spacing:.4px;font-size:22px;font-weight:900}.logo{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(130deg,#517ffa,#8bc9ff);box-shadow:0 7px 30px #3676ff55}.brand em{font-style:normal;color:#a7cbff}.head-note{font-size:12px;color:#a5b3d0}.hero{padding:54px 0 35px;max-width:810px}.eyebrow{color:#93b8ff;font-size:11px;letter-spacing:2px;font-weight:900}.hero h1{font-size:clamp(34px,5.8vw,62px);line-height:1.08;letter-spacing:-2px;margin:14px 0 18px}.hero h1 span{color:#8bb9ff}.hero p{font-size:16px;max-width:650px;line-height:1.8;color:#a7b6d2}.search-row{display:flex;gap:12px;margin:23px 0 27px}.search{width:min(520px,100%);border:1px solid #3e5076;border-radius:14px;background:#1c2b46;color:#fff;padding:15px 18px}.catalog-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:25px 0 17px}.catalog-title h2{font-size:25px;margin:0}.count{font-size:12px;color:#9eb1d0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.game-card{padding:18px;border:1px solid #374865;border-radius:22px;background:#1a2741;box-shadow:0 12px 35px #0002;display:flex;flex-direction:column;min-height:280px}.card-top{display:flex;align-items:center;justify-content:space-between}.game-icon{width:66px;height:66px;border-radius:18px;background:linear-gradient(140deg,#344c7b,#243552);display:grid;place-items:center;font-size:37px}.game-status{font-size:11px;color:#8ff0c3;border:1px solid #437766;border-radius:20px;padding:5px 9px}.game-card h3{font-size:23px;margin:18px 0 6px}.game-card p{font-size:13px;color:#aabbd4;line-height:1.65;margin:0 0 16px;flex:1}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:17px}.tag{border-radius:20px;background:#273a59;color:#b8c9e3;padding:5px 9px;font-size:11px}.play{display:inline-flex;justify-content:center;text-decoration:none;color:white;border-radius:12px;padding:13px;background:linear-gradient(110deg,#658dfa,#6d7ff1);font-size:13px;font-weight:900}.play:hover{filter:brightness(1.12)}.future{border-style:dashed;background:#172139}.future h3{color:#d9e4fb}.future p{color:#91a2c1}.future .game-icon{background:#24324e}.future .game-status{color:#a7b5cb;border-color:#52617d}.ad{margin:36px 0;border:1px dashed #435474;background:#17223b;color:#8296b7;border-radius:16px;min-height:105px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;font-size:12px}.ad small{font-size:10px;letter-spacing:2px}.about{border-top:1px solid #2e3c58;margin-top:45px;padding:20px 0 30px;max-width:760px}.about h2{font-size:19px}.about p{font-size:13px;color:#a0b0cc;line-height:1.85}.footer{border-top:1px solid #28364e;color:#8596b3;font-size:12px;padding:22px 0 35px}.empty{color:#aabbda;padding:10px}.hide{display:none}@media(max-width:950px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.wrap{padding:0 14px}.head{height:73px}.brand{font-size:19px}.logo{width:37px;height:37px}.head-note{display:none}.hero{padding:34px 0 24px}.hero h1{letter-spacing:-1px}.cards{grid-template-columns:1fr}.game-card{min-height:240px}.catalog-title h2{font-size:21px}}