@import "https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&family=Barlow+Condensed:wght@600;700;800;900&display=swap";:root{--bg-base:#0f1923;--bg-surface:#162030;--bg-surface-2:#1a2840;--bg-card:#1e2f42;--bg-card-hover:#243650;--bg-nav:#0f1923eb;--bg-modal:#0a1018d9;--border:#ffffff14;--border-hover:#ffffff2e;--border-accent:#0072ce80;--accent:#0072ce;--accent-light:#1a8ae0;--accent-bright:#3fa0f0;--accent-glow:#0072ce61;--accent-subtle:#0072ce1f;--psplus:#c6a84b;--psplus-bg:#c6a84b1f;--text-primary:#fff;--text-secondary:#8faabe;--text-muted:#4a6580;--text-accent:#3fa0f0;--color-free:#21c179;--color-sale:#ff6b35;--color-sale-bg:#ff6b3526;--color-star:#f5c842;--color-wishlist:#ff4d6d;--color-new:#7b5af5;--color-new-bg:#7b5af526;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--font-display:"Barlow Condensed", sans-serif;--font-body:"Barlow", sans-serif;--shadow-card:0 8px 32px #00000073;--shadow-hover:0 20px 50px #000000a6;--shadow-glow:0 0 30px var(--accent-glow);--t-fast:.14s ease;--t-med:.22s ease;--t-slow:.36s ease;--z-nav:50;--z-modal:100;--z-toast:200}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:var(--font-body)}::-webkit-scrollbar{width:5px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.page-wrap{max-width:1440px;margin:0 auto;padding:36px 48px 100px}@media (width<=1024px){.page-wrap{padding:24px 24px 80px}}@media (width<=768px){.page-wrap{padding:16px 16px 60px}}@media (width<=480px){.page-wrap{padding:12px 12px 50px}}.display-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.5px;font-weight:900;line-height:1}.section-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.section-heading{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary);font-size:20px;font-weight:800}.ps-card{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:transform var(--t-med), box-shadow var(--t-med), border-color var(--t-med);-webkit-tap-highlight-color:transparent;flex-shrink:0;position:relative;overflow:hidden}.ps-card:hover{box-shadow:var(--shadow-hover);border-color:var(--border-hover);transform:translateY(-6px)scale(1.015)}@media (width<=768px){.ps-card:hover{transform:translateY(-3px)scale(1.008)}}.ps-card:active{transition:transform .1s;transform:translateY(0)scale(.98)}.ps-card:hover .ps-card-overlay{opacity:1}.ps-card-art{aspect-ratio:3/4;width:100%;display:block;position:relative;overflow:hidden}@media (width<=640px){.ps-card-art{aspect-ratio:2.8/4}}.ps-card-overlay{opacity:.6;transition:opacity var(--t-med);background:linear-gradient(#0000 30%,#0f192380 55%,#0f1923fa 100%);flex-direction:column;justify-content:flex-end;padding:14px 12px 12px;display:flex;position:absolute;inset:0}@media (width<=640px){.ps-card-overlay{padding:12px 10px 10px}}.ps-card-info{background:var(--bg-card);padding:12px 12px 14px}@media (width<=640px){.ps-card-info{padding:10px 10px 12px}}.ps-card-wide .ps-card-art{aspect-ratio:16/9}.btn{border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}@media (width<=768px){.btn{min-height:48px;padding:12px 18px;font-size:14px}}@media (width<=480px){.btn{width:100%;min-height:52px;padding:14px 16px;font-size:13px}}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-light);box-shadow:var(--shadow-glow)}.btn-ghost{color:var(--text-primary);border:1px solid var(--border);background:#ffffff12}.btn-ghost:hover:not(:disabled){border-color:var(--border-hover);background:#ffffff21}.btn-outline{color:var(--accent-bright);border:1px solid var(--border-accent);background:0 0}.btn-outline:hover:not(:disabled){background:var(--accent-subtle)}.btn-danger{color:var(--color-wishlist);background:#ff4d6d1f;border:1px solid #ff4d6d47}.btn-danger:hover:not(:disabled){background:#ff4d6d38}.btn-psplus{background:var(--psplus-bg);color:var(--psplus);border:1px solid #c6a84b4d}.btn-psplus:hover:not(:disabled){background:#c6a84b38}.badge{border-radius:var(--radius-xs);letter-spacing:.8px;text-transform:uppercase;align-items:center;padding:3px 8px;font-size:10px;font-weight:800;display:inline-flex}@media (width<=768px){.badge{padding:4px 10px;font-size:9px}}@media (width<=480px){.badge{padding:5px 12px;font-size:8px}}.badge-new{background:var(--color-new-bg);color:var(--color-new);border:1px solid #7b5af54d}.badge-free{color:var(--color-free);background:#21c17926;border:1px solid #21c1794d}.badge-sale{background:var(--color-sale-bg);color:var(--color-sale);border:1px solid #ff6b354d}.badge-psplus{background:var(--psplus-bg);color:var(--psplus);border:1px solid #c6a84b40}.badge-top{color:var(--color-star);background:#f5c8421f;border:1px solid #f5c84240}.nav-link{cursor:pointer;color:var(--text-secondary);transition:all var(--t-fast);background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:5px 14px;font-size:14px;font-weight:500;display:inline-flex}.nav-link:hover{color:var(--text-primary);background:#ffffff12}.nav-link.active{color:var(--text-primary);background:#ffffff1a}@media (width<=768px){.desktop-nav{display:none!important}.mobile-menu-btn{display:block!important}}@media (width>=769px){.mobile-menu-btn,.mobile-menu-overlay{display:none!important}}.mobile-menu-overlay{animation:.3s forwards slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.chip{cursor:pointer;border:1px solid var(--border);color:var(--text-secondary);transition:all var(--t-fast);white-space:nowrap;background:0 0;border-radius:20px;padding:6px 16px;font-size:13px;font-weight:500}.chip:hover{border-color:var(--border-hover);color:var(--text-primary)}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.tag-pill{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff12;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:500}.gs-input{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;font-family:var(--font-body);transition:border-color var(--t-fast), background var(--t-fast);appearance:none;-webkit-tap-highlight-color:transparent;outline:none;width:100%;padding:10px 14px}@media (width<=768px){.gs-input{min-height:48px;padding:12px 14px;font-size:16px}}.gs-input:focus{border-color:var(--accent);background:#0072ce0f}.gs-input::placeholder{color:var(--text-muted)}.search-wrap{position:relative}.search-wrap .gs-input{padding-left:38px}@media (width<=768px){.search-wrap .gs-input{padding-left:44px}}.search-wrap .search-icon{color:var(--text-muted);pointer-events:none;font-size:15px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}@media (width<=768px){.search-wrap .search-icon{font-size:16px;left:14px}}.surface-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:22px 24px}@media (width<=768px){.surface-card{padding:18px 20px}}@media (width<=480px){.surface-card{padding:16px}}.hero-wrap{border-radius:var(--radius-xl);position:relative;overflow:hidden}.hero-art{width:100%;height:540px;position:relative}@media (width<=768px){.hero-art{height:400px}}@media (width<=480px){.hero-art{height:300px}}.hero-gradient{background:linear-gradient(100deg,#0f1923f7 0%,#0f1923b3 50%,#0f192333 100%);position:absolute;inset:0}.hero-noise{background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-opacity='0.018'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2zM6 4V0H4v4H0v2h4v4h2V6h4V4z'/%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{flex-direction:column;justify-content:flex-end;padding:52px 58px;display:flex;position:absolute;inset:0}@media (width<=768px){.hero-content{padding:32px 24px}}@media (width<=480px){.hero-content{padding:24px 16px}}.scroll-row{scroll-snap-type:x mandatory;gap:14px;padding-bottom:6px;display:flex;overflow-x:auto}.scroll-row::-webkit-scrollbar{height:3px}.scroll-row>*{scroll-snap-align:start}@media (width<=768px){.scroll-row{gap:12px;padding-bottom:8px}.scroll-row::-webkit-scrollbar{height:4px}}@media (width<=480px){.scroll-row{gap:10px;padding-bottom:10px}}.tab-bar{border-bottom:1px solid var(--border);gap:0;display:flex}.tab-btn{font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;color:var(--text-secondary);transition:all var(--t-fast);-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 24px}@media (width<=768px){.tab-btn{min-height:48px;padding:12px 16px;font-size:13px}}@media (width<=480px){.tab-btn{flex:1;min-height:52px;padding:14px 12px;font-size:12px}}.tab-btn:hover,.tab-btn.active{color:var(--text-primary)}.hero-dot{cursor:pointer;width:6px;height:6px;transition:all var(--t-med);background:#ffffff40;border:none;border-radius:50%;padding:0}.hero-dot.active{background:var(--accent);border-radius:3px;width:22px}.wish-btn{border:1px solid var(--border);cursor:pointer;width:32px;height:32px;transition:all var(--t-fast);backdrop-filter:blur(6px);color:var(--text-secondary);z-index:2;background:#0f1923bf;border-radius:50%;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;top:10px;right:10px}.wish-btn:hover{border-color:var(--border-hover);background:#ffffff1f;transform:scale(1.1)}.wish-btn.on{color:var(--color-wishlist);border-color:#ff4d6d66}.rating-bar{background:var(--bg-surface-2);border-radius:3px;flex:1;height:5px;overflow:hidden}.rating-bar-fill{background:var(--color-star);border-radius:3px;height:100%;transition:width .6s}.cat-card{border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;transition:all var(--t-med);flex-shrink:0;position:relative;overflow:hidden}.cat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-card);transform:translateY(-3px)}.store-badge{border-radius:var(--radius-sm);background:var(--bg-surface-2);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex}.store-badge:hover{border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-card-hover)}.iap-row{border-radius:var(--radius-sm);background:var(--bg-surface-2);border:1px solid var(--border);transition:all var(--t-fast);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.iap-row:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.divider{background:var(--border);height:1px;margin:20px 0}.toast{background:var(--bg-surface-2);border:1px solid var(--border-accent);color:var(--text-primary);border-radius:var(--radius-md);z-index:var(--z-toast);padding:12px 22px;font-size:14px;font-weight:500;animation:.3s slideUp;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.fade-up{animation:.42s forwards fadeUp}.fade-in{animation:.3s forwards fadeIn}.skel{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-card) 50%, var(--bg-surface) 75%);border-radius:var(--radius-sm);background-size:1000px 100%;animation:1.5s linear infinite shimmer}.games-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px;display:grid}@media (width<=1024px){.games-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}}@media (width<=768px){.games-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (width<=640px){.games-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (width<=380px){.games-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.scroll-fade-r{mask-image:linear-gradient(90deg,#000 80%,#0000 100%)}