/* FokatLoot Index V130 — mobile-first public landing only */
:root{
  --i130-bg:#d6e2ee;
  --i130-bg2:#e1eaf3;
  --i130-card:#e7eef5;
  --i130-card2:#dfe8f1;
  --i130-line:#c2d0df;
  --i130-ink:#10243f;
  --i130-muted:#5c7189;
  --i130-blue:#0877ef;
  --i130-blue2:#2d97ff;
  --i130-green:#07964e;
  --i130-shadow:0 10px 24px rgba(31,61,98,.09);
}
html,body{max-width:100%;overflow-x:hidden}
body{
  margin:0!important;
  background:radial-gradient(circle at 92% 5%,rgba(31,126,236,.10),transparent 23%),linear-gradient(180deg,var(--i130-bg),var(--i130-bg2) 52%,#dbe6f0 100%)!important;
  color:var(--i130-ink)!important;
}
body>.v5-header{position:sticky!important;top:0!important;z-index:40!important;background:rgba(226,235,244,.97)!important;border-bottom:1px solid var(--i130-line)!important;backdrop-filter:blur(12px)!important}
.v5-header .container,.v5-hero .container,.offers-v5 .container,.earners-v5 .container,.why-v5 .container,.faq-v5 .container{width:min(100% - 20px,760px)!important;max-width:760px!important;margin-inline:auto!important;padding-inline:0!important}
.v5-nav{height:56px!important;min-height:56px!important;padding:6px 0!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.v5-logo img{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important}
.v5-menu{display:flex!important;align-items:center!important;gap:8px!important}.v5-menu a{font-size:11px!important;font-weight:700!important;text-decoration:none!important;color:var(--i130-ink)!important}.v5-menu .start-btn{min-height:38px!important;padding:0 14px!important;border-radius:12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,var(--i130-blue2),var(--i130-blue))!important;color:#fff!important;box-shadow:0 8px 18px rgba(8,119,239,.18)!important}
.v5-hero{padding:14px 0 0!important;background:transparent!important}
.hero-center,.trending-wrapper,.recent-wrapper,.stats-wrapper,.earners-box,.offer-card-v5,.why-card-v5,.faq-item-v5,.admin-footer-cta,.admin-homepage-media>div,#runtime-site-footer-meta{
  background:linear-gradient(160deg,var(--i130-card),var(--i130-card2))!important;
  border:1px solid var(--i130-line)!important;border-radius:18px!important;box-shadow:var(--i130-shadow)!important;color:var(--i130-ink)!important;
}
.hero-center{padding:18px 15px!important;margin:0 0 12px!important;text-align:center!important}
.hero-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;max-width:100%!important;padding:8px 12px!important;border-radius:999px!important;background:#eaf1f8!important;border:1px solid #cbd9e7!important;color:#355a80!important;font-size:10px!important;line-height:1.4!important;font-weight:700!important}
.hero-center h1{margin:14px 0 8px!important;font-size:31px!important;line-height:1.08!important;letter-spacing:-.8px!important;color:var(--i130-ink)!important}
.hero-center p{max-width:420px!important;margin:0 auto!important;font-size:11px!important;line-height:1.6!important;color:var(--i130-muted)!important}
.hero-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:14px!important}.hero-buttons a{height:42px!important;min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:12px!important;font-size:11px!important;font-weight:800!important;text-decoration:none!important}.hero-buttons .start-btn{background:linear-gradient(135deg,var(--i130-blue2),var(--i130-blue))!important;color:#fff!important}.hero-buttons .view-btn{background:#eaf1f7!important;border:1px solid var(--i130-line)!important;color:#34516f!important}
.trending-wrapper,.recent-wrapper,.stats-wrapper{padding:13px!important;margin:0 0 12px!important}.block-title,.section-header h2{font-size:18px!important;line-height:1.2!important;color:var(--i130-ink)!important;margin:0 0 12px!important;font-weight:800!important;text-align:left!important}.section-header p{font-size:10px!important;color:var(--i130-muted)!important;margin-top:-6px!important}
.trending-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}.trend-card{min-width:0!important;padding:11px 7px!important;text-align:center!important;border-radius:14px!important;background:rgba(255,255,255,.27)!important;border:1px solid #cbd8e5!important}.trend-reward{font-size:18px!important;color:var(--i130-green)!important;font-weight:800!important}.trend-name{font-size:10.5px!important;line-height:1.35!important;color:var(--i130-ink)!important;margin-top:5px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.trend-payment{font-size:7.5px!important;color:var(--i130-muted)!important;margin-top:5px!important;white-space:nowrap!important}
.recent-feed{display:grid!important;gap:7px!important}.feed-item{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;padding:10px 11px!important;border:1px solid #cbd8e5!important;background:rgba(255,255,255,.25)!important;border-radius:12px!important;font-size:9.5px!important;color:var(--i130-muted)!important}.feed-item strong{font-size:10px!important;color:var(--i130-ink)!important}.feed-item strong:last-child{color:var(--i130-green)!important}
.stats-wrapper{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important}.stats-wrapper .stat-box{min-width:0!important;padding:11px 5px!important;border-radius:14px!important;background:rgba(255,255,255,.27)!important;border:1px solid #cbd8e5!important;text-align:center!important}.stat-number{font-size:16px!important;line-height:1.15!important;color:var(--i130-blue)!important;font-weight:800!important}.stat-label{font-size:8px!important;line-height:1.3!important;color:var(--i130-muted)!important;margin-top:5px!important}
.offers-v5,.earners-v5,.why-v5,.faq-v5{margin:16px 0 0!important;padding:0!important}.section-header{margin:0 0 10px!important;text-align:left!important}
/* categories become mobile chips, not desktop-size full rows */
.offers-v5 .container>div[style*="display:flex"]{justify-content:flex-start!important;gap:8px!important;flex-wrap:wrap!important}.offers-v5 .view-btn{min-height:36px!important;padding:0 13px!important;display:inline-flex!important;align-items:center!important;border-radius:999px!important;background:#e7eef6!important;border:1px solid #bfd0e1!important;color:#345671!important;font-size:10px!important;font-weight:700!important}
/* featured offers: clean horizontal cards */
.offers-grid{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.offer-card-v5{overflow:hidden!important}.offer-card-v5>div{display:grid!important;grid-template-columns:62px minmax(0,1fr) 92px!important;grid-template-rows:auto auto!important;column-gap:10px!important;row-gap:5px!important;align-items:center!important;padding:13px!important;text-align:left!important;height:auto!important}.offer-image-v5,.offer-card-v5>div>div[style*="width:85px"]{grid-column:1!important;grid-row:1/3!important;width:58px!important;height:58px!important;margin:0!important;border-radius:15px!important;object-fit:contain!important;background:#edf3f8!important;border:1px solid #cbd8e5!important;padding:4px!important}.offer-card-v5 h3{grid-column:2!important;grid-row:1!important;margin:0!important;font-size:13.5px!important;line-height:1.25!important;color:var(--i130-ink)!important}.offer-description-v5{grid-column:2!important;grid-row:2!important;margin:0!important;padding:0!important;font-size:9.3px!important;line-height:1.5!important;color:var(--i130-muted)!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}.offer-time-v5{display:none!important}.offer-reward-v5{grid-column:3!important;grid-row:1!important;justify-self:end!important;margin:0!important;padding:0!important;min-width:0!important;background:transparent!important;border:0!important;color:var(--i130-green)!important;font-size:14px!important;line-height:1.15!important;font-weight:800!important;text-align:right!important}.offer-btn-v5{grid-column:3!important;grid-row:2!important;justify-self:end!important;align-self:end!important;width:90px!important;height:36px!important;min-height:36px!important;margin:0!important;border-radius:11px!important;display:flex!important;align-items:center!important;justify-content:center!important;background:linear-gradient(135deg,var(--i130-blue2),var(--i130-blue))!important;color:#fff!important;font-size:9.5px!important;font-weight:800!important;text-decoration:none!important}
/* top earners as compact rows */
.earners-box{padding:8px 12px!important}.earner-v5{display:grid!important;grid-template-columns:36px minmax(0,1fr) auto!important;align-items:center!important;gap:9px!important;min-height:48px!important;padding:8px 3px!important;border-bottom:1px solid #ccd9e5!important;text-align:left!important}.earner-v5:last-child{border-bottom:0!important}.earner-rank-v5{font-size:10px!important;font-weight:800!important;color:#d69b08!important}.earner-user-v5{font-size:10.5px!important;color:var(--i130-muted)!important}.earner-amount-v5{font-size:11.5px!important;color:var(--i130-green)!important;font-weight:800!important}
.why-grid-v5{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.why-card-v5{padding:13px!important}.why-card-v5 h3{font-size:12.5px!important;color:var(--i130-ink)!important}.why-card-v5 p{font-size:9.5px!important;line-height:1.5!important;color:var(--i130-muted)!important;background:#e2ebf3!important;border:1px solid #cbd8e5!important;border-radius:11px!important;padding:8px!important;margin-top:7px!important}.why-icon-v5{font-size:18px!important}
.faq-item-v5{margin-bottom:8px!important;overflow:hidden!important}.faq-btn-v5{width:100%!important;padding:12px 13px!important;font-size:10.5px!important;text-align:left!important;background:transparent!important;color:var(--i130-ink)!important;border:0!important}.faq-content-v5{padding:0 13px 12px!important;font-size:9.5px!important;line-height:1.55!important;color:var(--i130-muted)!important}
#runtime-site-footer-meta{padding:12px!important;margin:14px auto 20px!important;font-size:9px!important;color:var(--i130-muted)!important}
/* browser-only 5-second app prompt */
.fl-browser-install-overlay{position:fixed;inset:0;z-index:100000;display:none;align-items:flex-end;justify-content:center;padding:14px;background:rgba(8,18,33,.38);backdrop-filter:blur(4px)}.fl-browser-install-overlay.show{display:flex}.fl-browser-install-card{width:min(100%,430px);background:linear-gradient(155deg,#e9f0f7,#dfe9f3);border:1px solid #bccddd;border-radius:20px;padding:15px;box-shadow:0 24px 55px rgba(22,47,78,.24)}.fl-browser-install-top{display:flex;gap:11px;align-items:center}.fl-browser-install-icon{width:44px;height:44px;border-radius:13px;background:#0a1a30;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.fl-browser-install-icon img{width:100%;height:100%;object-fit:cover}.fl-browser-install-copy{min-width:0;flex:1}.fl-browser-install-copy b{display:block;font-size:14px;color:var(--i130-ink)}.fl-browser-install-copy span{display:block;font-size:9.5px;line-height:1.45;color:var(--i130-muted);margin-top:2px}.fl-browser-install-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.fl-browser-install-btn{height:40px;border:0;border-radius:11px;background:linear-gradient(135deg,var(--i130-blue2),var(--i130-blue));color:#fff;text-decoration:none;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800}.fl-browser-install-close{height:40px;padding:0 13px;border:1px solid var(--i130-line);border-radius:11px;background:#e4edf5;color:#425b76;font-size:10px;font-weight:700}.fl-browser-install-progress{height:3px;background:#cedae6;border-radius:999px;overflow:hidden;margin-top:11px}.fl-browser-install-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--i130-blue2),var(--i130-blue));transform-origin:left;animation:flInstallCountdown 5s linear forwards}@keyframes flInstallCountdown{to{transform:scaleX(0)}}
@media(max-width:520px){
 .v5-header .container,.v5-hero .container,.offers-v5 .container,.earners-v5 .container,.why-v5 .container,.faq-v5 .container{width:calc(100% - 16px)!important}
 .v5-nav{height:52px!important;min-height:52px!important}.v5-logo img{width:32px!important;height:32px!important}
 .hero-center h1{font-size:28px!important}.hero-buttons{grid-template-columns:1fr!important}.hero-buttons a{height:40px!important;min-height:40px!important}
 .trending-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.trend-card{padding:10px 5px!important}.trend-reward{font-size:16px!important}.trend-name{font-size:9.6px!important}.trend-payment{font-size:7px!important}
 .stats-wrapper{grid-template-columns:repeat(2,minmax(0,1fr))!important}.stats-wrapper .stat-box{padding:11px 6px!important}.stat-number{font-size:17px!important}.stat-label{font-size:8.3px!important}
 .offer-card-v5>div{grid-template-columns:58px minmax(0,1fr) 86px!important;padding:12px 11px!important;column-gap:9px!important}.offer-image-v5,.offer-card-v5>div>div[style*="width:85px"]{width:54px!important;height:54px!important}.offer-card-v5 h3{font-size:12.8px!important}.offer-description-v5{font-size:9px!important}.offer-reward-v5{font-size:13px!important}.offer-btn-v5{width:84px!important;height:34px!important;min-height:34px!important;font-size:9px!important}
}

/* V131 public-index glare reduction — structure unchanged */
:root{
  --i130-bg:#cdd9e5;
  --i130-bg2:#d8e3ed;
  --i130-card:#dfe8f1;
  --i130-card2:#d5e1eb;
  --i130-line:#b8c8d7;
  --i130-muted:#526a82;
}
body{background:radial-gradient(circle at 92% 5%,rgba(31,126,236,.10),transparent 23%),linear-gradient(180deg,var(--i130-bg),var(--i130-bg2) 52%,#d2dee8 100%)!important}
body>.v5-header{background:rgba(218,228,237,.97)!important}
.hero-center,.trending-wrapper,.recent-wrapper,.stats-wrapper,.earners-box,.offer-card-v5,.why-card-v5,.faq-item-v5,.admin-footer-cta,.admin-homepage-media>div,#runtime-site-footer-meta{background:linear-gradient(160deg,var(--i130-card),var(--i130-card2))!important;border-color:var(--i130-line)!important}
.hero-badge,.hero-buttons .view-btn,.offers-v5 .view-btn{background:#dbe5ee!important;border-color:#b8c8d7!important}
.trend-card,.feed-item,.stats-wrapper .stat-box{background:rgba(232,239,245,.54)!important;border-color:#bdccda!important}
.offer-image-v5,.offer-card-v5>div>div[style*="width:85px"]{background:#e1e9f0!important;border-color:#bdccda!important}
.why-card-v5 p{background:#d8e3ed!important;border-color:#bdccda!important}


/* V132 index cleanup: compact premium public landing, live-data first */
.v5-hero .container{display:grid!important;gap:10px!important}
.hero-center{padding:17px 14px!important;border-radius:20px!important}
.trending-wrapper,.recent-wrapper,.stats-wrapper{margin-bottom:0!important;border-radius:18px!important}
.stats-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.stats-wrapper .stat-box{min-height:74px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}
.recent-feed .live-empty{justify-content:flex-start!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
.recent-feed .live-empty span{font-size:8.5px!important;color:var(--i130-muted)!important}
.offers-v5{margin-top:12px!important}.offers-v5 .section-header{margin-bottom:8px!important}
.offer-card-v5{border-radius:17px!important}
.why-v5,.faq-v5{margin-top:12px!important}
.earners-v5{display:none!important} /* intentionally removed from public essentials layout */
@media(max-width:520px){
 .v5-hero .container{width:calc(100% - 14px)!important}
 .stats-wrapper{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
 .stats-wrapper .stat-box{min-height:68px!important;padding:8px 4px!important}.stat-number{font-size:15px!important}.stat-label{font-size:7.8px!important}
 .offer-card-v5>div{grid-template-columns:60px minmax(0,1fr) 92px!important;min-height:104px!important;padding:13px 11px!important}
 .offer-card-v5 h3{font-size:13px!important}.offer-description-v5{font-size:9.4px!important}.offer-btn-v5{width:90px!important;height:36px!important;min-height:36px!important}.offer-reward-v5{font-size:14px!important}
}