*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background:#faf8f4;color:#333;min-height:100vh}
a{text-decoration:none;color:inherit}

/* Nav */
.nav{background:#fff;border-bottom:2px solid #f0ebe3;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}
.nav-logo{font-size:22px;font-weight:900;color:#e67e22}
.nav-logo span{color:#333}
.nav-links{display:flex;gap:6px;flex-wrap:wrap}
.nav-links a{background:#f5f0e8;color:#666;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;transition:all .2s}
.nav-links a:hover{background:#e67e22;color:#fff}
.nav-search{display:flex;align-items:center;background:#f5f0e8;border-radius:20px;overflow:hidden}

/* Mobile category bar */
.mobile-cats{display:none;overflow-x:auto;white-space:nowrap;padding:8px 10px;background:#fff;border-bottom:1px solid #f0ebe3;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.mobile-cats::-webkit-scrollbar{display:none}
.mobile-cats a{display:inline-block;background:#f5f0e8;color:#666;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:700;margin-right:6px;transition:all .2s}
.mobile-cats a:hover,.mobile-cats a:active{background:#e67e22;color:#fff}
.nav-search input{border:none;outline:none;padding:6px 12px;font-size:13px;width:150px;background:transparent;font-family:inherit}
.nav-search button{border:none;background:transparent;padding:6px 10px;cursor:pointer;color:#999}

/* Layout */
.container{max-width:1200px;margin:0 auto;padding:16px}
.layout{display:grid;grid-template-columns:1fr;gap:16px}
@media(min-width:960px){.layout{grid-template-columns:160px 1fr 160px}}

/* Ad slots */
.ad-slot{background:#f5f0e8;border:1px dashed #ddd5c8;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:10px;font-weight:700;letter-spacing:1px}
.ad-banner{height:90px;margin-bottom:16px}
.ad-side{height:250px;margin-top:12px}

/* Sidebar */
.sidebar{display:none}
@media(min-width:960px){.sidebar{display:flex;flex-direction:column;gap:8px}}
.sidebar h3{font-size:11px;font-weight:800;color:#e67e22;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}
.side-card{background:#fff;border-radius:8px;overflow:hidden;border:1px solid #f0ebe3;transition:transform .2s,box-shadow .2s;cursor:pointer}
.side-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}
.side-card img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.side-card .sc-title{padding:4px 6px;font-size:10px;font-weight:700;text-align:center;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Mobile - Tablet */
@media(max-width:959px){
  .nav{padding:8px 12px;gap:8px;flex-wrap:wrap}
  .nav-logo{font-size:18px}
  .nav-links{display:none}
  .nav-search input{width:100px}
  .mobile-cats{display:block}
  .container{padding:10px}
  .layout{grid-template-columns:1fr}
  .ad-banner{height:60px;margin-bottom:10px}
  .game-wrap iframe{aspect-ratio:4/3}
  .sidebar{display:none}
}
/* Mobile - Phone */
@media(max-width:600px){
  .nav{padding:6px 10px}
  .nav-logo{font-size:16px}
  .nav-search{display:none}
  .container{padding:8px}
  .game-wrap{position:relative;width:100%;height:calc(100vh - 52px);max-height:80vh}
  .game-wrap iframe{aspect-ratio:unset!important;width:100%!important;height:100%!important;border-radius:6px!important}
  .ad-banner{height:50px;margin-bottom:8px}
  .info-box{padding:14px!important}
  .info-box h1{font-size:22px!important}
  .info-box h2{font-size:17px!important}
  .info-box p,.info-box ul,.info-box li{font-size:12px!important}
  .rating-bar{padding:6px 10px!important;flex-wrap:wrap;gap:6px}
  .rating-bar .stars{font-size:14px!important}
  .rating-bar .plays{font-size:11px!important}
  .tags-wrap a{font-size:10px!important;padding:3px 8px!important}
  .more-games-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))!important;gap:8px!important}
  .footer-inner{padding:14px!important}
}