@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap";:root{font-family:Be Vietnam Pro,sans-serif;color:#f4f4fa;background:#0d0f17}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#29204b 0,transparent 42%),#0d0f17}.shell{max-width:980px;margin:auto;padding:22px 22px 60px}header,.brand,.stats,.bottom{display:flex;align-items:center;justify-content:space-between}.brand{justify-content:flex-start;gap:12px}.brand svg{width:42px;height:42px;padding:9px;border-radius:13px;background:linear-gradient(135deg,#8d5cf6,#4b7cff)}.brand small{display:block;color:#9294a6;font-size:9px;letter-spacing:.13em}.live,.hero small,.heading small{color:#b59bff;font-size:10px;font-weight:800;letter-spacing:.12em}.hero{margin:48px 0 28px;padding:32px;border:1px solid #37304f;border-radius:24px;background:linear-gradient(120deg,#5e39a147,#243d7424),#151522}.hero h1{font-size:clamp(34px,7vw,60px);line-height:1.12;letter-spacing:-.055em;margin:17px 0}.hero em{font-style:normal;background:linear-gradient(90deg,#b89aff,#72baff);color:transparent;-webkit-background-clip:text;background-clip:text}.hero p,.game p,footer p{color:#a2a4b5;font-size:13px;line-height:1.7}.stats{justify-content:flex-start;gap:38px;margin-top:28px}.stats b{font-size:16px}.stats small{display:block;color:#9b9caf;font-size:10px}.search{height:52px;display:flex;align-items:center;gap:12px;padding:0 15px;background:#171925;border:1px solid #303344;border-radius:14px;color:#9294a6}.search input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:inherit;font-size:13px}nav{display:flex;gap:8px;overflow:auto;margin:22px 0 34px}nav button{white-space:nowrap;background:#191b28;border:1px solid #303344;color:#a6a8b8;border-radius:30px;padding:10px 17px;font:600 12px inherit}nav button.active{background:#7651d7;border-color:#9876f4;color:#fff}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.heading h2{font-size:22px;margin:6px 0}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.game{overflow:hidden;border:1px solid #292c3b;border-radius:17px;background:#171925}.cover{height:180px;position:relative;background:#242638;display:grid;place-items:center}.cover img{width:100%;height:100%;object-fit:cover}.cover span{position:absolute;top:12px;left:12px;border-radius:6px;padding:6px 8px;background:#6f4bc8;color:#fff;font-size:9px;font-weight:800}.info{padding:15px}.info>small{font-size:9px;color:#9d8acb}.game h3{font-size:15px;margin:8px 0}.game p{font-size:11px;height:38px;overflow:hidden;margin:0 0 14px}.bottom{border-top:1px solid #2c2e3d;padding-top:13px}.bottom b{font-size:14px}.bottom del{display:block;font-size:10px;color:#85879a}.bottom>div{display:flex;gap:7px;align-items:center}.save,.bottom a,.state button{border:0;border-radius:9px;padding:9px 11px;background:#7651d7;color:#fff;text-decoration:none;font-size:10px}.save{background:#29233a;padding:8px}.state{text-align:center;padding:55px 15px;color:#a5a7b8;display:flex;align-items:center;flex-direction:column;gap:9px}.state p{font-size:12px}footer{border-top:1px solid #292c3b;margin-top:55px;padding-top:25px;color:#77798b;font-size:10px}@media(max-width:620px){.shell{padding:17px 15px 40px}.hero{padding:24px;margin-top:30px}.stats{gap:19px}.stats small{font-size:9px}.cards{grid-template-columns:1fr}.cover{height:190px}}.toolbar{display:flex;gap:10px;align-items:center}.platform{height:52px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #303344;border-radius:13px;background:#171925;color:#a5a7b8}.platform select{background:transparent;border:0;outline:0;color:#eee;font-size:11px}.platform option{background:#171925}.refresh{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #353447;border-radius:10px;background:#171925;color:#c9c5dc;font-size:11px}.search button{display:grid;place-items:center;border:0;background:none;color:#a5a7b8}.discount{position:absolute;right:11px;top:11px;padding:6px 8px;border-radius:6px;background:#e75e65;color:#fff;font-size:10px}.save.saved{color:#ff7194;background:#3a2334}.stats b{font-size:20px}.stats small{display:block;color:#9b9caf;font-size:10px;font-weight:500}.hero{position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:250px;height:250px;right:4%;top:-110px;border-radius:50%;background:#8059d533;filter:blur(25px)}@media(max-width:560px){.toolbar{align-items:stretch;flex-direction:column}.platform{justify-content:flex-start}.platform select{flex:1}.refresh{font-size:10px}.stats{gap:20px}.stats b{font-size:18px}}.refresh,.platform{min-height:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 16px;border:1px solid #38394d;border-radius:14px;background:linear-gradient(180deg,#1b1e2c,#171925);color:#d5d2e5;font-family:inherit;font-size:12px;font-weight:600;line-height:1;box-shadow:inset 0 1px #ffffff08}.refresh{cursor:pointer;white-space:nowrap;transition:border-color .18s,background .18s,transform .18s}.refresh:hover{border-color:#8065c6;background:#202033}.refresh:active{transform:translateY(1px)}.refresh:disabled{opacity:.6;cursor:wait}.refresh svg,.platform>svg{width:16px;height:16px;flex:0 0 auto;color:#b9a3f5}.platform{justify-content:flex-start;white-space:nowrap}.platform select{min-width:0;border:0;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;color:#e7e4f2;font:600 12px/1 inherit;cursor:pointer}.platform option{background:#171925;color:#e7e4f2}@media(max-width:560px){.refresh,.platform{height:48px;min-height:48px;border-radius:12px;font-size:11px}.platform select{font-size:11px}}.cover{position:relative;isolation:isolate;overflow:hidden}.cover img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.cover>span,.cover>.discount{z-index:2}.info{position:relative;z-index:1;display:flex;flex-direction:column;min-width:0}.game h3,.game p,.info>small,.bottom{position:relative;z-index:1}.bottom{min-height:42px;flex-shrink:0}.bottom>div{position:relative;z-index:3}.bottom a,.bottom button{position:relative;z-index:4;pointer-events:auto}.feedback-panel{margin-top:34px;padding:20px;border:1px solid #37304f;border-radius:18px;background:linear-gradient(120deg,#5e39a129,#243d741a),#151522}.feedback-intro{display:flex;align-items:center;gap:12px;color:#e9e5f7}.feedback-intro>svg{width:38px;height:38px;padding:9px;border-radius:12px;background:#7651d733;color:#c4aaff}.feedback-intro b{font-size:14px}.feedback-intro p{margin:4px 0 0;color:#a2a4b5;font-size:11px}.feedback-toggle,.feedback-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:12px 16px;border:0;border-radius:11px;background:#7651d7;color:#fff;font:600 12px inherit;cursor:pointer}.feedback-form{display:grid;gap:13px;margin-top:18px;padding-top:17px;border-top:1px solid #343044}.feedback-form label{display:grid;gap:7px;color:#d5d2e5;font-size:12px;font-weight:600}.feedback-form label small{display:inline;color:#999bad;font-weight:400}.feedback-form input,.feedback-form textarea,.feedback-form select{width:100%;min-width:0;padding:12px;border:1px solid #38394d;border-radius:10px;background:#10121d;color:#f4f4fa;font:400 12px/1.5 inherit;outline:none}.feedback-form input:focus,.feedback-form textarea:focus,.feedback-form select:focus{border-color:#9876f4}.feedback-form textarea{resize:vertical}.feedback-submit{margin-top:0;justify-self:start}.feedback-submit:disabled{opacity:.6;cursor:wait}.feedback-success,.feedback-error{display:flex;align-items:center;gap:7px;margin:0;font-size:12px}.feedback-success{color:#7ce0ad}.feedback-error{color:#ff9a9a}@media(max-width:560px){.feedback-panel{padding:16px}.feedback-toggle,.feedback-submit{width:100%}}.feedback-widget{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:12px;pointer-events:none}.feedback-fab{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 18px;border:1px solid #a88cff;border-radius:28px;background:linear-gradient(135deg,#8b5cf6,#5940c8);color:#fff;font:600 12px/1 inherit;box-shadow:0 8px 28px #0008,0 0 0 4px #8b5cf622;cursor:pointer}.feedback-fab svg{width:19px;height:19px;flex:0 0 auto}.feedback-panel{pointer-events:auto;width:min(360px,calc(100vw - 30px));max-height:min(70vh,560px);overflow-y:auto;margin:0;padding:18px;border:1px solid #51456f;border-radius:18px;background:#151522;box-shadow:0 14px 48px #000a}.feedback-panel .feedback-form{margin-top:14px}.feedback-panel .feedback-submit{width:100%;justify-self:stretch}@media(max-width:560px){.feedback-widget{right:max(12px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom))}.feedback-fab{min-height:48px;padding:0 16px}.feedback-panel{width:min(360px,calc(100vw - 24px));max-height:65vh;padding:15px}}.feedback-widget{position:fixed!important;top:auto!important;right:max(12px,env(safe-area-inset-right,0px))!important;bottom:max(12px,env(safe-area-inset-bottom,0px))!important;left:auto!important;z-index:99999;isolation:isolate}.feedback-fab{position:relative;z-index:2;touch-action:manipulation}.feedback-panel{position:relative;z-index:1;max-height:min(68dvh,560px)}@media(max-width:560px){.feedback-widget{right:max(12px,env(safe-area-inset-right,0px))!important;bottom:max(12px,env(safe-area-inset-bottom,0px))!important}.feedback-panel{max-height:min(62dvh,520px)}}