:root{
  --bg:#3f3a68;
  --bg2:#302a55;
  --panel:#f6f8ff;
  --panel2:#ffffff;
  --line:#c8d0df;
  --text:#173050;
  --muted:#5f718f;
  --mint:#c8fff4;
  --mint2:#9eeddf;
  --cream:#fff5ce;
  --orange:#ff6d24;
  --orange2:#ffb14b;
  --blue:#223e67;
  --blue2:#4c719b;
  --pink:#ff4f88;
  --gap:5px;
  --radius:15px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:ui-rounded,"Trebuchet MS",Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;
  background:
    radial-gradient(circle at 9% 8%,rgba(112,232,255,.20),transparent 32%),
    radial-gradient(circle at 92% 2%,rgba(255,206,92,.18),transparent 30%),
    radial-gradient(circle at 80% 82%,rgba(255,98,152,.13),transparent 28%),
    linear-gradient(180deg,var(--bg),var(--bg2));
  color:var(--text);
  min-height:100vh;
}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{display:block;max-width:100%}
.wrap{width:100%;max-width:none;margin:0;padding:0 7px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-header{
  position:sticky;top:0;z-index:50;
  background:linear-gradient(135deg,#b9fff3 0%,#dffff8 44%,#fff1bf 100%);
  border-bottom:3px solid rgba(255,255,255,.82);
  box-shadow:0 10px 26px rgba(20,18,58,.22);
}
.header-row{width:100%;display:flex;align-items:center;gap:10px;padding:9px 12px 7px}
.logo{
  position:relative;isolation:isolate;overflow:hidden;
  display:flex;align-items:center;gap:8px;flex:0 0 auto;
  height:50px;padding:0 16px 0 15px;border-radius:22px;
  background:linear-gradient(180deg,#fff,#fff7df);
  border:2px solid rgba(255,255,255,.95);
  box-shadow:0 5px 0 rgba(64,73,128,.20),inset 0 -4px 0 rgba(255,177,68,.20);
  line-height:1;font-weight:1000;letter-spacing:-.8px;color:#173050;
}
.logo:before{content:"";position:absolute;inset:auto -18px -32px auto;width:88px;height:88px;border-radius:50%;background:rgba(255,121,45,.15);z-index:-1}
.logo-mark{width:34px;height:34px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#ff7b2a,#ffca42);color:#fff;font-size:15px;font-weight:1000;box-shadow:inset 0 -3px 0 rgba(0,0,0,.10)}
.logo-word{display:flex;align-items:baseline;gap:3px;font-size:25px;white-space:nowrap}
.logo-word .g1{color:#2b72ff}.logo-word .g2{color:#ff4f88}.logo-word .g3{color:#21b96d}
.logo-domain{margin-left:2px;padding:4px 7px;border-radius:999px;background:#eafaf7;color:#31536c;font-size:11px;letter-spacing:0;font-weight:1000}
.nav-track{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
.nav-track::-webkit-scrollbar,.quick-tabs::-webkit-scrollbar{display:none}
.nav-chip{
  flex:0 0 auto;display:flex;align-items:center;gap:7px;min-height:42px;
  padding:5px 13px 5px 6px;border-radius:999px;color:#253b5b;
  font-weight:1000;font-size:14px;background:rgba(255,255,255,.66);
  border:2px solid rgba(255,255,255,.82);
  box-shadow:0 3px 0 rgba(43,64,100,.10),inset 0 -2px 0 rgba(0,0,0,.045);
  cursor:pointer;white-space:nowrap;transition:transform .12s ease,background .12s ease,box-shadow .12s ease;
}
.nav-chip img{width:31px;height:31px;border-radius:11px;object-fit:cover;box-shadow:0 2px 0 rgba(0,0,0,.10)}
.nav-chip:hover,.nav-chip.active{background:#fff;transform:translateY(-1px);box-shadow:0 4px 0 rgba(43,64,100,.16),inset 0 -2px 0 rgba(255,169,54,.20)}
.search-box{flex:0 0 270px;display:flex;align-items:center;gap:8px;height:42px;border-radius:999px;padding:0 13px;background:rgba(255,255,255,.88);border:2px solid rgba(255,255,255,.95);color:var(--muted);font-weight:1000;box-shadow:0 4px 0 rgba(43,64,100,.10),inset 0 -2px 0 rgba(0,0,0,.04)}
.search-box input{border:0;outline:0;background:transparent;width:100%;font-weight:900;color:var(--text)}
.search-box button{border:0;background:transparent;padding:0;cursor:pointer;font-weight:1000;color:#2b5078}
.quick-tabs{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:6px 12px 10px;scrollbar-width:none}
.quick-tabs a{flex:0 0 auto;border:0;cursor:pointer;padding:9px 15px;border-radius:15px;color:#fff;font-weight:1000;background:linear-gradient(180deg,var(--orange2),var(--orange));box-shadow:0 4px 0 rgba(122,55,21,.25),inset 0 1px 0 rgba(255,255,255,.30)}
.quick-tabs a.secondary{background:linear-gradient(180deg,var(--blue2),var(--blue))}
.quick-tabs a:hover{transform:translateY(-1px)}
main.wrap{padding-top:7px;padding-bottom:26px}
.section{margin:0 0 9px}
.section-card,.page-card,.game-hero-card,.description,.download-box,.screenshots-section,.compact-section,.category-card{
  background:linear-gradient(180deg,#fbfdff,#e8edf7);
  border:2px solid rgba(255,255,255,.82);
  border-radius:20px;
  box-shadow:0 6px 0 rgba(0,0,0,.12),0 16px 30px rgba(0,0,0,.18);
  overflow:hidden;
}
.section-head,.page-title{height:35px;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 9px 8px;transform:translateY(-1px);border-radius:0 0 15px 15px;background:linear-gradient(180deg,var(--orange2),var(--orange));color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.12);box-shadow:inset 0 -3px 0 rgba(255,255,255,.24),0 4px 0 rgba(122,58,20,.14);padding:0 12px}
.section-head h2,.page-title h1{margin:0;font-size:17px;font-weight:1000;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-title p{margin:0;font-size:13px;font-weight:1000;color:#fff;opacity:.95}.section-body{padding:0 7px 9px}.see-all{font-size:12px;font-weight:1000;background:rgba(255,255,255,.24);border-radius:999px;padding:5px 9px;margin-left:auto}.game-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);align-items:stretch}.game-card{position:relative;display:block;aspect-ratio:1/1;border-radius:var(--radius);overflow:hidden;background:#d7ddea;border:2px solid rgba(255,255,255,.94);box-shadow:0 3px 0 rgba(46,50,79,.22),0 5px 8px rgba(0,0,0,.13);cursor:pointer;transform:translateZ(0);transition:transform .12s ease,box-shadow .12s ease}.game-card img{width:100%;height:100%;object-fit:cover;display:block}.game-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 34%,rgba(0,0,0,.05));pointer-events:none}.game-card:hover{transform:translateY(-2px) scale(1.012);z-index:4}.game-card strong,.game-card small,.badge,.play-dot{display:none!important}.empty{grid-column:1/-1;padding:40px 20px;text-align:center;color:#fff;font-weight:900;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);border-radius:18px}.pagination{display:flex;gap:8px;justify-content:center;margin:18px 0;flex-wrap:wrap}.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 13px;border-radius:14px;border:2px solid rgba(255,255,255,.85);background:#fff;font-weight:1000;box-shadow:0 4px 0 rgba(0,0,0,.12)}.pagination span{background:linear-gradient(180deg,var(--orange2),var(--orange));color:#fff}.category-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:0 0 16px}.category-card{display:flex;align-items:center;gap:10px;padding:10px;min-width:0;color:#173050;box-shadow:0 4px 0 rgba(0,0,0,.12),0 10px 18px rgba(0,0,0,.16)}.category-card img{width:48px;height:48px;object-fit:cover;border-radius:15px;border:2px solid #fff;flex:0 0 auto}.category-card strong{display:block;font-size:15px;font-weight:1000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-card span{display:block;color:#60728c;font-size:12px;font-weight:900}.category-card:hover{transform:translateY(-2px)}.breadcrumb{display:flex;align-items:center;gap:7px;margin:2px 0 7px;color:#e9f3ff;font-weight:900;font-size:14px;overflow:auto;white-space:nowrap}.breadcrumb a{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:6px 10px;border-radius:999px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:12px;align-items:start}.game-main{min-width:0}.game-hero-card{display:block;padding:13px}.game-info{display:grid;grid-template-columns:150px minmax(0,1fr) 118px;gap:16px;align-items:center}.game-icon{width:150px;height:150px;border-radius:30px;object-fit:cover;box-shadow:0 7px 0 rgba(0,0,0,.18);background:#d7ddea}.game-info h1{margin:0 0 6px;font-size:34px;line-height:1;color:#132c4f;letter-spacing:-.03em}.summary{font-size:15px;line-height:1.45;color:#4f6482;font-weight:800;margin:0 0 12px}.meta-chips,.tag-list{display:flex;gap:6px;flex-wrap:wrap}.meta-chips span,.tag-list a{padding:6px 10px;border-radius:999px;background:#e6f7ff;color:#27658f;border:1px solid #bde8fa;font-size:12px;font-weight:900}.score-card{align-self:stretch;border-radius:18px;background:#fff;display:grid;place-items:center;box-shadow:inset 0 -3px 0 rgba(0,0,0,.05)}.score-card b{font-size:34px;color:#18314f}.score-card span{font-size:12px;color:#6f7f98;font-weight:900}.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.info-cell{background:#fff;border-radius:14px;padding:10px 12px;color:#506782;font-weight:900;min-height:56px;display:flex;align-items:center;gap:8px}.info-cell b{color:#17314f}.screenshots-section,.description,.download-box,.compact-section{margin-top:12px}.screenshots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.screenshots img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;border:2px solid #fff;box-shadow:0 4px 0 rgba(0,0,0,.12);cursor:zoom-in}.description{padding-bottom:1px}.review-text{margin:0 7px 9px;color:#4d6079;font-size:15px;line-height:1.65;font-weight:700;background:#fff;border-radius:16px;padding:16px}.review-text #game-desc p{margin:0}.download-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:0 7px 9px;border-top:1px solid #ccd5e4;padding-top:13px}.download-links a,.store-btn{display:flex;gap:9px;align-items:center;justify-content:center;min-width:180px;height:48px;border-radius:999px;color:#fff;background:linear-gradient(180deg,#274365,#172d4b);font-weight:1000;box-shadow:0 5px 0 rgba(0,0,0,.2);padding:0 18px}.store-ico{font-size:22px;line-height:1}.disclaimer{margin:0 14px 14px;color:#62738a;font-size:13px;font-weight:800;text-align:center}.sidebar{min-width:0}.side-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.side-list .game-card{border-radius:14px}.ad-slot{display:none!important}.site-footer{padding:28px 14px 34px;color:#e6ecff;font-weight:800;line-height:1.6;text-align:center}.site-footer strong{font-size:22px;color:#fff}.footer-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:8px}.footer-links a{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16)}.lightbox{position:fixed;inset:0;background:rgba(11,9,36,.88);z-index:999;display:grid;place-items:center;padding:20px}.lightbox img{max-width:min(96vw,1200px);max-height:90vh;border-radius:18px;box-shadow:0 20px 60px rgba(0,0,0,.45)}.lightbox button{position:fixed;right:22px;top:18px;width:44px;height:44px;border:0;border-radius:999px;font-size:30px;line-height:1;background:#fff;color:#132c4f;cursor:pointer}
@media(max-width:1360px){.search-box{flex-basis:210px}.game-info{grid-template-columns:126px minmax(0,1fr) 100px}.game-icon{width:126px;height:126px;border-radius:25px}.game-info h1{font-size:28px}}
@media(max-width:1100px){.game-grid{grid-template-columns:repeat(9,1fr)}.detail-layout{grid-template-columns:1fr}.side-list{grid-template-columns:repeat(9,1fr)}.category-grid{grid-template-columns:repeat(5,1fr)}}
@media(max-width:760px){.header-row{flex-wrap:wrap}.search-box{flex:1 1 100%}.nav-track{order:3;flex-basis:100%}.game-grid{grid-template-columns:repeat(5,1fr)}.section-body{padding:0 8px 10px}.section-head,.page-title{margin-inline:8px}.game-info{grid-template-columns:90px minmax(0,1fr);padding:0;gap:12px}.game-icon{width:90px;height:90px;border-radius:20px}.score-card{display:none}.game-info h1{font-size:22px}.summary{font-size:13px}.info-grid{grid-template-columns:repeat(2,1fr)}.screenshots{grid-template-columns:repeat(2,1fr)}.download-links{flex-direction:column}.download-links a{width:100%}.category-grid{grid-template-columns:repeat(2,1fr)}.side-list{grid-template-columns:repeat(5,1fr)}}
@media(max-width:440px){.wrap{padding-inline:5px}.logo{height:46px}.logo-word{font-size:22px}.game-grid{grid-template-columns:repeat(4,1fr)}.side-list{grid-template-columns:repeat(4,1fr)}.nav-chip{font-size:13px}.quick-tabs a{padding:8px 12px}}