:root{--bg: #060b1a;--text: #f2f5ff;--muted: #9aa6c6;--accent: #6aa6ff;--star: #ffc04d;--error: #ff8a80;--success-bg: rgb(52 211 153 / .14);--radius: 22px;--gutter: 20px;--tabbar-h: 64px;--anchor-h: 0px;--spring: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.2, .9, .25, 1);color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--accent);text-decoration:none}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}h1,h2,h3{line-height:1.2;margin:0 0 .5rem}h2{font-size:1.15rem}.muted{color:var(--muted)}.small{font-size:13px}.center{text-align:center}.error{color:var(--error)}.glass{position:relative;isolation:isolate;background:linear-gradient(135deg,#ffffff26,#ffffff0a),#0a102680;-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border:1px solid rgb(255 255 255 / .16);box-shadow:inset 0 1px #ffffff57,inset 0 -1px #ffffff0f,0 10px 30px #00000059}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgb(255 255 255 / .14),transparent 45%),radial-gradient(120% 70% at 15% 0%,rgb(255 255 255 / .1),transparent 60%)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass{background:#141c34f0}}@media(prefers-reduced-transparency:reduce){.glass{-webkit-backdrop-filter:none;backdrop-filter:none;background:#141c34f7}}.panel{background:linear-gradient(160deg,#ffffff17,#ffffff08);border:1px solid rgb(255 255 255 / .1);border-radius:var(--radius);box-shadow:inset 0 1px #ffffff24,0 8px 24px #00000038}.pressable{transition:transform .5s var(--spring),background-color .2s,box-shadow .25s,opacity .2s}.pressable:active{transform:scale(.95);transition-duration:.12s}.site{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:var(--anchor-h);transition:padding-bottom .4s var(--ease-out)}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(900px 520px at 8% -8%,rgb(79 140 255 / .28),transparent 62%),radial-gradient(760px 480px at 100% 4%,rgb(168 85 247 / .2),transparent 60%),radial-gradient(820px 600px at 50% 112%,rgb(20 184 166 / .14),transparent 62%),var(--bg)}.site-header{position:sticky;top:calc(10px + env(safe-area-inset-top));z-index:20;display:flex;align-items:center;gap:18px;height:64px;margin:calc(10px + env(safe-area-inset-top)) var(--gutter) 0;padding:0 10px 0 16px;border-radius:24px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;letter-spacing:-.01em;color:var(--text);flex:none}.logo-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#5b9dff,#7c5cff);color:#fff;font-size:16px;box-shadow:inset 0 1px #ffffff73,0 4px 12px #5b9dff73}.header-search{flex:1;max-width:460px}.header-nav{display:flex;gap:4px;margin-left:auto}.header-nav a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;color:#c8d1ea;font-weight:600;font-size:15px;transition:color .2s,background-color .25s,box-shadow .25s}.header-nav a:hover{color:var(--text)}.header-nav a.active{color:var(--text);background:#ffffff21;box-shadow:inset 0 1px #ffffff4d}.icon-btn{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:999px;color:var(--text);font-size:20px;cursor:pointer}button.icon-btn{font:inherit;font-size:20px}.site-main{flex:1;width:100%;padding:18px var(--gutter) 40px}.page-enter{animation:page-in .32s var(--ease-out) backwards}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:translateY(40px) scale(.96)}}.page{max-width:1120px;margin:0 auto}.page.narrow{max-width:720px}.page-title{font-size:clamp(1.7rem,6vw,2.2rem);font-weight:800;letter-spacing:-.02em;margin:6px 0 18px}.section-title{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;margin:26px 0 12px}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 var(--gutter);padding:22px 0 28px;border-top:1px solid rgb(255 255 255 / .08);font-size:14px}.site-footer p{margin:0}.footer-nav{display:flex;flex-wrap:wrap;gap:18px}.footer-nav a{color:var(--muted)}.footer-nav a:hover{color:var(--text)}.tab-bar{position:fixed;z-index:30;left:12px;right:12px;bottom:calc(10px + var(--anchor-h) + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);transition:bottom .4s var(--ease-out);height:var(--tabbar-h);padding:6px;border-radius:32px}.tab{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:26px;color:#c8d1ea;font-size:10.5px;font-weight:600;transition:color .25s}.tab svg{font-size:22px;transition:transform .5s var(--spring)}.tab.active{color:var(--text)}.tab:active svg{transform:scale(.82);transition-duration:.12s}.tab-lens{position:absolute;top:6px;bottom:6px;left:6px;width:calc((100% - 12px)/4);border-radius:26px;background:linear-gradient(180deg,#ffffff38,#ffffff12);box-shadow:inset 0 1px #ffffff73,inset 0 -1px #ffffff14,0 6px 16px #00000040;transform:translate(calc(var(--active) * 100%));transition:transform .6s var(--spring)}.search-box{display:flex;align-items:center;gap:8px;height:44px;padding:0 6px 0 14px;border-radius:999px;background:#ffffff14;border:1px solid rgb(255 255 255 / .12);box-shadow:inset 0 1px 3px #00000047;color:var(--muted);transition:border-color .2s,background-color .2s}.search-box svg{font-size:18px;flex:none}.search-box:focus-within{border-color:#6aa6ffb3;background:#ffffff1f}.search-box input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;color:var(--text);font:inherit;font-size:16px}.search-box input::placeholder{color:var(--muted)}.search-box input::-webkit-search-cancel-button{display:none}.search-clear{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:999px;background:#ffffff1f;color:var(--text);cursor:pointer;font-size:14px}.page-search{margin-bottom:6px}.chip-row{position:relative;display:flex;gap:8px;overflow-x:auto;margin:0 calc(-1 * var(--gutter)) 12px;padding:2px var(--gutter) 8px;scroll-padding:0 var(--gutter);scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--gutter),#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--gutter),#000 calc(100% - 28px),transparent)}.chip-row::-webkit-scrollbar{display:none}.chip{flex:none;height:40px;padding:0 16px;border-radius:999px;border:1px solid rgb(255 255 255 / .12);background:#ffffff0f;box-shadow:inset 0 1px #ffffff1f;color:var(--text);font:inherit;font-size:14px;font-weight:500;cursor:pointer}.chip:hover{background:#ffffff1a}.chip.active{background:linear-gradient(180deg,#5b9dff99,#5b9dff52);border-color:#96beff99;box-shadow:inset 0 1px #ffffff73,0 4px 14px #3b82f659;font-weight:600}.list-heading{display:flex;align-items:baseline;gap:4px;margin:0 0 14px;font-size:15px}.see-all{margin-left:auto;font-size:14px}.mosaic{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-auto-flow:dense;gap:16px 14px}.tile{min-width:0}.tile.big{grid-column:span 3;grid-row:span 3}.tile-link{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;color:var(--text)}.tile-art{display:block;aspect-ratio:1;border-radius:22%;overflow:hidden;background:#ffffff0f;box-shadow:0 6px 16px #00000059,inset 0 0 0 1px #ffffff0f}.tile.big .tile-art{border-radius:10%}.tile-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;font-size:11.5px;line-height:1.25;text-align:center;color:var(--muted)}.tile.big .tile-title{min-height:0;font-size:14px;font-weight:600;color:var(--text)}@media(hover:hover)and (pointer:fine){.mosaic{gap:15px}.mosaic .tile{aspect-ratio:1}.mosaic .tile-link{gap:0;border-radius:22%;overflow:hidden;box-shadow:0 6px 16px #00000059}.mosaic .tile.big .tile-link{border-radius:10%}.mosaic .tile-art{height:100%;border-radius:0;box-shadow:none}.mosaic .tile-title{position:absolute;inset:auto 0 0;min-height:0;padding:24px 8px 8px;background:linear-gradient(transparent,#000000d1);color:#fff;font-weight:600;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .35s var(--ease-out)}.mosaic .tile-link:hover{transform:translateY(-3px) scale(1.05);z-index:1}.mosaic .tile-link:hover .tile-title,.mosaic .tile-link:focus-visible .tile-title{opacity:1;transform:none}}.game-icon{flex-shrink:0;object-fit:cover;display:block}.game-icon.fill{width:100%;height:100%;border-radius:0}.game-icon-fallback{display:grid;place-items:center;color:#fff;font-weight:800}.game-icon-fallback.fill{font-size:2.2rem}.list-end{display:grid;place-items:center;min-height:72px;padding:18px 0}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgb(255 255 255 / .15);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{display:block;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1c 37%,#ffffff0d 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}.skeleton.line{height:14px;width:80%;border-radius:7px}.skeleton.line.short{width:45%}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 20px;border-radius:999px;border:1px solid transparent;color:var(--text);font:inherit;font-weight:600;cursor:pointer}.btn-primary{background:linear-gradient(180deg,#4d8dff,#2563eb);color:#fff;box-shadow:inset 0 1px #ffffff59,0 6px 18px #2563eb66}.btn-glass{background:#ffffff14;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff2e}.btn:disabled{opacity:.6;cursor:default}.list{display:flex;flex-direction:column;overflow:hidden;padding:4px 0;transition:opacity .2s}.list.stale{opacity:.55}.game-row,.list-item{position:relative;display:flex;align-items:center;color:var(--text)}.game-row{gap:12px;min-height:68px;padding:8px 14px}.list-item{justify-content:space-between;min-height:54px;padding:0 16px;font-weight:500}.list-item svg{color:var(--muted);font-size:18px}.game-row+.game-row:before,.list-item+.list-item:before{content:"";position:absolute;top:0;right:0;left:78px;height:1px;background:#ffffff12}.list-item+.list-item:before{left:16px}.game-row:hover,.list-item:hover{background:#ffffff0d}.game-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.game-row-body strong,.game-row-body .muted{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-row-body strong{font-weight:600}.game-row-body .muted{font-size:13px}.game-row-rating{flex:none;font-size:13px;font-weight:700;color:var(--star)}.empty{padding:24px 4px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.category-card{display:flex;flex-direction:column;gap:2px;min-height:132px;padding:14px;color:var(--text)}.category-card:hover{border-color:#fff3}.category-thumbs{display:flex;margin-bottom:auto;padding-bottom:10px}.category-thumbs img{width:44px;height:44px;border-radius:12px;border:2px solid #111a36;margin-left:-12px;box-shadow:0 4px 10px #00000059}.category-thumbs img:first-child{margin-left:0}.category-card strong{font-size:16px}.category-card .muted{font-size:13px}.detail-top{display:flex;align-items:center;gap:14px;margin-bottom:16px}.back-btn{display:inline-flex;align-items:center;gap:2px;height:40px;padding:0 16px 0 8px;border-radius:999px;color:var(--text);font:inherit;font-size:15px;font-weight:600;cursor:pointer}.back-btn svg{font-size:22px}.breadcrumb{font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb a{color:var(--muted)}.breadcrumb a:hover,.breadcrumb span{color:var(--text)}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}.detail-header{display:flex;align-items:center;gap:18px;margin-bottom:18px}.detail-header .game-icon{box-shadow:0 10px 28px #00000073}.detail-heading{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1}.detail-heading h1{font-size:clamp(1.4rem,5.2vw,2.1rem);letter-spacing:-.02em;margin:0}.developer{margin:0;color:var(--accent);font-weight:500}.pill{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:999px;background:#ffffff14;border:1px solid rgb(255 255 255 / .12);color:var(--text);font-size:13px;font-weight:500}.stats{display:flex;overflow-x:auto;margin:0 0 16px;padding:14px 4px;scrollbar-width:none}.stats::-webkit-scrollbar{display:none}.stat{flex:1 0 auto;min-width:86px;display:flex;flex-direction:column-reverse;align-items:center;padding:0 12px;border-left:1px solid rgb(255 255 255 / .1)}.stat:first-child{border-left:0}.stat dd{margin:0;font-size:16px;font-weight:700;white-space:nowrap}.stat dt{margin-top:2px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.store-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.store-btn{display:flex;align-items:center;justify-content:center;gap:10px;height:56px;padding:0 16px;border-radius:18px;border:1px solid rgb(255 255 255 / .18);background:linear-gradient(180deg,#3b7bff,#1d4fd8);color:#fff;font:inherit;font-size:16px;font-weight:700;line-height:1.1;text-align:left;box-shadow:inset 0 1px #ffffff59,0 8px 22px #2563eb66;cursor:pointer}.store-btn svg{font-size:22px;flex:none}.store-btn small{display:block;font-size:11px;font-weight:500;opacity:.85}.store-btn-soon{background:#ffffff12;color:var(--text);box-shadow:inset 0 1px #ffffff26}.install-bar{position:fixed;z-index:25;left:12px;right:12px;bottom:calc(var(--tabbar-h) + 20px + var(--anchor-h) + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;padding:8px 8px 8px 10px;border-radius:24px;opacity:0;pointer-events:none;transform:translateY(40px) scale(.96);transition:transform .6s var(--spring),opacity .25s,bottom .4s var(--ease-out)}.install-bar.show{opacity:1;pointer-events:auto;transform:none}.install-bar .game-icon{border-radius:10px!important}.install-bar-text{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.install-bar-text strong,.install-bar-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-bar-text span{font-size:13px}.install-bar .btn{height:40px;padding:0 24px}.h-scroll{display:flex;gap:12px;overflow-x:auto;padding:4px 0 12px;scroll-snap-type:x mandatory;scrollbar-width:thin}.h-scroll>*{flex:none;scroll-snap-align:start}.shot{height:240px;padding:0;border:0;border-radius:18px;overflow:hidden;background:#ffffff0f;cursor:zoom-in;box-shadow:0 8px 22px #00000059}.shot img{display:block;height:100%;width:auto}.related-item{width:92px}.ad{margin:14px 0 20px;text-align:center}.ad-label{display:block;margin-bottom:4px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.ad-boxes{display:flex;justify-content:space-evenly;align-items:flex-start;gap:16px}.ad-box{display:grid;place-items:center;width:min(336px,100%);flex:none;overflow:hidden;border-radius:18px;background:#ffffff0a;transition:width .3s var(--ease-out)}.ad-placeholder{display:grid;place-items:center;width:100%;height:280px;border:1px dashed rgb(255 255 255 / .16);border-radius:14px;color:var(--muted);font-size:13px}.ad-tile{grid-column:1 / -1;list-style:none}.ad-tile .ad{margin:6px 0}.ad-feed .ad-box{width:min(970px,100%);margin:0 auto}.ad-feed .ad-placeholder{height:250px}.ad-anchor-demo{position:fixed;z-index:24;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:12px;padding-bottom:env(safe-area-inset-bottom);background:#e9edf7;color:#35405c;font-size:13px;box-shadow:0 -2px 12px #00000059}.ad-anchor-close{position:absolute;top:-28px;right:8px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:999px 999px 0 0;background:#e9edf7;color:#35405c;cursor:pointer}.card{padding:20px;margin-bottom:16px}.card p{margin:0}.tips{margin:0;padding-left:20px}.tips li+li{margin-top:8px}.stars{position:relative;display:inline-block;line-height:1;letter-spacing:1px}.stars-empty{color:#ffffff29}.stars-full{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;white-space:nowrap;color:var(--star)}.ratings{display:flex;gap:28px;align-items:center}.ratings-score{text-align:center}.big-number{display:block;font-size:3rem;font-weight:800;line-height:1;margin-bottom:6px}.ratings-bars{flex:1}.bar-row{display:grid;grid-template-columns:14px 1fr 40px;gap:10px;align-items:center;font-size:13px}.bar-row+.bar-row{margin-top:6px}.bar{height:8px;background:#ffffff14;border-radius:999px;overflow:hidden}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#4d8dff,#8b7bff)}.card .game-row{padding:8px 0;min-height:64px}.card .game-row+.game-row:before{left:64px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:end center;padding:16px 16px calc(16px + env(safe-area-inset-bottom));background:#00000073;animation:fade-in .2s}.modal{width:100%;max-width:420px;padding:22px;border-radius:28px;animation:sheet-in .5s var(--spring)}.modal-actions{display:flex;justify-content:flex-end;margin-top:18px}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#030610e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:fade-in .25s}.lightbox-track{display:flex;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.lightbox-track::-webkit-scrollbar{display:none}.lightbox-slide{flex:0 0 100%;display:grid;place-items:center;padding:calc(72px + env(safe-area-inset-top)) 12px calc(24px + env(safe-area-inset-bottom));scroll-snap-align:center}.lightbox-slide img{max-width:100%;max-height:100%;border-radius:18px;object-fit:contain;box-shadow:0 20px 50px #00000080}.lightbox-bar{position:absolute;top:calc(14px + env(safe-area-inset-top));left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.lightbox-bar>*{pointer-events:auto}.lightbox-count{padding:8px 14px;border-radius:999px;font-size:14px;font-weight:600}.prose h2{margin-top:28px}.form{display:flex;flex-direction:column;gap:14px;margin-top:20px}.form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.form input,.form textarea{padding:12px 14px;border-radius:14px;border:1px solid rgb(255 255 255 / .12);background:#ffffff0f;color:var(--text);font:inherit;font-size:16px;font-weight:400}.form input:focus,.form textarea:focus{outline:0;border-color:#6aa6ffb3}.form button{align-self:flex-start}.success{background:var(--success-bg);margin-top:20px}@media(min-width:761px){.show-mobile{display:none!important}.store-buttons{display:flex}.store-btn{min-width:200px}.install-bar{left:50%;right:auto;bottom:calc(20px + var(--anchor-h));width:min(460px,calc(100% - 32px));transform:translate(-50%,40px) scale(.96)}.install-bar.show{transform:translate(-50%)}.modal-backdrop{place-items:center}}@media(min-width:1024px){.detail-layout{grid-template-columns:minmax(0,1fr) 340px}.detail-side{position:sticky;top:100px}}@media(max-width:760px){:root{--gutter: 14px}.hide-mobile{display:none!important}.site{padding-bottom:calc(var(--tabbar-h) + 20px + var(--anchor-h) + env(safe-area-inset-bottom))}.site-header{justify-content:space-between;height:58px;padding:0 7px 0 12px;border-radius:22px}.site-main{padding-top:14px}.mosaic{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:14px 12px}.tile.big{grid-column:span 2;grid-row:span 2}.h-scroll{margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter) 12px;scroll-padding:0 var(--gutter);scrollbar-width:none}.h-scroll::-webkit-scrollbar{display:none}.shot{height:210px}.related-item{width:80px}.ratings{gap:18px}.category-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.site-footer{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
