*{box-sizing:border-box}body{margin:0;background:#070910;color:#f4f6fb;font-family:Tahoma,Arial,sans-serif}header{height:70px;position:sticky;top:0;z-index:5;background:#090b12ee;backdrop-filter:blur(12px);border-bottom:1px solid #202532;display:flex;align-items:center;padding:0 5%;gap:30px}.logo{font-size:20px;font-weight:900}.logo:first-letter{color:#9c82ff}nav{display:flex;gap:5px;flex:1}nav button{border:0;background:transparent;color:#929aaa;padding:10px 14px;border-radius:9px;cursor:pointer}nav button:hover,nav button.active{background:#1b1730;color:#fff}.count{font-size:11px;color:#a99aff;border:1px solid #3a3157;border-radius:99px;padding:7px 10px}.page{display:none;max-width:1220px;margin:auto;padding:45px 24px 80px}.page.active{display:block}.hero{text-align:center;padding:65px 10px 45px}.hero.compact{padding:25px 10px 35px}.hero>span{color:#9b87ff;font-size:11px;letter-spacing:2px;font-weight:bold}.hero h1{font-size:50px;margin:15px 0}.hero p{max-width:700px;margin:0 auto 25px;color:#929aaa;line-height:1.8}.search{height:56px;max-width:720px;margin:auto;background:#11151e;border:1px solid #323847;border-radius:14px;display:flex;padding:6px}.search input{flex:1;background:transparent;border:0;outline:0;color:#fff;font:inherit;padding:0 12px}.search button{border:0;background:#7563d9;color:white;border-radius:9px;padding:0 18px;cursor:pointer}.chips{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:14px}.chips button,#filters button{background:#11151e;border:1px solid #2b3140;color:#bfc6d3;border-radius:99px;padding:9px 12px;cursor:pointer}.chips button:hover,#filters button.on{background:#1b1730;border-color:#6555aa;color:white}.head{display:flex;justify-content:space-between;align-items:center;margin:20px 0}.head h2{margin:0}.head p{color:#818a9b}.head button{border:0;background:none;color:#a99aff;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:15px}.card{background:#10141d;border:1px solid #272d3a;border-radius:16px;overflow:hidden}.cover{height:135px;background:linear-gradient(135deg,#171d2a,#29204b);display:grid;place-items:center;font-size:48px}.content{padding:14px}.content h3{margin:0 0 8px}.meta{font-size:11px;color:#8d96a7;line-height:1.8}.tags{margin:9px 0}.tag{font-size:9px;background:#1b202b;padding:4px 6px;border-radius:5px;margin-left:3px}.card a{display:inline-block;text-decoration:none;background:#7563d9;color:white;border-radius:8px;padding:8px 10px;font-size:11px}.toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:18px}.toolbar>input,.toolbar select{background:#11151e;color:#ddd;border:1px solid #303746;border-radius:10px;padding:11px;outline:0}.toolbar>input{flex:1;min-width:220px}.toolbar select{min-width:135px}#filters{display:flex;gap:5px;flex-wrap:wrap}#pagination{display:flex;justify-content:center;gap:5px;margin:25px 0;flex-wrap:wrap}#pagination button{border:1px solid #2b3140;background:#11151e;color:#ccd2de;border-radius:8px;padding:8px 11px;cursor:pointer}#pagination button.active{background:#7563d9;color:white}.accounts{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.accounts article{background:#10141d;border:1px solid #282e3b;border-radius:16px;padding:20px}.accounts b{font-size:20px}.accounts p{color:#8992a3;line-height:1.7;font-size:12px;min-height:42px}.accounts button{border:0;background:#272d3a;color:#aeb6c5;padding:9px 12px;border-radius:8px}footer{border-top:1px solid #202532;color:#737c8d;padding:24px 5%;text-align:center;font-size:11px}@media(max-width:700px){header{padding:0 15px;gap:10px}nav{overflow:auto}nav button{padding:8px}.count{display:none}.hero h1{font-size:38px}.page{padding:30px 14px 65px}.head{align-items:flex-start}.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}
.assistant-box{max-width:900px;margin:0 auto 35px;background:#0f131c;border:1px solid #292f3c;border-radius:16px;padding:18px;display:flex;justify-content:space-between;align-items:center;gap:18px}.assistant-box p{margin:6px 0 0;color:#818a9b;font-size:12px}.assistant-actions{display:flex;gap:8px;flex-wrap:wrap}.assistant-actions button{border:1px solid #353c4b;background:#171c27;color:#fff;border-radius:9px;padding:10px 13px;cursor:pointer}.assistant-actions button:hover{border-color:#7563d9;background:#1d1931}.store-row{display:flex;gap:6px;flex-wrap:wrap}.store{display:inline-block;text-decoration:none;color:#fff;background:#7563d9;padding:8px 10px;border-radius:8px;font-size:11px}.store.steam{background:#1c2734}.store.epic{background:#242424}.hint{color:#9b87ff;font-size:12px;margin:-5px 0 15px}@media(max-width:700px){.assistant-box{flex-direction:column;align-items:stretch}.assistant-actions button{flex:1}}

.cover{overflow:hidden;display:flex;align-items:center;justify-content:center}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover span{font-size:42px}
.search-wrap{position:relative;max-width:900px;margin:auto}.suggestions{display:none;position:absolute;z-index:50;top:calc(100% + 7px);right:0;left:0;background:#10151f;border:1px solid #303747;border-radius:12px;padding:6px;box-shadow:0 20px 50px rgba(0,0,0,.35);text-align:right}.suggestions.show{display:block}.suggestion{width:100%;display:flex;align-items:center;gap:10px;background:transparent;color:#fff;border:0;padding:9px;border-radius:9px;cursor:pointer;text-align:right}.suggestion:hover{background:#1b2130}.suggestion img{width:72px;height:38px;object-fit:cover;border-radius:6px}.suggestion>span:first-child:not(:last-child){font-size:25px;width:72px;text-align:center}.suggestion span:last-child{display:flex;flex-direction:column}.suggestion small{color:#8790a2;margin-top:3px}.empty{grid-column:1/-1;text-align:center;padding:40px;color:#8e97a8}

.wishlist-panel{margin:0 0 38px;padding:18px;border:1px solid #292f3c;border-radius:16px;background:#0d1119}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.wishlist-empty{text-align:center;padding:28px;color:#8992a4;grid-column:1/-1}.wishlist-empty small{display:block;margin-top:7px}.wishlist-btn{width:100%;margin-top:9px;padding:9px;border-radius:8px;border:1px solid #353c4b;background:#171c27;color:#fff;cursor:pointer;font-size:11px}.wishlist-btn:hover{border-color:#9b87ff}.wishlist-btn.saved{background:#211a35;border-color:#8067df;color:#c8baff}.cover{position:relative}.cover .cover-emoji{display:none;position:absolute;font-size:42px}.cover.fallback .cover-emoji{display:block}.cover.fallback img{opacity:0}
