@font-face{font-family:Lexend;src:url('/ios/lexend.woff2')}*{box-sizing:border-box}html{color-scheme:dark;background:#09090b}body{margin:0;color:#f6f5f7;font-family:Lexend,system-ui,-apple-system,sans-serif;background:radial-gradient(ellipse at 100% 0,#3b061628,transparent 42%),#09090b;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.topbar{height:calc(74px + env(safe-area-inset-top));padding:calc(15px + env(safe-area-inset-top)) 22px 15px;display:flex;align-items:center;justify-content:space-between;background:#0a0a0de8;border-bottom:1px solid #ffffff0d;position:sticky;top:0;z-index:10;backdrop-filter:blur(20px)}.logo{width:116px;max-height:40px}.top-actions{display:flex;align-items:center;gap:14px}.ios-badge{font-size:10px;letter-spacing:1px;background:#ffffff08;border:1px solid #ffffff17;padding:6px 10px;border-radius:7px;color:#bebbc4}.avatar{color:white;background:#250d16;border:1px solid #542331;border-radius:50%;height:36px;width:36px}main{max-width:1050px;margin:auto;padding:28px 20px calc(104px + env(safe-area-inset-bottom))}.eyebrow{font-size:10px;letter-spacing:2.2px;color:#ff164a;font-weight:600;text-transform:uppercase}h1{font-size:28px;letter-spacing:-1px;margin:10px 0 14px;line-height:1.14}h2{font-size:19px;letter-spacing:-.5px;margin:25px 0 17px}p{color:#a4a1ab;font-size:13px;line-height:1.75}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.welcome h1{font-size:25px;margin:8px 0 0}.welcome small{font-size:11px;color:#8c8992}.live-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#ff1246;box-shadow:0 0 10px #ff124677;margin-right:5px}.hero{position:relative;min-height:310px;background:#171319;border:1px solid #ffffff17;border-radius:22px;overflow:hidden;display:flex;align-items:flex-end;padding:24px}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:70% center;inset:0;opacity:.66}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#110a12 1%,#110a12b0 46%,transparent 100%)}.hero-copy{position:relative;z-index:1;max-width:320px}.hero h2{font-size:30px;margin:8px 0 10px}.hero p{font-size:12px;color:#ded9e3;max-width:250px;margin-bottom:18px}.pill{display:inline-flex;font-size:9px;border:1px solid #ffffff24;background:#17131ba8;border-radius:100px;padding:6px 9px;letter-spacing:1px;gap:5px;align-items:center}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#ff103e,#df0736);border:1px solid #ff204e;border-radius:12px;color:#fff;padding:13px 19px;font-size:12px;font-weight:600;min-height:46px;box-shadow:0 5px 25px #ff003222}.secondary{display:inline-flex;align-items:center;justify-content:center;background:#18181d;color:white;border:1px solid #ffffff1c;border-radius:11px;padding:12px 16px;min-height:44px;font-size:12px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head button{border:0;background:transparent;color:#fd174a;font-size:10px}.section-head small{font-size:10px;color:#817e88}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 12px}.game-card{min-width:0}.game-cover{position:relative;border-radius:14px;aspect-ratio:16/10;overflow:hidden;border:1px solid #ffffff15;background:#151519}.game-cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.game-card:hover .game-cover img{transform:scale(1.03)}.game-cover .pill{position:absolute;bottom:8px;left:7px;background:#09090ce8;font-size:7px;padding:5px 7px;letter-spacing:.5px}.game-name{font-size:11px;font-weight:600;margin:10px 0 9px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.game-card button{width:100%;font-size:10px;min-height:37px;padding:8px 10px;border-radius:9px}.search{position:relative;margin:20px 0 14px}.search input{padding:14px 16px 14px 39px;width:100%;background:#131317;border:1px solid #ffffff10;border-radius:13px;font-size:13px;color:white;outline:none}.search:before{content:'⌕';position:absolute;left:14px;top:10px;color:#7e7988;font-size:24px}.search input:focus{border-color:#ff174a66}.filters{display:flex;overflow-x:auto;gap:7px;padding:2px 0 13px;scrollbar-width:none}.filters button{white-space:nowrap;font-size:10px;border-radius:100px;padding:10px 13px;background:#121216;color:#a9a4b1;border:1px solid #ffffff10}.filters button.active{background:#300b17;border-color:#ec133f;color:#fff}.help-card,.panel{border:1px solid #ffffff12;border-radius:18px;background:#121215;padding:20px;margin-top:24px}.help-card{display:flex;gap:13px;align-items:center}.help-icon{background:#26101a;color:#ff2050;border-radius:12px;font-size:22px;padding:10px}.help-card h3{font-size:12px;margin:0 0 6px}.help-card p{font-size:10px;margin:0}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:10px 9px calc(11px + env(safe-area-inset-bottom));background:#101013ed;border-top:1px solid #ffffff10;backdrop-filter:blur(24px);z-index:20}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;color:#827d8b;background:none;border:0;font-size:9px;min-width:60px}.bottom-nav button span{font-size:23px;height:25px}.bottom-nav button.active{color:#ff174a}.login{max-width:430px;margin:30px auto}.login .app-icon{width:66px;height:66px;border-radius:18px;margin-bottom:15px}.login form{margin-top:26px}label{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#c8c3ce;margin:17px 0}label input{border:1px solid #ffffff16;background:#111115;border-radius:11px;padding:14px;color:white;font-size:16px;outline:none}label input:focus{border-color:#ff174a}.login .primary{width:100%;margin-top:8px}.error{color:#ff7995!important;font-size:12px}.login a{color:#ff456a}.login .note{font-size:10px;text-align:center}.panel h2{margin-top:0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.metric{padding:16px;border:1px solid #ffffff0e;border-radius:13px;background:#09090b}.metric small{display:block;color:#8c8796;font-size:10px}.metric strong{display:block;font-size:18px;margin-top:8px}.row{display:flex;justify-content:space-between;gap:10px;padding:15px 0;border-bottom:1px solid #ffffff0d;font-size:11px}.row span{color:#918b9b}.stack{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;gap:12px;color:#98919e;font-size:12px}.loading span{width:18px;height:18px;border:2px solid #ffffff22;border-top-color:#ff174a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:110px;left:20px;right:20px;background:#252027;border:1px solid #ff164a55;padding:14px;border-radius:12px;z-index:50;font-size:12px}.empty{padding:40px 10px;text-align:center;color:#8e8799;font-size:12px}#install-gate{position:fixed;inset:0;z-index:99999;background:radial-gradient(ellipse at 50% 0,#480b21,#09090b 70%);overflow-y:auto;padding:calc(30px + env(safe-area-inset-top)) 25px calc(25px + env(safe-area-inset-bottom));display:grid;place-items:center}.install-card{max-width:400px}.app-icon{width:82px;height:82px;border-radius:24px;display:block;margin-bottom:30px;box-shadow:0 15px 50px #ff00321a}.install-card h1{font-size:40px;letter-spacing:-1.8px;line-height:1.08;margin:17px 0}.install-card p{font-size:13px}.install-card ol{padding:18px 18px 18px 36px;border:1px solid #ffffff15;border-radius:17px;background:#ffffff04;color:#b7b0c0;font-size:12px;line-height:2.2}.install-card strong{color:white}.install-note{font-size:10px!important;color:#817a8c!important}.install-arrow{color:#ff164a;font-size:40px;text-align:center}@media(min-width:720px){main{padding:38px 30px 120px}.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.hero{min-height:350px;padding:32px}.hero h2{font-size:38px}.hero-copy{max-width:420px}.hero p{max-width:330px}.game-name{font-size:14px}.bottom-nav{width:460px;left:50%;right:auto;transform:translateX(-50%);border-radius:20px 20px 0 0}.topbar{padding-left:calc((100vw - min(100vw,1000px))/2 + 20px);padding-right:calc((100vw - min(100vw,1000px))/2 + 20px)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}
