*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff9fc;color:#27202a;font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}header{height:66px;padding:0 6%;display:flex;align-items:center;gap:30px;position:sticky;top:0;z-index:10;background:#fffffff0;backdrop-filter:blur(16px);border-bottom:1px solid #f0dfe8}.logo{font-size:23px}.logo span{color:#e65e9a}nav{display:flex;gap:22px;margin:auto}a{text-decoration:none;color:inherit;font-weight:750}select{padding:8px;border:1px solid #eadde5;border-radius:9px;background:white}.hero{padding:70px 6%;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;background:linear-gradient(135deg,#fff0f7,#f5f0ff,#eefbff)}small{font-weight:900;letter-spacing:.13em;color:#956078}.hero h1{font-size:clamp(44px,6vw,75px);line-height:1;margin:10px 0;background:linear-gradient(90deg,#d95391,#7c68d9,#3aa8bd);color:transparent;background-clip:text}.hero p{font-size:19px;color:#766b76}.btn{display:inline-block;margin-top:15px;padding:12px 17px;border-radius:12px;background:linear-gradient(90deg,#e9639e,#806be1);color:white}.countryHero{display:grid;gap:12px}.countryHero article{background:#ffffffd8;border:1px solid #eedde7;border-radius:18px;padding:20px;font-size:31px}.countryHero b,.countryHero span{display:block;margin-left:48px}.countryHero b{margin-top:-38px;font-size:18px}.countryHero span{font-size:12px;color:#8b7885}section{padding:58px 6%}h2{font-size:34px;margin:7px 0 22px}.soft{background:#fff3f8}.countries,.filters{display:flex;gap:9px;flex-wrap:wrap}button{border:1px solid #eadbe4;background:white;border-radius:11px;padding:11px 15px;font-weight:800;cursor:pointer}.countries button{font-size:17px}.head{display:flex;justify-content:space-between;align-items:end}.note{color:#8a7581;font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:20px}.card{min-height:205px;border:1px solid #eddde6;border-radius:18px;padding:18px;background:white;box-shadow:0 8px 24px #80516a0b}.card:nth-child(4n+1){background:linear-gradient(145deg,#fff0f6,#fff)}.card:nth-child(4n+2){background:linear-gradient(145deg,#f4f0ff,#fff)}.card:nth-child(4n+3){background:linear-gradient(145deg,#eefaff,#fff)}.card:nth-child(4n+4){background:linear-gradient(145deg,#fff8ec,#fff)}.avatar{height:85px;border-radius:14px;background:linear-gradient(135deg,#f5c8db,#d8cff5,#bfe7ed);display:grid;place-items:center;font-size:37px}.card h3{margin:12px 0 3px}.card p{margin:3px 0;color:#826f7a;font-size:13px}.rank{display:inline-block;background:#fff;color:#b04777;border:1px solid #f0cedd;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:900}.battle{display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;background:linear-gradient(135deg,#f1fbfd,#faf0f7)}#battleBox{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fighter{background:white;border:1px solid #eadde5;border-radius:20px;padding:22px;text-align:center}.fighter .avatar{height:130px}.fighter button{margin-top:10px;background:#f9eef4}.era{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.era article{background:white;border:1px solid #eadde5;border-radius:18px;padding:20px}.era b{display:block;font-size:18px;margin-top:8px}.era p{color:#826f7a}footer{padding:35px 6%;background:#f5eaf0;color:#806d78}@media(max-width:900px){nav{display:none}.hero,.battle{grid-template-columns:1fr}.grid,.era{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.hero,section{padding:38px 16px}.hero h1{font-size:43px}.grid,.era{grid-template-columns:1fr}.head{display:block}#battleBox{grid-template-columns:1fr 1fr}.fighter{padding:12px}.fighter .avatar{height:90px}}
.avatar{height:230px!important;padding:0!important;overflow:hidden;background:#f3eaf0!important}
.avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 18%;transition:transform .25s ease}
.card:hover .avatar img,.fighter:hover .avatar img{transform:scale(1.025)}
.avatar.loading{background:linear-gradient(110deg,#f1e4eb 8%,#fbf5f8 18%,#f1e4eb 33%);background-size:200% 100%!important;animation:shine 1.2s linear infinite}
@keyframes shine{to{background-position-x:-200%}}
.photo-credit{font-size:9px!important;color:#9a8792!important;margin-top:7px!important}
.fighter .avatar{height:260px!important}
@media(max-width:520px){.avatar{height:310px!important}.fighter .avatar{height:180px!important}}

.like-row{display:flex;justify-content:flex-end;margin-top:10px}
.like-btn{border:1px solid #f0cedd;background:#fff7fa;color:#b34777;border-radius:999px;padding:7px 11px;font-weight:900;cursor:pointer}
.like-btn:hover{background:#fff0f6}
.like-btn.liked{background:#e95f98;color:white;border-color:#e95f98}
.like-btn.compact{margin-left:6px}
.like-btn span{font-variant-numeric:tabular-nums}

.adult-section{background:linear-gradient(135deg,#fff1f5,#f8f1ff)}
.rank-list{display:grid;gap:10px}
.rank-wide{display:grid;grid-template-columns:55px 90px 1fr auto;gap:14px;align-items:center;background:white;border:1px solid #eadde5;border-radius:16px;padding:10px 15px}
.rank-wide .avatar{height:86px!important;border-radius:12px}
.rank-wide .num{font-size:21px;color:#c14f82}
.rank-wide h3{margin:0 0 3px}.rank-wide p{margin:0;color:#806f79;font-size:13px}.rank-wide>div>span{font-size:10px;color:#a17189;font-weight:800}
@media(max-width:520px){.rank-wide{grid-template-columns:38px 72px 1fr}.rank-wide .avatar{height:72px!important}.rank-wide>.like-btn{grid-column:2/4;justify-self:start}}

/* V5: image-first editorial layout */
.hero{grid-template-columns:1fr!important;min-height:430px}
.hero>div:first-child{max-width:900px}
.grid{grid-template-columns:repeat(3,1fr)!important}
.card{padding:10px!important;min-height:0!important}
.card .avatar{height:410px!important;border-radius:15px!important}
.card h3{font-size:15px!important;margin:8px 3px 2px!important}
.card p{font-size:10.5px!important;line-height:1.35!important;margin:2px 3px!important}
.card .rank{font-size:9px!important;margin-top:7px}
.card .like-row{margin-top:5px}
.card .like-btn{padding:5px 8px;font-size:10px}
.rank-wide{grid-template-columns:48px 155px 1fr auto!important;padding:9px 12px!important}
.rank-wide .avatar{height:190px!important}
.rank-wide h3{font-size:15px!important}
.rank-wide p{font-size:10.5px!important}
.rank-wide .num{font-size:18px!important}
.fighter .avatar{height:360px!important}
.fighter h3{font-size:15px}.fighter p{font-size:11px}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)!important}.card .avatar{height:430px!important}}
@media(max-width:520px){.grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.card{padding:7px!important}.card .avatar{height:260px!important}.card h3{font-size:13px!important}.card p{font-size:9.5px!important}.rank-wide{grid-template-columns:34px 95px 1fr!important}.rank-wide .avatar{height:125px!important}.rank-wide>.like-btn{grid-column:2/4}.fighter .avatar{height:220px!important}}

/* V6 hero */
.hero-v6{min-height:570px!important;display:grid!important;grid-template-columns:1.2fr .8fr!important;gap:50px!important;align-items:center!important;background:radial-gradient(circle at 82% 28%,#e5d9ff 0,transparent 25%),linear-gradient(135deg,#fff0f7,#f7f0ff 48%,#eafaff)!important}
.hero-copy{max-width:800px}.hero-v6 h1{font-size:clamp(48px,6.5vw,88px)!important;max-width:850px}.hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.hero-actions a{padding:11px 15px;border-radius:12px;font-weight:850}.hero-primary{background:linear-gradient(90deg,#e45b98,#8068df);color:white}.hero-secondary{background:#ffffffc9;border:1px solid #eadde5}.hero-meta{display:flex;gap:15px;flex-wrap:wrap;margin-top:24px;color:#8a7080;font-size:11px;font-weight:800}.hero-art{aspect-ratio:4/5;max-height:470px;border-radius:32px;background:linear-gradient(155deg,#d9508e,#8a67dd 55%,#46b6c6);color:white;display:flex;flex-direction:column;justify-content:end;padding:34px;box-shadow:0 30px 80px #8d547a28;position:relative;overflow:hidden}.hero-art:before{content:"✦";position:absolute;font-size:250px;opacity:.1;right:-20px;top:-55px}.hero-number{font-size:110px;font-weight:950;line-height:.8;opacity:.18;position:absolute;top:35px;left:25px}.hero-art b{font-size:40px;line-height:.92}.hero-art small{color:white!important;margin-top:12px;letter-spacing:.06em}
/* global/adult ranking now uses same image-first two-column language */
.rank-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
.global-photo-card{position:relative;min-width:0;height:610px;border-radius:20px;overflow:hidden;background:#eee;border:1px solid #eadde5;box-shadow:0 10px 28px #79536910}
.global-photo-card .avatar{height:100%!important;border-radius:0!important}
.global-photo-card .avatar img{object-position:center 15%}
.global-overlay{position:absolute;inset:auto 0 0;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:end;padding:70px 16px 16px;background:linear-gradient(transparent,rgba(24,13,23,.88));color:white}
.global-overlay .num{font-size:22px;color:#ffc3dc}.global-overlay h3{margin:0;color:white!important;font-size:18px!important}.global-overlay p{margin:2px 0;color:#f2dfe9!important;font-size:10px!important}.global-overlay span{font-size:9px;color:#e6cbd8}.global-overlay .like-btn{background:#ffffffdf;border-color:white;color:#a84070}
@media(max-width:900px){.hero-v6{grid-template-columns:1fr!important}.hero-art{display:none}.rank-list{grid-template-columns:repeat(2,1fr)!important}.global-photo-card{height:520px}}
@media(max-width:520px){.hero-v6{min-height:500px!important}.hero-v6 h1{font-size:48px!important}.hero-actions{display:grid}.rank-list{gap:8px!important}.global-photo-card{height:300px}.global-overlay{grid-template-columns:auto 1fr;padding:48px 8px 9px}.global-overlay .like-btn{grid-column:2;font-size:9px;padding:4px 7px}.global-overlay h3{font-size:13px!important}.global-overlay .num{font-size:15px}}

/* V7 global language control */
header{padding-right:max(14px,env(safe-area-inset-right))!important}
.lang-wrap{margin-left:auto;display:flex;align-items:center;gap:5px;background:#ffffffd9;border:1px solid #eadde5;border-radius:11px;padding:3px 5px 3px 8px;box-shadow:0 4px 16px #7552680a}
.lang-wrap span{font-size:14px}.lang-wrap select{border:0!important;background:transparent!important;max-width:150px;outline:0;font-size:12px;font-weight:750;color:#5f4d58;padding:6px 3px!important}
html[dir="rtl"] .lang-wrap{margin-left:0;margin-right:auto}
html[dir="rtl"] .hero-copy,html[dir="rtl"] .head,html[dir="rtl"] .card,html[dir="rtl"] .global-overlay{text-align:right}
@media(max-width:520px){header{padding-left:14px!important}.logo{font-size:19px}.lang-wrap select{max-width:115px;font-size:11px}.lang-wrap{margin-left:auto}}

/* V8 informational adult platform directories */
.platform-section{background:#fff9fc}
.live-platforms{background:#f7f4ff}
.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.platform-card{display:grid;grid-template-columns:42px 44px 1fr auto;gap:10px;align-items:center;background:white;border:1px solid #eadde5;border-radius:15px;padding:12px 14px;box-shadow:0 6px 18px #7852690a}
.platform-rank{font-size:15px;color:#b24a78}.platform-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#f8d5e5,#e3dcfb);color:#a64c77;font-size:13px}.platform-card h3{margin:0;font-size:14px}.platform-card p{margin:2px 0 0;color:#8b7883;font-size:9.5px}.adult-tag{font-size:9px;font-weight:900;background:#fff0f5;color:#b74474;border:1px solid #f1ccdc;border-radius:99px;padding:4px 7px}
@media(max-width:520px){.platform-grid{grid-template-columns:1fr}.platform-card{grid-template-columns:34px 38px 1fr auto;padding:9px 10px}.platform-icon{width:34px;height:34px}}

/* V9 18+ age gate */
.age-gate{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px;background:rgba(35,22,31,.72);backdrop-filter:blur(14px)}
.age-gate[hidden]{display:none}
.age-card{width:min(520px,100%);background:white;border:1px solid #eadce5;border-radius:26px;padding:30px;text-align:center;box-shadow:0 35px 100px rgba(48,24,40,.28)}
.age-mark{width:76px;height:76px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#e45b98,#8068df);color:white;font-size:26px;font-weight:950}
.age-card h2{margin:5px 0 8px;font-size:30px}.age-card p{color:#786874;max-width:430px;margin:0 auto 20px}
.age-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.age-actions button{padding:13px 12px}
.age-yes{background:linear-gradient(90deg,#e45b98,#8068df);color:white;border:0}.age-no{background:#f7f2f5;border:1px solid #e7d9e2;color:#66535f}
.age-card small{display:block;margin-top:13px;color:#a08d98;font-size:10px}
body.age-locked{overflow:hidden}
@media(max-width:520px){.age-card{padding:24px 18px}.age-actions{grid-template-columns:1fr}.age-card h2{font-size:25px}}

.platform-link{text-decoration:none;color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.platform-link:hover{transform:translateY(-2px);border-color:#d7a9be;box-shadow:0 10px 25px #78526916}
.platform-link:focus-visible{outline:3px solid #b96b92;outline-offset:2px}

/* V12 responsive mobile navigation */
.mobile-menu-btn{display:none;width:44px;height:44px;padding:10px;border:1px solid #eadde5;border-radius:12px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:4px;cursor:pointer;flex:none}
.mobile-menu-btn span{display:block;width:20px;height:2px;border-radius:2px;background:#654e5c;transition:.18s}
.mobile-menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mobile-menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-nav{position:fixed;z-index:9998;top:60px;left:0;right:0;max-height:calc(100dvh - 60px);overflow:auto;background:#fff;border-top:1px solid #eadde5;border-bottom:1px solid #eadde5;box-shadow:0 18px 40px rgba(64,38,55,.15);padding:10px 14px calc(14px + env(safe-area-inset-bottom))}
.mobile-nav[hidden]{display:none}
.mobile-nav a{display:flex;align-items:center;min-height:46px;padding:10px 12px;border-bottom:1px solid #f3e8ee;color:#5f4d58;font-size:14px;font-weight:800;text-decoration:none}
.mobile-nav a:last-child{border-bottom:0}
.mobile-nav a:active{background:#fff2f7}
body.mobile-menu-open{overflow:hidden}
@media(max-width:900px){
 header{height:60px!important;padding:0 max(12px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))!important;gap:8px!important}
 header>nav#mainNav{display:none!important}
 .mobile-menu-btn{display:inline-flex!important;margin-left:auto}
 .lang-wrap{margin-left:0!important;max-width:145px}
 .logo{flex:none}
}
@media(max-width:380px){
 .logo{font-size:17px!important}
 .lang-wrap{max-width:120px}
 .lang-wrap select{max-width:92px!important}
 .mobile-menu-btn{width:40px;height:40px}
}

/* V13 simplified hero */
.hero-clean{
 min-height:360px!important;
 display:flex!important;
 align-items:center!important;
 justify-content:center!important;
 text-align:center!important;
 padding:58px 6%!important;
 background:
 radial-gradient(circle at 50% 10%,rgba(224,194,238,.42),transparent 35%),
 linear-gradient(135deg,#fff5f9,#f8f4ff 55%,#f1fbfd)!important;
 border-bottom:1px solid #f0e3ea;
}
.hero-clean-inner{width:min(820px,100%);margin:auto}
.hero-clean .eyebrow{display:inline-block;margin-bottom:10px}
.hero-clean h1{
 margin:0 auto 13px!important;
 max-width:800px!important;
 font-size:clamp(43px,6vw,72px)!important;
 line-height:1.02!important;
 letter-spacing:-.035em;
 background:linear-gradient(90deg,#c64f86,#7967cf,#3d9fb3);
 color:transparent!important;
 background-clip:text;
}
.hero-clean p{margin:0 auto;color:#7b6d77!important;font-size:17px!important;max-width:590px!important}
.hero-clean-actions{display:flex;justify-content:center;gap:9px;margin-top:23px}
.hero-clean-actions a{padding:11px 16px;border-radius:11px;font-size:13px;font-weight:850}
.hero-clean .hero-primary{background:linear-gradient(90deg,#dc5a94,#8068d9);color:white}
.hero-clean .hero-secondary{background:rgba(255,255,255,.85);border:1px solid #e7d8e1;color:#66545f}
@media(max-width:520px){
 .hero-clean{min-height:300px!important;padding:42px 18px!important}
 .hero-clean h1{font-size:42px!important}
 .hero-clean p{font-size:14px!important}
 .hero-clean-actions{display:grid;grid-template-columns:1fr 1fr}
 .hero-clean-actions a{padding:11px 8px}
}

.platform-domain{font-size:11px!important;font-weight:800!important;color:#7c5f70!important;margin:2px 0!important}

/* V19 external-link countdown */
.route-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:18px;background:rgba(35,22,31,.68);backdrop-filter:blur(14px)}
.route-modal[hidden]{display:none}
.route-card{width:min(480px,100%);background:#fff;border:1px solid #eadde5;border-radius:26px;padding:30px;text-align:center;box-shadow:0 35px 100px rgba(48,24,40,.28)}
.route-spinner{width:54px;height:54px;margin:0 auto 17px;border-radius:50%;border:4px solid #f0dfe8;border-top-color:#d75b91;animation:routeSpin .85s linear infinite}
@keyframes routeSpin{to{transform:rotate(360deg)}}
.route-card h2{font-size:24px;margin:0 0 8px}.route-card p{color:#806f79;margin:0 0 20px}
.route-count{font-size:44px;font-weight:950;color:#bf4f80;line-height:1}.route-count small{font-size:12px;margin-left:4px;color:#9a8390}
.route-progress{height:7px;margin:20px 0;background:#f3e7ed;border-radius:99px;overflow:hidden}.route-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#df5d95,#8068db);transform-origin:left;transition:width 1s linear}
.route-cancel{background:#f7f1f5;border:1px solid #e8d9e2;color:#695560;padding:9px 18px}
body.route-locked{overflow:hidden}
@media(max-width:520px){.route-card{padding:25px 18px}.route-card h2{font-size:21px}}

/* V20 compact colorful directory cards + four hero entries */
.hero-four-actions{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important;max-width:760px;margin-left:auto!important;margin-right:auto!important}
.hero-rank-link{display:grid!important;grid-template-columns:auto 1fr!important;grid-template-rows:auto auto!important;column-gap:8px!important;align-items:center!important;text-align:left!important;padding:11px 12px!important;border-radius:14px!important;border:1px solid #eadde5!important;color:#5f4c58!important;box-shadow:0 5px 16px rgba(90,55,75,.05)}
.hero-rank-link>span{grid-row:1/3;width:31px;height:31px;border-radius:10px;display:grid;place-items:center;color:white;font-size:11px}
.hero-rank-link>b{font-size:11px;line-height:1.1}.hero-rank-link>small{font-size:8px!important;letter-spacing:.08em!important;color:#8b7582!important}
.rank-video{background:#fff1f5!important}.rank-video>span{background:#e65d8c}
.rank-live{background:#eef9ff!important}.rank-live>span{background:#4a9fc0}
.rank-celeb{background:#f5f0ff!important}.rank-celeb>span{background:#8268d7}
.rank-taboo{background:#fff8e9!important}.rank-taboo>span{background:#d69a42}

/* directory typography smaller */
.platform-section .head h2{font-size:27px!important;margin-bottom:5px!important}
.platform-section .head p{font-size:11px!important;max-width:520px}
.platform-section .head small{font-size:9px!important}
.platform-card{padding:9px 11px!important;min-height:68px}
.platform-card h3{font-size:12px!important;line-height:1.2!important}
.platform-card p{font-size:8.5px!important;line-height:1.25!important}
.platform-domain{font-size:9.5px!important}
.platform-rank{font-size:12px!important}
.platform-icon{width:32px!important;height:32px!important;border-radius:9px!important;font-size:9px!important}
.adult-tag{font-size:8px!important;padding:3px 6px!important}

/* varied pastel backgrounds per URL card */
.platform-grid .platform-card:nth-child(10n+1){background:linear-gradient(135deg,#fff0f5,#fff)!important;border-color:#f2ccdc!important}
.platform-grid .platform-card:nth-child(10n+2){background:linear-gradient(135deg,#edf9ff,#fff)!important;border-color:#cbe6f2!important}
.platform-grid .platform-card:nth-child(10n+3){background:linear-gradient(135deg,#f3efff,#fff)!important;border-color:#dcd1f4!important}
.platform-grid .platform-card:nth-child(10n+4){background:linear-gradient(135deg,#effbf5,#fff)!important;border-color:#cce9db!important}
.platform-grid .platform-card:nth-child(10n+5){background:linear-gradient(135deg,#fff8e9,#fff)!important;border-color:#f0dfb9!important}
.platform-grid .platform-card:nth-child(10n+6){background:linear-gradient(135deg,#fff1ec,#fff)!important;border-color:#f2d1c6!important}
.platform-grid .platform-card:nth-child(10n+7){background:linear-gradient(135deg,#eef5ff,#fff)!important;border-color:#d1ddf4!important}
.platform-grid .platform-card:nth-child(10n+8){background:linear-gradient(135deg,#f9eff8,#fff)!important;border-color:#ead1e6!important}
.platform-grid .platform-card:nth-child(10n+9){background:linear-gradient(135deg,#f3faeb,#fff)!important;border-color:#dcebc8!important}
.platform-grid .platform-card:nth-child(10n+10){background:linear-gradient(135deg,#fff6eF,#fff)!important;border-color:#eed9c7!important}

@media(max-width:760px){.hero-four-actions{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:520px){
 .hero-clean{padding-bottom:34px!important}
 .hero-four-actions{grid-template-columns:repeat(2,1fr)!important;gap:7px!important}
 .hero-rank-link{padding:9px 8px!important}
 .hero-rank-link>span{width:28px;height:28px}
 .hero-rank-link>b{font-size:10px}
 .platform-section .head h2{font-size:23px!important}
 .platform-card{grid-template-columns:29px 31px 1fr auto!important;padding:8px!important}
 .platform-icon{width:29px!important;height:29px!important}
}

/* V21 XLXClub centered brand header */
header{
 position:sticky!important;
 display:grid!important;
 grid-template-columns:1fr auto 1fr!important;
 align-items:center!important;
 min-height:66px!important;
 padding-left:max(14px,env(safe-area-inset-left))!important;
 padding-right:max(14px,env(safe-area-inset-right))!important;
 gap:10px!important;
}
header .logo{
 grid-column:2!important;
 justify-self:center!important;
 margin:0!important;
 font-size:24px!important;
 letter-spacing:.015em;
 white-space:nowrap;
}
header>nav#mainNav{
 position:absolute!important;
 left:max(14px,env(safe-area-inset-left))!important;
 top:50%!important;
 transform:translateY(-50%)!important;
 margin:0!important;
 display:flex!important;
 gap:11px!important;
 max-width:calc(50% - 90px);
 overflow:hidden;
}
header>nav#mainNav a{font-size:10px!important;white-space:nowrap}
.lang-wrap{grid-column:3!important;justify-self:end!important;margin:0!important}
.mobile-menu-btn{grid-column:1!important;grid-row:1!important;justify-self:start!important;margin:0!important}
.mobile-nav{left:0!important;right:0!important}
@media(max-width:900px){
 header{height:60px!important;min-height:60px!important;grid-template-columns:1fr auto 1fr!important}
 header>nav#mainNav{display:none!important}
 .mobile-menu-btn{display:inline-flex!important}
 header .logo{font-size:22px!important}
 .lang-wrap{grid-column:3!important;justify-self:end!important}
}
@media(min-width:901px){
 .mobile-menu-btn{display:inline-flex!important}
 /* Desktop keeps the compact menu icon on the far left as requested;
    full nav remains available beside it only when space permits. */
 header>nav#mainNav{left:68px!important}
}
@media(max-width:420px){
 header .logo{font-size:19px!important}
 .lang-wrap{max-width:110px!important}
 .lang-wrap span{display:none}
 .lang-wrap select{max-width:100px!important}
}

/* V22 colorful ranking website names */
.platform-grid .platform-card h3{
  font-weight:900!important;
  letter-spacing:.01em;
}
.platform-grid .platform-card:nth-child(12n+1) h3{color:#d94f83!important}
.platform-grid .platform-card:nth-child(12n+2) h3{color:#397fc4!important}
.platform-grid .platform-card:nth-child(12n+3) h3{color:#7559c7!important}
.platform-grid .platform-card:nth-child(12n+4) h3{color:#188e72!important}
.platform-grid .platform-card:nth-child(12n+5) h3{color:#c27a25!important}
.platform-grid .platform-card:nth-child(12n+6) h3{color:#d45d45!important}
.platform-grid .platform-card:nth-child(12n+7) h3{color:#4768c8!important}
.platform-grid .platform-card:nth-child(12n+8) h3{color:#a84e9c!important}
.platform-grid .platform-card:nth-child(12n+9) h3{color:#668f2e!important}
.platform-grid .platform-card:nth-child(12n+10) h3{color:#bd6740!important}
.platform-grid .platform-card:nth-child(12n+11) h3{color:#24899b!important}
.platform-grid .platform-card:nth-child(12n+12) h3{color:#9a5cbd!important}
.platform-grid .platform-card:hover h3{filter:saturate(1.18);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* V23 Safari guidance for ranking links */
.safari-guide{position:fixed;inset:0;z-index:100001;display:grid;place-items:center;padding:18px;background:rgba(34,23,31,.70);backdrop-filter:blur(15px)}
.safari-guide[hidden]{display:none}.safari-card{width:min(540px,100%);background:white;border:1px solid #eadde5;border-radius:27px;padding:28px;text-align:center;box-shadow:0 35px 100px rgba(48,24,40,.30)}
.safari-icon{width:62px;height:62px;border-radius:18px;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,#d9f5ff,#e9e2ff);color:#44586b;font-size:29px;font-weight:900}
.safari-card h2{font-size:25px;margin:0 0 7px}.safari-card>p{color:#7d6b77;margin:0 auto 17px}
.safari-url{display:flex;align-items:center;gap:7px;background:#f8f4f7;border:1px solid #eadde5;border-radius:12px;padding:7px}.safari-url span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;flex:1;font-size:11px;color:#745f6b}.safari-url button{padding:7px 10px;font-size:10px}
.safari-steps{display:flex;align-items:center;justify-content:center;gap:7px;margin:18px 0}.safari-steps div{flex:1;display:grid;justify-items:center;gap:5px;color:#786672;font-size:10px}.safari-steps b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#f0e5eb;color:#b14b79}.safari-steps i{font-style:normal;color:#b89daa;font-size:20px}
.safari-actions{display:grid;gap:7px}.safari-actions button{padding:11px}.safari-primary{background:linear-gradient(90deg,#d95a91,#8068d8);color:white}.safari-secondary{background:#f3f7fb;border:1px solid #dce5ed;color:#536575}.safari-cancel{background:transparent;color:#8b7883}
.safari-card>small{display:block;margin-top:10px;color:#a18e99;font-size:9px}
body.safari-locked{overflow:hidden}
@media(max-width:520px){.safari-card{padding:22px 15px}.safari-card h2{font-size:22px}.safari-steps{gap:3px}.safari-steps div{font-size:9px}}

/* V26 compact one-line hero */
.hero-clean{min-height:250px!important;padding-top:38px!important;padding-bottom:34px!important}
.hero-clean h1{font-size:clamp(38px,5vw,62px)!important;margin-bottom:18px!important}
@media(max-width:520px){.hero-clean{min-height:230px!important;padding-top:30px!important;padding-bottom:28px!important}.hero-clean h1{font-size:38px!important}}

/* V28 iPhone/Safari hardening */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);overflow-x:hidden}
header{padding-top:env(safe-area-inset-top);height:calc(66px + env(safe-area-inset-top))!important}
input,select,textarea{font-size:16px}
button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
section[id]{scroll-margin-top:calc(76px + env(safe-area-inset-top))}
.age-gate,.safari-guide,.route-modal{padding-top:calc(18px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom))}
@media(max-width:900px){header{height:calc(60px + env(safe-area-inset-top))!important;min-height:calc(60px + env(safe-area-inset-top))!important}.mobile-nav{top:calc(60px + env(safe-area-inset-top))!important;max-height:calc(100dvh - 60px - env(safe-area-inset-top))!important}}

/* V30 four visually distinct directory panels */
.directory-panel{
 margin:34px 4%!important;
 padding:34px 2.5%!important;
 border-radius:26px;
 border:2px solid transparent;
 box-shadow:0 16px 45px rgba(60,40,55,.08);
}
.directory-panel .head{padding:0 5px 13px;border-bottom:1px solid rgba(80,60,75,.10);margin-bottom:18px!important}
.directory-panel .head h2{
 display:inline-block;
 font-size:29px!important;
 font-weight:950!important;
 letter-spacing:-.025em;
 padding:7px 13px;
 border-radius:12px;
 margin:5px 0!important;
}
.directory-panel .head small{font-weight:950!important;letter-spacing:.16em!important}
.directory-video{background:linear-gradient(135deg,#fff0f5,#fff8fb)!important;border-color:#efb8cf!important}
.directory-video .head h2{background:#e85d91;color:white!important}.directory-video .head small{color:#b64070!important}
.directory-live{background:linear-gradient(135deg,#edf9ff,#f8fdff)!important;border-color:#acdbea!important}
.directory-live .head h2{background:#3d9fbd;color:white!important}.directory-live .head small{color:#277c96!important}
.directory-celeb{background:linear-gradient(135deg,#f4efff,#fbf9ff)!important;border-color:#cfc0ef!important}
.directory-celeb .head h2{background:#8067d1;color:white!important}.directory-celeb .head small{color:#6650ad!important}
.directory-taboo{background:linear-gradient(135deg,#fff6e6,#fffcf5)!important;border-color:#ebce91!important}
.directory-taboo .head h2{background:#c98c31;color:white!important}.directory-taboo .head small{color:#99661f!important}
.directory-panel .platform-card{box-shadow:0 5px 16px rgba(55,38,50,.05)!important}
@media(max-width:700px){
 .directory-panel{margin:18px 10px!important;padding:25px 10px!important;border-radius:20px}
 .directory-panel .head h2{font-size:21px!important;padding:6px 9px}
}

/* V34 performance + compact adult directory cards */

/* Reduce expensive paint/compositing while scrolling */
header{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(255,255,255,.98)!important}
.age-gate,.safari-guide,.route-modal{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(35,22,31,.78)!important}
.card,.platform-card,.rank-wide,.global-photo-card{box-shadow:0 3px 10px rgba(60,40,55,.045)!important}
.card:hover .avatar img,.fighter:hover .avatar img{transform:none!important}

/* Skip rendering far-off sections until close to viewport (modern Chromium/Safari safely ignores if unsupported) */
section:not(.hero-clean){content-visibility:auto;contain-intrinsic-size:700px}

/* Images: reduce layout/paint work */
.avatar img{content-visibility:auto;will-change:auto!important;transform:none!important}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Compact the four adult URL directories */
.directory-panel{
 margin:18px 3%!important;
 padding:22px 1.7%!important;
 border-radius:20px!important;
 box-shadow:0 7px 20px rgba(60,40,55,.05)!important;
}
.directory-panel .head{margin-bottom:10px!important;padding-bottom:8px!important}
.directory-panel .head h2{font-size:23px!important;padding:5px 10px!important;border-radius:9px!important}
.directory-panel .head p{margin:3px 0!important;font-size:9.5px!important}
.platform-grid{gap:5px!important}
.platform-card{
 min-height:54px!important;
 padding:6px 8px!important;
 border-radius:10px!important;
 grid-template-columns:29px 29px 1fr auto!important;
 gap:6px!important;
}
.platform-icon{width:27px!important;height:27px!important;border-radius:7px!important;font-size:8px!important}
.platform-rank{font-size:10px!important}
.platform-card h3{font-size:11px!important;margin:0!important}
.platform-domain{font-size:8.5px!important;margin:1px 0!important}
.platform-card p{font-size:7.8px!important;margin:0!important}
.adult-tag{font-size:7px!important;padding:2px 5px!important}
.platform-link:hover{transform:none!important;box-shadow:0 3px 9px rgba(60,40,55,.06)!important}
@media(max-width:700px){
 .directory-panel{margin:10px 7px!important;padding:16px 7px!important;border-radius:15px!important}
 .directory-panel .head h2{font-size:18px!important}
 .platform-grid{gap:4px!important}
 .platform-card{min-height:50px!important;padding:5px 6px!important}
}

/* V35 mobile-first image sizing */
@media(max-width:900px){
 .card .avatar{height:230px!important}
 .global-photo-card{height:300px!important}
 .fighter .avatar{height:190px!important}
}
@media(max-width:520px){
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}
 .card .avatar{height:150px!important}
 .global-photo-card{height:190px!important}
 .fighter .avatar{height:145px!important}
 .avatar img{object-position:center 16%}
 .card h3{font-size:11.5px!important}
 .card p{font-size:8.5px!important}
 .photo-credit{font-size:7px!important}
}
@media(max-width:360px){
 .card .avatar{height:135px!important}
 .global-photo-card{height:175px!important}
}

/* V36: aggressive mobile scroll performance */

/* The old animated shimmer was expensive when many unloaded cards existed. */
.avatar.loading{
 animation:none!important;
 background:#f1e8ed!important;
}
.avatar.loading:after{display:none!important}

/* Avoid content-visibility reveal/reflow jank on long iOS pages. */
section{content-visibility:visible!important;contain-intrinsic-size:auto!important}
html{scroll-behavior:auto!important}

/* Remove remaining expensive transitions while scrolling. */
.avatar img,.platform-link,.like-btn,.mobile-menu-btn span{transition:none!important}

/* Smaller image cards and much smaller overlay text on phones. */
@media(max-width:520px){
 .global-photo-card{height:165px!important;border-radius:12px!important}
 .global-photo-card .avatar{height:100%!important}
 .global-overlay{
   padding:34px 6px 6px!important;
   grid-template-columns:auto 1fr!important;
   gap:4px!important;
   background:linear-gradient(transparent,rgba(24,13,23,.76))!important;
 }
 .global-overlay .num{font-size:10px!important}
 .global-overlay h3{font-size:9.5px!important;line-height:1.05!important;margin:0!important}
 .global-overlay p{display:none!important}
 .global-overlay>div>span{display:none!important}
 .global-overlay .like-btn{
   grid-column:2!important;
   justify-self:start!important;
   font-size:7.5px!important;
   line-height:1!important;
   padding:3px 6px!important;
   min-height:0!important;
 }
 .card .avatar{height:130px!important}
 .card h3{font-size:10px!important;line-height:1.05!important;margin:4px 2px 1px!important}
 .card>p{font-size:7.5px!important;line-height:1.15!important;margin:1px 2px!important}
 .card .rank{font-size:7px!important;padding:2px 4px!important}
 .card .like-btn{font-size:7.5px!important;padding:3px 5px!important}
 .photo-credit{display:none!important}
}
@media(max-width:360px){
 .global-photo-card{height:150px!important}
 .card .avatar{height:118px!important}
}

/* Directory popularity number; compact and red */
.site-popularity{
 color:#d84d69;
 font-size:9px;
 font-weight:950;
 white-space:nowrap;
 font-variant-numeric:tabular-nums;
}
.platform-card{grid-template-columns:29px 29px minmax(0,1fr) auto auto!important}
@media(max-width:520px){
 .site-popularity{font-size:8px}
 .platform-card{grid-template-columns:26px 27px minmax(0,1fr) auto auto!important;gap:4px!important}
}

/* V37 ULTRALIGHT — prioritize iPhone scroll performance */

/* Directory section: eliminate expensive paint effects completely */
.directory-panel,
.directory-video,.directory-live,.directory-celeb,.directory-taboo{
 background:#fff!important;
 background-image:none!important;
 box-shadow:none!important;
 border:1px solid #e7e7e7!important;
 border-radius:12px!important;
}
.directory-video{border-left:4px solid #df5d91!important}
.directory-live{border-left:4px solid #3e9fbd!important}
.directory-celeb{border-left:4px solid #8067d1!important}
.directory-taboo{border-left:4px solid #c98c31!important}
.directory-panel .head{border-bottom:1px solid #eee!important}
.directory-panel .head h2{
 background:transparent!important;
 padding:0!important;
 border-radius:0!important;
}
.directory-video .head h2{color:#c84678!important}
.directory-live .head h2{color:#287f9b!important}
.directory-celeb .head h2{color:#6851b4!important}
.directory-taboo .head h2{color:#9b681e!important}

/* URL rows become flat list rows, not layered gradient cards */
.platform-grid{display:block!important}
.platform-card,
.platform-grid .platform-card:nth-child(n){
 display:grid!important;
 background:#fff!important;
 background-image:none!important;
 box-shadow:none!important;
 border:0!important;
 border-bottom:1px solid #eeeeee!important;
 border-radius:0!important;
 margin:0!important;
 min-height:44px!important;
 padding:5px 7px!important;
 transform:none!important;
 filter:none!important;
}
.platform-card:last-child{border-bottom:0!important}
.platform-icon{background:#f3f3f3!important;box-shadow:none!important}
.platform-link:hover{background:#fafafa!important;box-shadow:none!important;transform:none!important}
.platform-grid .platform-card h3{color:#433b40!important;text-decoration:none!important;filter:none!important}
.platform-grid .platform-card:nth-child(6n+1) h3{color:#b74472!important}
.platform-grid .platform-card:nth-child(6n+2) h3{color:#337ca2!important}
.platform-grid .platform-card:nth-child(6n+3) h3{color:#6752ad!important}
.platform-grid .platform-card:nth-child(6n+4) h3{color:#278269!important}
.platform-grid .platform-card:nth-child(6n+5) h3{color:#a66c22!important}
.platform-grid .platform-card:nth-child(6n+6) h3{color:#a94e43!important}

/* Kill all nonessential visual effects globally on mobile */
@media(max-width:900px){
 *{text-shadow:none!important}
 .directory-panel,.platform-card,.global-photo-card,.card,.fighter,.era article{box-shadow:none!important}
 .directory-panel{margin:8px 6px!important;padding:10px 6px!important}
 .directory-panel .head{margin-bottom:4px!important;padding:2px 2px 6px!important}
 .directory-panel .head h2{font-size:16px!important}
 .directory-panel .head p{display:none!important}
 .directory-panel .head small{font-size:7px!important}
 .platform-card{min-height:40px!important;padding:4px 5px!important}
 .platform-icon{width:24px!important;height:24px!important;font-size:7px!important}
 .platform-rank{font-size:9px!important}
 .platform-card h3{font-size:10px!important}
 .platform-domain{font-size:7.5px!important}
 .platform-card p:not(.platform-domain){display:none!important}
 .site-popularity{font-size:7.5px!important}
 .adult-tag{font-size:6.5px!important}
}

/* Avoid fixed-background-like compositing and excessive gradients on the long document */
body{background:#fff!important}

/* V38 countdown modal: smooth, low-cost, always animated */
.route-modal{
 background:rgba(35,22,31,.82)!important;
 backdrop-filter:none!important;
 -webkit-backdrop-filter:none!important;
}
.route-card{
 box-shadow:none!important;
 border-radius:20px!important;
 padding:24px!important;
}
.route-spinner{
 width:46px!important;
 height:46px!important;
 margin:0 auto 14px!important;
 border:3px solid #f0dfe8!important;
 border-top-color:#d75b91!important;
 animation:routeSpinV38 .8s linear infinite!important;
 will-change:transform;
 transform:translateZ(0);
}
@keyframes routeSpinV38{from{transform:translateZ(0) rotate(0deg)}to{transform:translateZ(0) rotate(360deg)}}
.route-progress{height:5px!important;background:#f1e6ec!important;overflow:hidden!important}
.route-progress i{
 width:100%!important;
 height:100%!important;
 display:block!important;
 background:#d95a91!important;
 transform-origin:left center!important;
 transform:scaleX(1);
 transition:none!important;
 will-change:transform;
}
.route-count{font-variant-numeric:tabular-nums}
@media(prefers-reduced-motion:reduce){
 .route-spinner{animation:routeSpinV38 .8s linear infinite!important}
}
@media(max-width:520px){
 .route-card{padding:20px 16px!important}
 .route-spinner{width:42px!important;height:42px!important}
}

/* V39 countdown ring — no continuous spinning */
.route-spinner{display:none!important}
.route-ring{width:58px;height:58px;margin:0 auto 13px}
.route-ring svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}
.route-ring circle{fill:none;stroke-width:5}
.route-ring-track{stroke:#f0e3e9}
.route-ring-progress{
 stroke:#d8588d;
 stroke-linecap:round;
 stroke-dasharray:169.646;
 stroke-dashoffset:0;
 transition:stroke-dashoffset .2s linear!important;
 will-change:stroke-dashoffset;
}
@media(max-width:520px){.route-ring{width:52px;height:52px}}

/* V40 clearer Safari handoff guide */
.safari-browser-steps{display:flex;align-items:center;justify-content:center;gap:6px;margin:15px 0}
.safari-browser-steps>div{flex:1;min-width:0;display:grid;justify-items:center;gap:5px;color:#786672;font-size:9.5px;line-height:1.25}
.safari-browser-steps b{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#f0e5eb;color:#b14b79}
.safari-browser-steps i{font-style:normal;color:#b89daa;font-size:19px}
@media(max-width:520px){.safari-browser-steps{gap:2px}.safari-browser-steps>div{font-size:8.5px}.safari-browser-steps b{width:24px;height:24px}}

.safari-static-label{width:100%;padding:11px;min-height:46px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:800;cursor:default!important;user-select:none;pointer-events:none}
.safari-secondary.safari-static-label{background:#f3f7fb;border:1px solid #dce5ed;color:#536575}
.safari-cancel.safari-static-label{background:white;border:1px solid #eadde5;color:#8b7883}

/* V48 Safari modal close button */
.safari-card{position:relative!important}
.safari-close-btn{
 position:absolute;top:12px;right:12px;
 width:38px;height:38px;padding:0!important;
 border:0!important;border-radius:50%!important;
 background:#f4edf1!important;color:#725f6a!important;
 display:grid;place-items:center;
 font-size:25px!important;font-weight:500!important;line-height:1!important;
 cursor:pointer;z-index:2;
}
.safari-close-btn:active{background:#eadde5!important}
@media(max-width:520px){.safari-close-btn{top:9px;right:9px;width:36px;height:36px;font-size:23px!important}}

/* V49 mobile sync + lighter adult-star cards */
.safari-card{position:relative!important}
.safari-close-btn{
 position:absolute!important;top:10px!important;right:10px!important;
 width:38px!important;height:38px!important;padding:0!important;
 display:grid!important;place-items:center!important;
 border:0!important;border-radius:50%!important;
 background:#f3e9ef!important;color:#6f5b67!important;
 font-size:25px!important;line-height:1!important;z-index:20!important;
 cursor:pointer!important;
}
@media(max-width:520px){
 .safari-close-btn{width:36px!important;height:36px!important;top:8px!important;right:8px!important}
 /* Adult/global star images significantly smaller */
 .global-photo-card{height:118px!important}
 .card .avatar{height:96px!important}
 .fighter .avatar{height:105px!important}
 .global-overlay{padding:24px 5px 4px!important}
 .global-overlay h3{font-size:8.5px!important}
 .global-overlay .num{font-size:8px!important}
 .global-overlay .like-btn{font-size:6.8px!important;padding:2px 4px!important}
 .card h3{font-size:9px!important}
 .card>p{font-size:7px!important}
}
@media(max-width:360px){
 .global-photo-card{height:108px!important}
 .card .avatar{height:88px!important}
}