.hidden{display:none!important}
.block{display:block}
.flex{display:flex}
.grid{display:grid}

.w-full{width:100%}
.w-48{width:12rem}
.w-\[200px\]{width:200px}

.h-full{height:100%}
.h-14{height:3.5rem}
.h-\[45px\]{height:45px}

.flex-1{flex:1 1 0%}
.shrink-0{flex-shrink:0}
.flex-col{flex-direction:column}
.flex-row{flex-direction:row}
.flex-wrap{flex-wrap:wrap}

.items-center{align-items:center}
.items-start{align-items:flex-start}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}

.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-4{gap:1rem}
.gap-6{gap:1.5rem}

.space-y-4>*+*{margin-top:1rem}
.space-y-5>*+*{margin-top:1.25rem}

.overflow-hidden{overflow:hidden}
.overflow-visible{overflow:visible}
.relative{position:relative}
.absolute{position:absolute}
.left-0{left:0}
.top-0{top:0}

.z-\[1\]{z-index:1}
.z-\[3\]{z-index:3}
.z-\[4\]{z-index:4}

.text-white{color:#fff}
.text-sm{font-size:.875rem}
.text-base{font-size:1rem}
.text-xl{font-size:1.25rem}
.text-2xl{font-size:2.5rem}
.text-4xl{font-size:1.25rem}

.font-bold{font-weight:700}
.font-extrabold{font-weight:800}

.rounded-lg{border-radius:1rem}
.rounded-xl{border-radius:1.25rem}
.rounded-full{border-radius:9999px}

.cursor-pointer{cursor:pointer}
.transition-transform{transition:transform .3s ease}
.hover\:scale-105:hover{transform:scale(1.05)}

.object-cover{object-fit:cover}
.object-bottom{object-position:bottom}
.opacity-80{opacity:.8}
.backdrop-blur-sm{backdrop-filter:blur(4px)}
.backdrop-blur-lg{backdrop-filter:blur(18px)}
.css-out5r8{margin-top: 1rem;}
.p-2{padding:.5rem}
.p-4{padding:1rem}
.p-6{padding:1.5rem}
.pt-5{padding-top:1.25rem}
.px-4{padding-left:1rem;padding-right:1rem}

.mt-2{margin-top:.5rem}
.mt-8{margin-top:2rem}
.ml-2{margin-left:.5rem}

.min-h-\[200px\]{min-height:200px}

.size-\[18px\]{width:18px;height:18px}
.size-8{width:2rem;height:2rem}

.aspect-video{aspect-ratio:16 / 9}
.max-h-\[calc\(100svh-240px\)\]{max-height:calc(100svh - 240px)}
.max-h-\[calc\(100svh-45px\)\]{max-height:calc(100svh - 45px)}

.bg-\[\#212233\]{background:#212233}
.bg-\[\#1a1b28\]{background:#1a1b28}
.bg-black{background:#000}
.bg-violet-600{background:#7c3aed}

.fill-white{fill:#fff}
.text-violet-500{color:#8b5cf6}
.hover\:text-violet-700:hover{color:#6d28d9}

.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}

.lazyload{display:block}
.prime-carousel{position:relative}

.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);border:0;border-radius:9999px;background:rgba(15,23,42,.72);color:#fff;width:42px;height:42px;cursor:pointer;z-index:4}
.carousel-btn.prev{left:.75rem}
.carousel-btn.next{right:.75rem}

.play-now-button{border:0;color:#fff}
.play-now-button:focus-visible,
button:focus-visible,
a:focus-visible,
input:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}

.search-results{display:none;position:absolute;top:calc(100% + .5rem);left:0;right:0;max-height:550px;overflow:auto;background:#161725;border:1px solid rgba(255,255,255,.08);border-radius:1rem;box-shadow:0 18px 50px rgba(0,0,0,.35);z-index:50}
.search-results [role="listbox"]{padding:.5rem}
.search-result-item{display:flex;gap:.75rem;align-items:center;padding:.625rem .75rem;border-radius:.75rem;color:#fff;text-decoration:none}
.search-result-item:hover,
.search-result-item:focus-visible{background:rgba(124,58,237,.18)}
.search-result-thumb{width:56px;height:56px;object-fit:cover;border-radius:.75rem;flex-shrink:0}
.search-result-title{font-weight:700}
.search-result-meta{font-size:.875rem;color:#cbd5e1}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Responsive utilities must come after base utilities so breakpoint
   variants always win over their non-prefixed defaults. */
@media (min-width:1024px){
  .lg\:flex-row{flex-direction:row}
  .lg\:flex-none{flex:none}
  .lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:w-\[340px\]{width:340px}
}

/* Game view layout helpers */
.game-content-wrapper{
  position:relative;
  flex:1 1 0%;
  overflow:visible;
  color:#fff;
}
.game-sidebar-column{
  width:100%;
  flex-shrink:0;
}
@media (min-width:1024px){
  .game-sidebar-column{
    width:340px;
    flex:none;
  }
}

.legacy-faq-divider{margin:1.5rem;border-color:#ffffff1f}
.legacy-content-image{width:70%;height:auto}
.homepage-search-loader{background:#560081 url('../images/page-loader.gif') 50% 50% no-repeat}
.homepage-search-trigger{background:none;border:none}
.homepage-search-trigger-img{position:fixed;z-index:10000;overflow:hidden;top:7px;right:7px}
.homepage-search-hidden-copy{display:none}

.tag-sort-select{
  position:relative;
  display:inline-flex;
  align-items:center;
  margin:1rem 0 1rem 1rem;
}
.tag-sort-select::after{
  content:"";
  position:absolute;
  right:16px;
  width:9px;
  height:9px;
  border-right:2px solid #c4b5fd;
  border-bottom:2px solid #c4b5fd;
  transform:rotate(45deg) translateY(-3px);
  pointer-events:none;
}
#sortSelect.tag-sort-select__control,
.tag-sort-select__control{
  min-width:160px;
  appearance:none;
  -webkit-appearance:none;
  padding:10px 44px 10px 16px;
  border:1px solid rgba(139,92,246,.55);
  border-radius:14px;
  background:linear-gradient(135deg,#212233 0%,#2f3148 58%,#3d2f74 100%);
  color:#fff;
  font-size:15px;
  font-weight:800;
  line-height:1.25;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
}
#sortSelect.tag-sort-select__control:hover,
.tag-sort-select__control:hover{
  border-color:#a78bfa;
  background:linear-gradient(135deg,#27283b 0%,#383a58 58%,#4c35a0 100%);
}
#sortSelect.tag-sort-select__control:focus,
.tag-sort-select__control:focus{
  outline:3px solid rgba(139,92,246,.35);
  outline-offset:2px;
  border-color:#c4b5fd;
}

.ad-placement{
  display:block;
  width:100%;
  max-width:100%;
  margin:20px auto;
  overflow:hidden;
  box-sizing:border-box;
}

.ad-placement--adsense{
  min-height:90px;
}

.ad-placement ins.adsbygoogle{
  display:block!important;
  width:100%;
  max-width:100%;
}

.ad-placement--custom iframe,
.ad-placement--custom img,
.ad-placement--custom video,
.ad-placement--custom embed,
.ad-placement--custom object{
  max-width:100%;
}

.ad-placement--debug{
  min-height:unset;
}

.ad-placement-debug__box{
  display:grid;
  gap:10px;
  padding:16px 18px;
  border:1px dashed rgba(96,165,250,.55);
  border-radius:16px;
  background:
    linear-gradient(135deg, rgba(15,23,42,.94), rgba(30,41,59,.96)),
    repeating-linear-gradient(135deg, rgba(255,255,255,.02) 0, rgba(255,255,255,.02) 10px, transparent 10px, transparent 20px);
  color:#e2e8f0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}

.ad-placement-debug__eyebrow{
  color:#7dd3fc;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.ad-placement-debug__title{
  color:#f8fafc;
  font-size:18px;
  font-weight:800;
  line-height:1.2;
}

.ad-placement-debug__meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.ad-placement-debug__meta span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(148,163,184,.12);
  color:#cbd5e1;
  font-size:12px;
  font-weight:700;
  line-height:1;
}

.game-sidebar-column .ad-placement{
  margin:0 0 12px;
}

.game-main-column .ad-placement{
  margin:4px 0 22px;
}

.homepage-desktop-main .ad-placement{
  margin:14px 8px 22px;
}

.homepage-mobile-flow .ad-placement{
  margin:18px 0;
}

.ad-placement--view_desktop_sidebar_top{
  max-width:336px;
}

.ad-placement--view_desktop_sidebar_top.ad-placement--adsense{
  min-height:250px;
}

.ad-placement--view_desktop_after_related.ad-placement--adsense,
.ad-placement--view_desktop_after_seo.ad-placement--adsense,
.ad-placement--view_mobile_after_hero.ad-placement--adsense,
.ad-placement--view_mobile_after_related.ad-placement--adsense,
.ad-placement--view_mobile_before_seo.ad-placement--adsense,
.ad-placement--home_desktop_after_hero.ad-placement--adsense,
.ad-placement--home_desktop_after_multiplayer.ad-placement--adsense,
.ad-placement--home_desktop_before_footer_cta.ad-placement--adsense,
.ad-placement--home_mobile_after_first_row.ad-placement--adsense,
.ad-placement--home_mobile_between_rows.ad-placement--adsense,
.ad-placement--home_mobile_before_actions.ad-placement--adsense{
  min-height:100px;
}

@media (max-width:1023px){
  .ad-placement{
    margin:16px auto;
  }

  .ad-placement--view_desktop_sidebar_top{
    max-width:none;
  }

  .ad-placement-debug__box{
    padding:14px;
  }

  .ad-placement-debug__title{
    font-size:16px;
  }
}
#sortSelect.tag-sort-select__control option,
.tag-sort-select__control option{
  background:#1f2030;
  color:#fff;
}