/* YIYI UI — rebuilt from the supplied GameHiHe HTML design, independent from legacy theme CSS. */


:root{
  --bg:#0A0E1A;
  --glass:rgba(255,255,255,.055);
  --glass-2:rgba(255,255,255,.09);
  --stroke:rgba(255,255,255,.11);
  --stroke-hi:rgba(255,255,255,.22);
  --text:#F2F5FF;
  --muted:#8B94AD;
  --cyan:#22D3EE;
  --violet:#8B5CF6;
  --coral:#FF3D5A;
  --amber:#FBBF24;
  --mint:#34D399;
  --grad:linear-gradient(135deg,var(--cyan),var(--violet));
  --r-xl:28px;
  --r-lg:22px;
  --r-md:16px;
  --fd:'Space Grotesk','Plus Jakarta Sans',system-ui,sans-serif;
  --fb:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--fb);
  font-size:15px;line-height:1.55;
  min-height:100vh;overflow-x:hidden;
}
button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:8px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* ===== Mesh gradient fondo ===== */
.mesh{
  position:fixed;inset:0;z-index:-1;overflow:hidden;
  background:
    radial-gradient(560px 420px at 12% -6%, rgba(139,92,246,.22), transparent 62%),
    radial-gradient(640px 480px at 96% 4%,  rgba(34,211,238,.14), transparent 60%),
    radial-gradient(700px 560px at 50% 112%, rgba(255,61,90,.12), transparent 62%),
    var(--bg);
}
.mesh::after{ /* ruido sutil */
  content:"";position:absolute;inset:0;opacity:.35;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ===== Glass utility ===== */
.glass{
  background:var(--glass);
  border:1px solid var(--stroke);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

/* ================= NAV ================= */
.nav{
  position:sticky;top:12px;z-index:60;
  max-width:1280px;margin:12px auto 0;padding:0 16px;
}
.nav-in{
  border-radius:99px;padding:9px 12px 9px 20px;
  display:flex;align-items:center;gap:16px;
  background:rgba(13,18,34,.72);
  border:1px solid var(--stroke);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  box-shadow:0 12px 40px -18px rgba(0,0,0,.7);
}
.logo{
  font-family:var(--fd);font-weight:700;font-size:1.28rem;letter-spacing:-.4px;
  display:flex;align-items:center;gap:10px;flex-shrink:0;
}
.logo-dot{
  width:34px;height:34px;border-radius:11px;background:var(--grad);
  display:flex;align-items:center;justify-content:center;font-size:1rem;
  box-shadow:0 4px 18px -4px rgba(139,92,246,.7);
}
.logo .yi{
  background:var(--grad);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.nav-links{display:flex;gap:4px;font-weight:600;font-size:.85rem;color:var(--muted)}
.nav-links a{padding:7px 13px;border-radius:99px;transition:all .18s}
.nav-links a:hover,.nav-links a.on{color:var(--text);background:var(--glass-2)}
.nav .search{margin-left:auto;position:relative;width:250px;transition:width .25s ease}
.nav .search input{
  width:100%;background:var(--glass);border:1px solid var(--stroke);
  border-radius:99px;padding:8px 15px 8px 38px;color:var(--text);
  font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .2s;
}
.nav .search input:focus{outline:none;border-color:var(--cyan)}
.nav .search input::placeholder{color:#5E6883}
.nav .search::before{content:"⌕";position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1.05rem;color:var(--muted)}
.coin{
  display:none;align-items:center;gap:6px;font-weight:800;font-size:.83rem;
  border-radius:99px;padding:7px 14px;color:var(--amber);
  background:rgba(251,191,36,.09);border:1px solid rgba(251,191,36,.25);
  white-space:nowrap;
}
.btn{
  font-family:var(--fd);font-weight:600;font-size:.88rem;border-radius:99px;
  padding:9px 19px;transition:all .18s;display:inline-flex;align-items:center;gap:8px;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-1px)}
.btn-grad{background:var(--grad);color:#fff;box-shadow:0 6px 20px -6px rgba(34,211,238,.5)}
.btn-grad:hover{box-shadow:0 8px 26px -6px rgba(139,92,246,.6)}
.btn-glass{background:var(--glass);border:1px solid var(--stroke);color:var(--text)}
.btn-glass:hover{border-color:var(--stroke-hi)}

/* ================= WRAP ================= */
.wrap{max-width:1280px;margin:0 auto;padding:26px 16px 60px}

/* ================= HERO ================= */
.hero{
  display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-bottom:14px;
}
.hero-main{
  position:relative;border-radius:var(--r-xl);padding:42px 40px;overflow:hidden;
  background:linear-gradient(130deg,rgba(139,92,246,.16),rgba(34,211,238,.1) 55%,transparent);
  border:1px solid var(--stroke);
  display:flex;flex-direction:column;justify-content:center;min-height:256px;
}
.hero-main::before{ /* orb */
  content:"";position:absolute;width:380px;height:380px;border-radius:50%;
  background:radial-gradient(circle,rgba(34,211,238,.28),transparent 65%);
  top:-160px;right:-100px;filter:blur(4px);
  animation:orb 9s ease-in-out infinite;
}
@keyframes orb{0%,100%{transform:translate(0,0)}50%{transform:translate(-28px,22px)}}
.eyebrow{
  display:inline-flex;align-items:center;gap:8px;width:max-content;
  font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
  color:var(--cyan);margin-bottom:14px;
  padding:6px 13px;border-radius:99px;
  background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.25);
}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--mint);animation:blink 1.6s infinite}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero h1{
  font-family:var(--fd);font-weight:700;letter-spacing:-1.5px;
  font-size:clamp(2rem,4.6vw,3.1rem);line-height:1.05;margin-bottom:12px;
}
.hero h1 .grad{
  background:var(--grad);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero p{color:var(--muted);max-width:460px;margin-bottom:22px;font-weight:500}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}
.hero-stats{display:flex;gap:26px;margin-top:26px}
.hstat{display:flex;flex-direction:column}
.hstat b{font-family:var(--fd);font-size:1.25rem;font-weight:700}
.hstat span{font-size:.72rem;color:var(--muted);font-weight:600}

/* Featured glass card */
.feat{
  border-radius:var(--r-xl);padding:22px;position:relative;overflow:hidden;
  display:flex;flex-direction:column;gap:14px;
}
.feat-tag{font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--coral)}
.feat-art{
  border-radius:var(--r-md);height:140px;
  background:linear-gradient(135deg,#FF3D5A,#8B5CF6);
  display:flex;align-items:center;justify-content:center;font-size:3.6rem;
  position:relative;overflow:hidden;
}
.feat-art::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);
  transform:translateX(-120%);animation:shine 3.6s ease-in-out infinite;
}
@keyframes shine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.feat h3{font-family:var(--fd);font-weight:700;font-size:1.15rem}
.feat p{font-size:.82rem;color:var(--muted);font-weight:500}
.feat-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto}
.avatars{display:flex}
.avatars span{
  width:26px;height:26px;border-radius:50%;border:2px solid var(--bg);
  display:flex;align-items:center;justify-content:center;font-size:.72rem;
  margin-left:-7px;background:var(--glass-2);
}
.avatars span:first-child{margin-left:0}
.feat-foot small{font-size:.72rem;color:var(--muted);font-weight:600;margin-left:8px}




/* ===== Clasificación semana (cambiar Game de semana) ===== */
.lb{border-radius:var(--r-xl);padding:20px 22px;display:flex;flex-direction:column;gap:12px}
.lb-head{display:flex;align-items:center;gap:9px}
.lb-head span{font-size:1.2rem}
.lb-head h3{font-family:var(--fd);font-weight:700;font-size:1.05rem;letter-spacing:-.2px}
.lb-rows{display:flex;flex-direction:column}
.lb-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--stroke);font-size:.85rem}
.lb-row:last-child{border-bottom:none}
.lb-rank{width:26px;height:26px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:700;font-size:.76rem;background:var(--glass-2);color:var(--muted);flex-shrink:0}
.lb-rank.r1{background:linear-gradient(135deg,#FDE68A,#F59E0B);color:#3A2A00}
.lb-rank.r2{background:linear-gradient(135deg,#E2E8F0,#94A3B8);color:#1E293B}
.lb-rank.r3{background:linear-gradient(135deg,#FDBA74,#C2410C);color:#3A1503}
.lb-ava{width:28px;height:28px;border-radius:50%;background:var(--glass-2);display:flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}
.lb-name{font-weight:700;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-pts{font-weight:800;color:var(--amber);font-size:.8rem;white-space:nowrap}
.lb-me{background:rgba(34,211,238,.07);border-radius:12px;margin:4px -6px 0;padding:8px 10px;border:1px solid rgba(34,211,238,.25)}
.lb-cta{width:100%;justify-content:center;margin-top:auto;font-size:.85rem}


/* ===== Botón cargar app (Google Play / App Store) ===== */
.store-btn{
  display:flex;align-items:center;gap:11px;padding:9px 18px 9px 14px;border-radius:14px;
  background:#0B0F1C;border:1px solid var(--stroke-hi);
  transition:transform .18s,box-shadow .18s,border-color .18s;
  box-shadow:0 8px 22px -10px rgba(0,0,0,.6);
}
.store-btn:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:0 12px 28px -10px rgba(34,211,238,.35)}
body.light .store-btn{background:#101526}
.st-ic{font-size:1.45rem;line-height:1}
.st-ic.gp{background:linear-gradient(135deg,#00E3A5 0%,#00C3FF 40%,#FFD500 70%,#FF3D5A 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-ic.ap{color:#fff}
.st-tx{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.st-tx small{font-size:.56rem;font-weight:800;letter-spacing:.14em;color:#8B94AD}
.st-tx b{font-family:var(--fd);font-weight:700;font-size:.98rem;color:#fff}
.web-play{font-size:.82rem}


/* ===== Clasificación: podio Top 3 + filas compactas ===== */
.lb{gap:10px}
.lb-live{display:flex;align-items:center;gap:5px;margin-left:auto;font-size:.58rem;font-weight:800;letter-spacing:.14em;color:var(--mint);padding:4px 10px;border-radius:99px;background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.3)}
.lb-live i{width:5px;height:5px;border-radius:50%;background:var(--mint);animation:blink 1.6s infinite}
.lbp{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:8px;align-items:end;padding:14px 2px 2px}
.lbp-col{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;min-width:0}
.lbp-ava{position:relative;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass-2);flex-shrink:0}
.lbp-col.first .lbp-ava{width:58px;height:58px;font-size:1.7rem;border:2px solid #F59E0B;box-shadow:0 0 22px -4px rgba(245,158,11,.65)}
.lbp-col.second .lbp-ava{width:46px;height:46px;font-size:1.35rem;border:2px solid #94A3B8}
.lbp-col.third .lbp-ava{width:46px;height:46px;font-size:1.35rem;border:2px solid #C2410C}
.crown{position:absolute;top:-17px;left:50%;transform:translateX(-50%);font-size:1rem;filter:drop-shadow(0 3px 5px rgba(0,0,0,.4));animation:crownBob 2.4s ease-in-out infinite}
@keyframes crownBob{0%,100%{transform:translateX(-50%) translateY(0) rotate(-4deg)}50%{transform:translateX(-50%) translateY(-3px) rotate(4deg)}}
.lbp-name{font-weight:800;font-size:.66rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lbp-pts{font-weight:800;font-size:.64rem;color:var(--amber)}
.lbp-ped{width:100%;border-radius:10px 10px 6px 6px;display:flex;align-items:center;justify-content:center;font-family:var(--fd);font-weight:700;font-size:.82rem;margin-top:3px}
.lbp-ped.p1{height:42px;background:linear-gradient(180deg,#FDE68A,#F59E0B);color:#3A2A00;box-shadow:0 6px 18px -6px rgba(245,158,11,.55)}
.lbp-ped.p2{height:30px;background:linear-gradient(180deg,#E2E8F0,#94A3B8);color:#1E293B}
.lbp-ped.p3{height:24px;background:linear-gradient(180deg,#FDBA74,#C2410C);color:#3A1503}
.lb-row{border-radius:12px;padding:8px 8px;margin:0 -4px;transition:background .15s;border-bottom:none}
.lb-row:hover{background:var(--glass-2)}
.lb-rows{gap:2px}
.lb-foot{font-size:.66rem;font-weight:700;color:var(--muted);text-align:center;padding:2px 0}
.lb-foot b{color:var(--text)}

/* ================= FILTER PILLS ================= */
.pills{
  display:flex;gap:8px;overflow-x:auto;padding:16px 2px 18px;
  scrollbar-width:none;
}
.pills::-webkit-scrollbar{display:none}
.pill{
  border-radius:99px;padding:8px 17px;font-weight:700;font-size:.83rem;
  color:var(--muted);white-space:nowrap;transition:all .18s;
  background:var(--glass);border:1px solid var(--stroke);
}
.pill:hover{color:var(--text);border-color:var(--stroke-hi)}
.pill.active{
  color:#fff;background:var(--grad);border-color:transparent;
  box-shadow:0 5px 18px -6px rgba(34,211,238,.55);
}

/* ================= SECTION HEAD ================= */
.sec{display:flex;align-items:baseline;gap:12px;margin:28px 0 14px}
.sec h2{font-family:var(--fd);font-weight:700;font-size:1.35rem;letter-spacing:-.5px}
.sec .line{flex:1;height:1px;background:linear-gradient(90deg,var(--stroke),transparent)}
.sec .more{font-size:.8rem;font-weight:700;color:var(--cyan)}

/* ================= BENTO GRID (proporción proporción campo cuadrado 1:1 tipo Poki) ================= */
.bento{
  display:grid;gap:12px;
  grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
  grid-auto-flow:dense;
  /* grid-auto-rows se JS sincronizar = ancho columnas → campo siempre cuadrado como Poki */
}
.cell{
  border-radius:var(--r-lg);position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
  border:1px solid var(--stroke);
  transition:transform .22s cubic-bezier(.2,.9,.3,1.2),border-color .22s,box-shadow .22s;
}
.cell:hover{
  transform:translateY(-5px);border-color:var(--stroke-hi);
  box-shadow:0 20px 44px -18px rgba(0,0,0,.75),0 0 0 1px rgba(34,211,238,.12);
  z-index:2;
}
.cell.b2{grid-column:span 2;grid-row:span 2}
.cell.w2{grid-column:span 2}
.cell .art{font-size:2.3rem;transition:transform .25s;filter:drop-shadow(0 6px 14px rgba(0,0,0,.4))}
.cell.b2 .art{font-size:4.4rem}
/* Poki-style: logo siempre ocupar ~44% borde campo — arrastrar espaciado/thu pequeño todavía mantener correcto proporción proporción */
@supports (container-type: size){
  .cell{container-type:size}
  .cell .art, .cell.b2 .art{font-size:44cqmin}
  .cell .veil h4, .cell.b2 .veil h4{font-size:clamp(.78rem,9.5cqmin,1.15rem)}
  .cell .veil span{font-size:clamp(.62rem,6.5cqmin,.78rem)}
  .cell .chipx{font-size:clamp(.52rem,5.5cqmin,.66rem)}
}
.cell:hover .art{transform:scale(1.18) rotate(-3deg)}
.cell .veil{
  position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;
  padding:14px;opacity:0;transition:opacity .2s;
  background:linear-gradient(transparent 40%,rgba(6,9,18,.88));
}
.cell:hover .veil{opacity:1}
.cell .veil h4{font-family:var(--fd);font-weight:700;font-size:.92rem}
.cell.b2 .veil h4{font-size:1.1rem}
.cell .veil span{font-size:.7rem;color:#B9C2DA;font-weight:600}
.chipx{
  position:absolute;top:10px;left:10px;z-index:2;
  font-size:.6rem;font-weight:800;letter-spacing:.08em;
  padding:4px 10px;border-radius:99px;color:#fff;
  backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);
}
.chipx.hot{background:rgba(255,61,90,.75)}
.chipx.baru{background:rgba(52,211,153,.72);color:#03130C}
.chipx.top{background:rgba(139,92,246,.75)}
.heart{
  position:absolute;top:8px;right:8px;z-index:2;
  width:31px;height:31px;border-radius:99px;font-size:.85rem;
  background:rgba(10,14,26,.55);border:1px solid var(--stroke);
  backdrop-filter:blur(8px);
  display:flex;align-items:center;justify-content:center;
  opacity:0;transition:all .18s;
}
.cell:hover .heart{opacity:1}
.heart.on{opacity:1;border-color:rgba(255,61,90,.6);background:rgba(255,61,90,.18)}

/* ================= ROW ngang ================= */
.hrow{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:none;scroll-snap-type:x mandatory}
.hrow::-webkit-scrollbar{display:none}
.hcard{
  flex:0 0 140px;scroll-snap-align:start;border-radius:var(--r-lg);overflow:hidden;
  border:1px solid var(--stroke);background:var(--glass);
  backdrop-filter:blur(14px);
  transition:transform .2s,border-color .2s;
}
.hcard:hover{transform:translateY(-4px);border-color:var(--stroke-hi)}
.hthumb{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:2.3rem}
@supports (container-type: inline-size){
  .hcard{container-type:inline-size}
  .hthumb{font-size:44cqw}
}
.hbody{padding:10px 13px 12px}
.hbody h4{font-family:var(--fd);font-weight:700;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbody span{font-size:.68rem;font-weight:700;color:var(--muted);letter-spacing:.06em}

/* ================= KATEGORI GLASS ================= */
.cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.cat{
  border-radius:var(--r-lg);padding:18px 16px;position:relative;overflow:hidden;
  display:flex;flex-direction:column;gap:2px;
  transition:transform .2s,border-color .2s;
}
.cat:hover{transform:translateY(-4px);border-color:var(--stroke-hi)}
.cat .cic{
  width:42px;height:42px;border-radius:13px;font-size:1.3rem;
  display:flex;align-items:center;justify-content:center;margin-bottom:10px;
}
.cat h4{font-family:var(--fd);font-weight:700;font-size:.95rem}
.cat span{font-size:.72rem;color:var(--muted);font-weight:600}
.cat .arrow{
  position:absolute;top:16px;right:16px;color:var(--muted);
  transition:transform .2s,color .2s;font-size:.9rem;
}
.cat:hover .arrow{transform:translate(3px,-3px);color:var(--cyan)}

/* ================= DEV BANNER ================= */
.dev{
  margin-top:34px;border-radius:var(--r-xl);padding:34px 36px;position:relative;overflow:hidden;
  display:flex;align-items:center;gap:22px;flex-wrap:wrap;
  background:linear-gradient(120deg,rgba(139,92,246,.18),rgba(34,211,238,.1));
  border:1px solid var(--stroke);
}
.dev::before{
  content:"";position:absolute;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,61,90,.2),transparent 65%);
  bottom:-160px;left:-80px;
}
.dev h3{font-family:var(--fd);font-weight:700;font-size:1.35rem;letter-spacing:-.4px;margin-bottom:4px}
.dev p{color:var(--muted);font-weight:500;font-size:.9rem;max-width:520px}
.dev .btn{margin-left:auto;position:relative;z-index:1}

/* ================= FOOTER ================= */
footer{border-top:1px solid var(--stroke);margin-top:44px}
.foot{
  max-width:1280px;margin:0 auto;padding:34px 16px 26px;
  display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;font-size:.84rem;
}
.foot h5{font-family:var(--fd);font-weight:700;margin-bottom:10px;font-size:.92rem}
.foot ul{list-style:none;display:flex;flex-direction:column;gap:7px;color:var(--muted);font-weight:500}
.foot ul a:hover{color:var(--text)}
.foot-desc{color:var(--muted);max-width:280px;font-weight:500;margin-top:8px}
.foot-btm{
  max-width:1280px;margin:0 auto;padding:14px 16px 26px;
  border-top:1px solid var(--stroke);
  display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
  font-size:.75rem;color:var(--muted);font-weight:600;
}


.coin.show{display:flex}
/* ===== Panel buscar tipo Poki ===== */
.search-panel{
  position:absolute;top:calc(100% + 10px);right:0;width:min(560px,calc(100vw - 32px));
  border-radius:20px;padding:16px;z-index:80;
  background:rgba(13,18,34,.94);border:1px solid var(--stroke-hi);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  box-shadow:0 24px 60px -20px rgba(0,0,0,.8);
  display:none;
}
.search-panel.open{display:block;animation:srIn .18s ease}
@keyframes srIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
body.light .search-panel{background:rgba(255,255,255,.96);box-shadow:0 24px 54px -22px rgba(22,32,64,.4)}
.sr-label{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:4px 2px 10px}
.sr-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:6px}
.sr-chip{font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:99px;background:var(--glass);border:1px solid var(--stroke);color:var(--muted);transition:all .15s}
.sr-chip:hover{color:var(--text);border-color:var(--cyan)}
.sr-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
@media(max-width:560px){.sr-grid{grid-template-columns:1fr}}
.sr-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:14px;transition:background .15s;text-align:left;width:100%}
.sr-item:hover,.sr-item.hl{background:var(--glass-2)}
.sr-art{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}
.sr-item h5{font-family:var(--fd);font-weight:700;font-size:.86rem;line-height:1.2}
.sr-item small{font-size:.7rem;font-weight:700;color:var(--muted)}
.sr-item .go{margin-left:auto;color:var(--muted);font-size:.85rem}
.sr-empty{padding:14px 6px;color:var(--muted);font-weight:600;font-size:.86rem}
.search-fab{display:none;width:38px;height:38px;border-radius:99px;font-size:1rem;background:var(--glass);border:1px solid var(--stroke);align-items:center;justify-content:center;flex-shrink:0}
/* Overlay buscar mobile pantalla completa */
.m-search{position:fixed;inset:0;z-index:130;background:rgba(6,9,18,.92);backdrop-filter:blur(16px);display:none;flex-direction:column;padding:16px}
.m-search.open{display:flex}
body.light .m-search{background:rgba(243,246,252,.96)}
.m-search .m-bar{display:flex;gap:10px;align-items:center;margin-bottom:14px}
.m-search input{flex:1;background:var(--glass);border:1px solid var(--stroke-hi);border-radius:99px;padding:12px 18px;color:var(--text);font-family:inherit;font-size:.95rem;font-weight:600}
.m-search input:focus{outline:none;border-color:var(--cyan)}
.m-search .m-close{width:42px;height:42px;border-radius:99px;background:var(--glass);border:1px solid var(--stroke);font-size:1rem;flex-shrink:0}
.m-search .m-body{overflow-y:auto;flex:1}
@media(max-width:920px){.search-fab{display:flex}}

/* ================= PERFIL ESTILO POKI ================= */
.profile-chip{
  display:flex;align-items:center;gap:9px;border-radius:99px;
  padding:5px 14px 5px 6px;font-weight:700;font-size:.84rem;
  background:var(--glass);border:1px solid var(--stroke);
  transition:all .18s;max-width:190px;
}
.profile-chip:hover{border-color:var(--stroke-hi);transform:translateY(-1px)}
.profile-chip .avt{
  width:30px;height:30px;border-radius:50%;font-size:1rem;flex-shrink:0;
  background:var(--grad);display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 10px -3px rgba(139,92,246,.6);
}
.profile-chip .pname{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.overlay{
  position:fixed;inset:0;z-index:120;padding:18px;
  background:rgba(4,7,15,.7);backdrop-filter:blur(8px);
  display:none;align-items:center;justify-content:center;
}
.overlay.open{display:flex}
.pmodal{
  width:100%;max-width:400px;border-radius:26px;padding:26px;position:relative;
  background:rgba(16,22,40,.92);border:1px solid var(--stroke-hi);
  backdrop-filter:blur(24px);
  box-shadow:0 30px 80px -20px rgba(0,0,0,.85);
  animation:popIn .28s cubic-bezier(.2,.9,.3,1.25);
  max-height:calc(100vh - 36px);overflow-y:auto;
}
@keyframes popIn{from{transform:scale(.92) translateY(14px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
.pmodal .x{
  position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:99px;
  background:var(--glass);border:1px solid var(--stroke);color:var(--muted);
  display:flex;align-items:center;justify-content:center;font-size:.85rem;
}
.pmodal .x:hover{color:var(--text);border-color:var(--stroke-hi)}
.phead{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:18px;text-align:center}
.pavatar{
  width:84px;height:84px;border-radius:50%;font-size:2.6rem;
  background:var(--grad);display:flex;align-items:center;justify-content:center;
  box-shadow:0 10px 30px -8px rgba(139,92,246,.65);
  border:3px solid rgba(255,255,255,.2);
}
.pname-row{display:flex;align-items:center;gap:8px}
.pname-row h3{font-family:var(--fd);font-weight:700;font-size:1.15rem;letter-spacing:-.3px}
.dice{
  width:30px;height:30px;border-radius:10px;font-size:.9rem;
  background:var(--glass);border:1px solid var(--stroke);
  display:flex;align-items:center;justify-content:center;
  transition:transform .3s;
}
.dice:hover{transform:rotate(180deg);border-color:var(--cyan)}
.guest-badge{
  font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  color:var(--mint);padding:4px 12px;border-radius:99px;
  background:rgba(52,211,153,.09);border:1px solid rgba(52,211,153,.3);
}
.psub{font-size:.78rem;color:var(--muted);font-weight:500;max-width:290px}
.plabel{
  font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
  color:var(--muted);margin:16px 0 9px;
}
.avt-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.avt-pick{
  aspect-ratio:1;border-radius:14px;font-size:1.35rem;
  background:var(--glass);border:1px solid var(--stroke);
  display:flex;align-items:center;justify-content:center;
  transition:all .15s;
}
.avt-pick:hover{transform:scale(1.1);border-color:var(--stroke-hi)}
.avt-pick.sel{background:var(--grad);border-color:transparent;box-shadow:0 4px 14px -4px rgba(34,211,238,.6)}
.pdivider{
  display:flex;align-items:center;gap:12px;margin:20px 0 12px;
  font-size:.72rem;font-weight:700;color:var(--muted);white-space:nowrap;
}
.pdivider::before,.pdivider::after{content:"";flex:1;height:1px;background:var(--stroke)}
.sso{display:flex;flex-direction:column;gap:9px}
.sso-btn{
  display:flex;align-items:center;gap:12px;width:100%;
  border-radius:14px;padding:11px 16px;font-weight:700;font-size:.88rem;
  background:var(--glass);border:1px solid var(--stroke);color:var(--text);
  transition:all .15s;
}
.sso-btn:hover{border-color:var(--stroke-hi);background:var(--glass-2);transform:translateY(-1px)}
.sso-ic{
  width:26px;height:26px;border-radius:8px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  font-weight:800;font-size:.85rem;font-family:var(--fd);
}
.pperks{
  margin-top:16px;display:flex;flex-direction:column;gap:7px;
  font-size:.78rem;color:var(--muted);font-weight:500;
}
.pperks span b{color:var(--text)}
.pfoot{margin-top:16px;font-size:.68rem;color:#5E6883;text-align:center;font-weight:500;line-height:1.5}
.pfoot a{color:var(--cyan)}

/* ================= MODO CLARO ================= */
body.light{
  --bg:#F3F6FC;
  --glass:rgba(255,255,255,.72);
  --glass-2:rgba(255,255,255,.95);
  --stroke:rgba(22,32,64,.10);
  --stroke-hi:rgba(22,32,64,.24);
  --text:#1A2440;
  --muted:#5C6785;
}
body.light .mesh{
  background:
    radial-gradient(560px 420px at 12% -6%, rgba(139,92,246,.14), transparent 62%),
    radial-gradient(640px 480px at 96% 4%,  rgba(34,211,238,.12), transparent 60%),
    radial-gradient(700px 560px at 50% 112%, rgba(255,61,90,.08), transparent 62%),
    var(--bg);
}
body.light .mesh::after{opacity:.5}
body.light .nav-in{background:rgba(255,255,255,.82);box-shadow:0 12px 34px -20px rgba(22,32,64,.35)}
body.light .pmodal{background:rgba(255,255,255,.96);box-shadow:0 30px 70px -22px rgba(22,32,64,.4)}
body.light .toast{background:rgba(255,255,255,.97);box-shadow:0 14px 36px -14px rgba(22,32,64,.35)}
body.light .cell{box-shadow:0 6px 18px -10px rgba(22,32,64,.25)}
body.light .cell:hover{box-shadow:0 18px 38px -16px rgba(22,32,64,.35),0 0 0 1px rgba(34,211,238,.2)}
body.light .nav .search input{background:rgba(255,255,255,.85)}
body.light footer{background:rgba(255,255,255,.5)}
.theme-btn{
  width:38px;height:38px;border-radius:99px;font-size:1rem;flex-shrink:0;
  background:var(--glass);border:1px solid var(--stroke);
  display:flex;align-items:center;justify-content:center;
  transition:all .2s;
}
.theme-btn:hover{border-color:var(--stroke-hi);transform:rotate(20deg)}

/* ================= BLOQUE CONTENT SEO (tipo Poki) ================= */
.seo{
  margin-top:44px;padding-top:30px;border-top:1px solid var(--stroke);
  /* full ancho = correcto marco cuadrícula game lado arriba */
}
.seo h2{
  font-family:var(--fd);font-weight:700;font-size:1.55rem;
  letter-spacing:-.5px;margin-bottom:18px;
}
.seo-cols{
  display:flex;flex-direction:column;gap:14px;
}
.seo-main{
  border-radius:20px;padding:24px 28px;
  background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px);
}
.seo-side{width:100%}
@media(max-width:920px){
  .seo-main{padding:20px 22px}
}
.seo h3{
  font-family:var(--fd);font-weight:700;font-size:1.12rem;
  letter-spacing:-.3px;margin:20px 0 8px;
}
.seo-main h3:first-child, .seo-side h3:first-child{margin-top:0}
.seo p{color:var(--muted);font-weight:500;font-size:.93rem;margin-bottom:12px;line-height:1.75}
.seo p a, .seo li a{color:var(--cyan);font-weight:700}
.seo p a:hover, .seo li a:hover{text-decoration:underline}
.seo ul{margin:0 0 14px 20px;color:var(--muted);font-weight:500;font-size:.93rem;line-height:1.9}
.seo ul li::marker{color:var(--cyan)}
.faq{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;align-items:start}
@media(max-width:860px){.faq{grid-template-columns:1fr}}
.faq details{
  background:var(--glass);border:1px solid var(--stroke);border-radius:16px;
  padding:14px 18px;transition:border-color .2s;
  backdrop-filter:blur(12px);
}
.faq details[open]{border-color:var(--stroke-hi)}
.faq summary{
  font-weight:800;font-size:.92rem;cursor:pointer;list-style:none;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--fd);font-size:1.2rem;color:var(--cyan);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin:10px 0 0;font-size:.88rem}


/* ================= RECORRIDO DEL USUARIO: CONOCER→RECORDAR→ENTENDER→CONFIAR→APRECIAR ================= */
/* --- Modal bienvenida feliz personas nuevo (SABER) --- */
.wel-hero{border-radius:18px;padding:20px;text-align:center;background:linear-gradient(135deg,rgba(139,92,246,.2),rgba(34,211,238,.12));border:1px solid var(--stroke);margin-bottom:16px}
.wel-hero .big{font-size:2.8rem;display:block;margin-bottom:6px}
.wel-hero h3{font-family:var(--fd);font-weight:700;font-size:1.3rem;letter-spacing:-.4px}
.wel-hero p{color:var(--muted);font-weight:600;font-size:.84rem;margin-top:4px}
.wel-props{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.wel-props span{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;font-weight:600;color:var(--muted)}
.wel-props b{color:var(--text)}
.wel-gift{width:100%;justify-content:center;font-size:1rem;padding:13px}
.wel-skip{display:block;margin:12px auto 0;font-size:.78rem;font-weight:700;color:var(--muted)}
.wel-skip:hover{color:var(--text)}
/* --- Banner para recordar conservar los puntos (CONFIANZA) --- */
.nudge{
  max-width:1280px;margin:10px auto 0;padding:0 16px;display:none;
}
.nudge.show{display:block;animation:srIn .25s ease}
.nudge-in{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  border-radius:16px;padding:11px 16px;
  background:linear-gradient(120deg,rgba(251,191,36,.12),rgba(255,61,90,.08));
  border:1px solid rgba(251,191,36,.35);
  font-weight:700;font-size:.85rem;
}
.nudge-in .btn{margin-left:auto;padding:8px 16px;font-size:.8rem}
.nudge-x{color:var(--muted);font-size:.9rem;padding:4px 8px}
/* --- Khu bienvenida personas quen (RECORDAR + ENTENDER) --- */
.return-zone{display:none;margin-bottom:16px}
.return-zone.show{display:block;animation:srIn .3s ease}
.rz-card{
  border-radius:22px;padding:20px 24px;
  background:linear-gradient(120deg,rgba(139,92,246,.14),rgba(34,211,238,.08));
  border:1px solid var(--stroke);backdrop-filter:blur(14px);
}
.rz-top{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.rz-ava{width:52px;height:52px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 6px 18px -6px rgba(139,92,246,.6)}
.rz-top h2{font-family:var(--fd);font-weight:700;font-size:1.3rem;letter-spacing:-.4px}
.rz-top .lv{font-size:.76rem;font-weight:800;color:var(--muted);margin-top:2px}
.rz-top .lv b{color:var(--cyan)}
.xpbar{width:150px;height:7px;border-radius:99px;background:var(--glass-2);overflow:hidden;display:inline-block;vertical-align:middle;margin-left:8px}
.xpbar i{display:block;height:100%;width:80%;background:var(--grad)}
.rz-streak{margin-left:auto;display:flex;align-items:center;gap:8px}
.ci-cells{display:flex;gap:6px}
.ci{
  width:40px;height:46px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
  background:var(--glass);border:1px solid var(--stroke);font-size:.58rem;font-weight:800;color:var(--muted);
}
.ci .ic{font-size:.9rem}
.ci.done{border-color:rgba(251,191,36,.5);color:var(--amber);background:rgba(251,191,36,.08)}
.ci.today{border-color:var(--coral);color:var(--text);box-shadow:0 0 0 2px rgba(255,61,90,.25);cursor:pointer;transition:transform .15s}
.ci.today:hover{transform:scale(1.08)}
@media(max-width:760px){.rz-streak{margin-left:0;width:100%}.ci{flex:1}}
.rz-continue h3{font-family:var(--fd);font-weight:700;font-size:.95rem;margin-bottom:10px}
.cont-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.cont-row::-webkit-scrollbar{display:none}
.cont-card{
  flex:0 0 210px;display:flex;gap:11px;align-items:center;padding:10px 12px;border-radius:16px;
  background:var(--glass);border:1px solid var(--stroke);transition:all .15s;
}
.cont-card:hover{border-color:var(--stroke-hi);transform:translateY(-2px)}
.cont-art{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0}
.cont-card h5{font-family:var(--fd);font-weight:700;font-size:.82rem;line-height:1.2}
.cont-card small{font-size:.68rem;font-weight:700;color:var(--muted);display:block;margin:3px 0 4px}
.cont-bar{height:5px;border-radius:99px;background:var(--glass-2);overflow:hidden;width:110px}
.cont-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--mint),var(--cyan))}
/* --- Chip perfil hacer clic parpadeo invitar llamar --- */
@keyframes chipPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}50%{box-shadow:0 0 0 6px rgba(34,211,238,.18)}}
.profile-chip.pulse{animation:chipPulse 1.6s ease-in-out 3;border-color:var(--cyan)}


/* ===== Redes sociales pie de página ===== */
.socials{display:flex;gap:9px;margin-top:14px}
.soc{
  width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:var(--glass);border:1px solid var(--stroke);font-family:var(--fd);font-weight:700;font-size:.95rem;
  transition:all .18s;color:var(--text);
}
.soc:hover{transform:translateY(-3px);border-color:var(--stroke-hi)}
.soc.fb:hover{background:#1877F2;border-color:#1877F2;color:#fff}
.soc.yt:hover{background:#FF0000;border-color:#FF0000;color:#fff}
.soc.tk:hover{background:#000;border-color:#25F4EE;color:#fff}
.soc.zl:hover{background:#0068FF;border-color:#0068FF;color:#fff}
.soc.dc:hover{background:#5865F2;border-color:#5865F2;color:#fff}


/* ===== Rango emociones personalizado según categoría ===== */
.emo-strip{
  display:flex;align-items:center;gap:14px;
  border-radius:18px;padding:14px 20px;margin:2px 0 16px;
  background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px);
  border-left:3px solid var(--emo,#22D3EE);
  animation:emoIn .35s ease;
}
@keyframes emoIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
.emo-ic{
  width:44px;height:44px;border-radius:14px;font-size:1.3rem;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:color-mix(in srgb, var(--emo,#22D3EE) 14%, transparent);
  border:1px solid color-mix(in srgb, var(--emo,#22D3EE) 35%, transparent);
}
.emo-strip h3{font-family:var(--fd);font-weight:700;font-size:1rem;letter-spacing:-.2px;line-height:1.3}
.emo-strip p{font-size:.82rem;font-weight:600;color:var(--muted);margin-top:2px}
@media(max-width:560px){.emo-strip{padding:12px 14px;gap:11px}.emo-strip h3{font-size:.9rem}}


/* ================= reproductor de games GAME TÍCH válido ================= */
.player-ov{position:fixed;inset:0;z-index:140;background:rgba(6,9,18,.95);backdrop-filter:blur(16px);display:none;flex-direction:column;padding:14px;overflow-y:auto}
.player-ov.open{display:flex;animation:srIn .22s ease}
body.light .player-ov{background:rgba(240,244,252,.97)}
.pl-shell{width:min(1080px,100%);margin:0 auto}
.pl-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.pl-back{width:40px;height:40px;border-radius:99px;background:var(--glass);border:1px solid var(--stroke);font-size:1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}
.pl-back:hover{border-color:var(--stroke-hi);transform:translateX(-2px)}
.pl-glogo{width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}
.pl-top h2{font-family:var(--fd);font-weight:700;font-size:1.05rem;letter-spacing:-.2px;line-height:1.2}
.pl-top .plcat{font-size:.72rem;font-weight:800;color:var(--cyan)}
.pl-actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.pact{display:flex;align-items:center;gap:6px;font-weight:800;font-size:.8rem;border-radius:99px;padding:8px 14px;background:var(--glass);border:1px solid var(--stroke);transition:all .15s;white-space:nowrap}
.pact:hover{border-color:var(--stroke-hi);transform:translateY(-1px)}
.pact.on-like{border-color:rgba(52,211,153,.6);color:var(--mint)}
.pact.on-dis{border-color:rgba(255,61,90,.6);color:var(--coral)}
.pact.on-fav{border-color:rgba(255,61,90,.6);background:rgba(255,61,90,.14)}
.pl-stage{aspect-ratio:16/9;position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--stroke-hi);box-shadow:0 24px 60px -22px rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center}
.pl-art{font-size:clamp(3.2rem,9vw,5.6rem);filter:drop-shadow(0 12px 26px rgba(0,0,0,.5));animation:bob2 3.4s ease-in-out infinite}
@keyframes bob2{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.pl-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(6,9,18,.4);backdrop-filter:blur(2px)}
.pl-intro h3{font-family:var(--fd);font-weight:700;font-size:clamp(1.3rem,3.4vw,2rem);letter-spacing:-.5px;color:#fff;text-shadow:0 3px 14px rgba(0,0,0,.5)}
.pl-play{font-size:1.05rem;padding:14px 36px;border-radius:99px}
.pl-loadbar{width:min(300px,70%);height:8px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden;display:none}
.pl-loadbar i{display:block;height:100%;width:0;background:var(--grad);border-radius:99px;transition:width 1.1s ease}
.pl-run{position:absolute;inset:0;display:none;align-items:center;justify-content:center}
.pl-run .rem{position:absolute;font-size:2.3rem;animation:plDrift 5s linear infinite}
@keyframes plDrift{0%{left:-8%;top:62%}25%{top:28%}50%{top:68%}75%{top:24%}100%{left:104%;top:58%}}
.pl-run .hud{position:absolute;top:12px;left:14px;font-family:var(--fd);font-weight:700;font-size:.92rem;background:rgba(6,9,18,.55);border:1px solid var(--stroke);padding:6px 14px;border-radius:99px;backdrop-filter:blur(8px);color:#fff}
.pl-run .note{font-weight:700;color:#CBD5F5;background:rgba(6,9,18,.5);padding:8px 18px;border-radius:99px;border:1px solid var(--stroke);backdrop-filter:blur(8px);font-size:.82rem}
.pl-meta{display:flex;gap:16px;flex-wrap:wrap;margin:12px 2px 0;font-weight:700;font-size:.82rem;color:var(--muted)}
.pl-meta b{color:var(--text)}
.pl-rel{margin-top:20px}
.pl-rel h4{font-family:var(--fd);font-weight:700;font-size:.95rem;margin-bottom:10px}
.pl-rel-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:6px}
.pl-rel-row::-webkit-scrollbar{display:none}
.pl-mini{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;border-radius:99px;background:var(--glass);border:1px solid var(--stroke);font-weight:700;font-size:.82rem;transition:all .15s;white-space:nowrap}
.pl-mini:hover{border-color:var(--cyan);transform:translateY(-2px)}
.pl-mini .ma{width:34px;height:34px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-size:1rem}
@media(max-width:640px){
  .pl-stage{aspect-ratio:4/3}
  .pl-actions{width:100%;order:3}
  .pl-top{flex-wrap:wrap}
}

/* ================= TOAST ================= */
.toast{
  position:fixed;bottom:22px;left:50%;transform:translate(-50%,90px);
  padding:12px 22px;border-radius:14px;font-weight:700;font-size:.88rem;
  z-index:200;opacity:0;transition:all .3s;
  background:rgba(16,22,40,.9);border:1px solid var(--stroke-hi);
  backdrop-filter:blur(16px);
  box-shadow:0 14px 40px -12px rgba(0,0,0,.8);
  display:flex;gap:9px;align-items:center;max-width:calc(100vw - 36px);
}
.toast.show{transform:translate(-50%,0);opacity:1}

/* ================= RESPONSIVE (proporción proporción tipo Poki) ================= */
@media(max-width:920px){
  .hero{grid-template-columns:1fr}
  .lb{display:none} /* mobile: game arriba arriba, compacto banner */
  .nav-links{display:none}
  .nav .search{width:170px}
  .bento{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
  .hero-main{min-height:0;padding:26px 24px}
  .hero-stats{gap:18px;margin-top:18px}
}
@media(max-width:560px){
  .wrap{padding:16px 12px 50px}
  .nav .search{display:none}
  /* Poki mobile estándar: 3 columnas campo cuadrado, gap 8px, campo grande 2x2 */
  .bento{grid-template-columns:repeat(3,1fr);gap:8px}
  .cell{border-radius:16px}
  .cell .veil{padding:10px}
  .hcard{flex:0 0 calc((100vw - 40px)/3)} /* 3 campo cuadrado arriba fila ngang */
  .hthumb{font-size:2rem}
  .hero-main{padding:22px 18px;border-radius:20px}
  .hero-cta .btn{padding:9px 16px;font-size:.84rem}
  .hstat b{font-size:1.05rem}
  .pills{padding:12px 2px 14px}
  .dev{padding:24px 22px}
  .dev .btn{margin-left:0}
  .coin{display:none}
}


/* ===== Scoped category page rules ===== */

@media (prefers-reduced-motion:reduce){body.yiyi-page-category *, body.yiyi-page-category *::before, body.yiyi-page-category *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@keyframes orb{0%,100%{transform:translate(0,0)}50%{transform:translate(-28px,22px)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes shine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
body.yiyi-page-category .lb{border-radius:var(--r-xl);padding:20px 22px;display:flex;flex-direction:column;gap:12px}
body.yiyi-page-category .lb-rows{display:flex;flex-direction:column}
body.yiyi-page-category .lb-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--stroke);font-size:.85rem}
@supports (container-type: size){body.yiyi-page-category .cell{container-type:size}
body.yiyi-page-category .cell .art, body.yiyi-page-category .cell.b2 .art{font-size:44cqmin}
body.yiyi-page-category .cell .veil h4, body.yiyi-page-category .cell.b2 .veil h4{font-size:clamp(.78rem,9.5cqmin,1.15rem)}
body.yiyi-page-category .cell .veil span{font-size:clamp(.62rem,6.5cqmin,.78rem)}
body.yiyi-page-category .cell .chipx{font-size:clamp(.52rem,5.5cqmin,.66rem)}}
@supports (container-type: inline-size){body.yiyi-page-category .hcard{container-type:inline-size}
body.yiyi-page-category .hthumb{font-size:44cqw}}
@keyframes srIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:560px){body.yiyi-page-category .sr-grid{grid-template-columns:1fr}}
@media (max-width:920px){body.yiyi-page-category .search-fab{display:flex}}
@keyframes popIn{from{transform:scale(.92) translateY(14px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
@media (max-width:920px){body.yiyi-page-category .seo-main{padding:20px 22px}}
@media (max-width:860px){body.yiyi-page-category .faq{grid-template-columns:1fr}}
@media (max-width:760px){body.yiyi-page-category .rz-streak{margin-left:0;width:100%}
body.yiyi-page-category .ci{flex:1}}
@keyframes chipPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}50%{box-shadow:0 0 0 6px rgba(34,211,238,.18)}}
@keyframes emoIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:560px){body.yiyi-page-category .emo-strip{padding:12px 14px;gap:11px}
body.yiyi-page-category .emo-strip h3{font-size:.9rem}}
@media (max-width:920px){body.yiyi-page-category .hero{grid-template-columns:1fr}
body.yiyi-page-category .lb{display:none}
body.yiyi-page-category .nav-links{display:none}
body.yiyi-page-category .nav .search{width:170px}
body.yiyi-page-category .bento{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
body.yiyi-page-category .hero-main{min-height:0;padding:26px 24px}
body.yiyi-page-category .hero-stats{gap:18px;margin-top:18px}}
@media (max-width:560px){body.yiyi-page-category .wrap{padding:16px 12px 50px}
body.yiyi-page-category .nav .search{display:none}
body.yiyi-page-category .bento{grid-template-columns:repeat(3,1fr);gap:8px}
body.yiyi-page-category .cell{border-radius:16px}
body.yiyi-page-category .cell .veil{padding:10px}
body.yiyi-page-category .hcard{flex:0 0 calc((100vw - 40px)/3)}
body.yiyi-page-category .hthumb{font-size:2rem}
body.yiyi-page-category .hero-main{padding:22px 18px;border-radius:20px}
body.yiyi-page-category .hero-cta .btn{padding:9px 16px;font-size:.84rem}
body.yiyi-page-category .hstat b{font-size:1.05rem}
body.yiyi-page-category .pills{padding:12px 2px 14px}
body.yiyi-page-category .dev{padding:24px 22px}
body.yiyi-page-category .dev .btn{margin-left:0}
body.yiyi-page-category .coin{display:none}}
body.yiyi-page-category .crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:16px}
body.yiyi-page-category .crumb a{color:var(--muted)}
body.yiyi-page-category .crumb a:hover{color:var(--cyan)}
body.yiyi-page-category .crumb .sep{opacity:.5}
body.yiyi-page-category .crumb b{color:var(--text);font-weight:700}
body.yiyi-page-category .page-h1{font-family:var(--fd);font-weight:700;letter-spacing:-1px;font-size:clamp(1.6rem,3.6vw,2.4rem);margin-bottom:8px}
body.yiyi-page-category .page-sub{color:var(--muted);font-weight:500;max-width:640px;margin-bottom:20px}
body.yiyi-page-category .tile-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-auto-flow:dense}
@media (max-width:560px){body.yiyi-page-category .tile-grid{grid-template-columns:repeat(3,1fr);gap:8px}}

/* ===== Scoped game page rules ===== */

@media (prefers-reduced-motion:reduce){body.yiyi-page-game *, body.yiyi-page-game *::before, body.yiyi-page-game *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@keyframes orb{0%,100%{transform:translate(0,0)}50%{transform:translate(-28px,22px)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes shine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
body.yiyi-page-game .lb{border-radius:var(--r-xl);padding:20px 22px;display:flex;flex-direction:column;gap:12px}
body.yiyi-page-game .lb-rows{display:flex;flex-direction:column}
body.yiyi-page-game .lb-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--stroke);font-size:.85rem}
@supports (container-type: size){body.yiyi-page-game .cell{container-type:size}
body.yiyi-page-game .cell .art, body.yiyi-page-game .cell.b2 .art{font-size:44cqmin}
body.yiyi-page-game .cell .veil h4, body.yiyi-page-game .cell.b2 .veil h4{font-size:clamp(.78rem,9.5cqmin,1.15rem)}
body.yiyi-page-game .cell .veil span{font-size:clamp(.62rem,6.5cqmin,.78rem)}
body.yiyi-page-game .cell .chipx{font-size:clamp(.52rem,5.5cqmin,.66rem)}}
@supports (container-type: inline-size){body.yiyi-page-game .hcard{container-type:inline-size}
body.yiyi-page-game .hthumb{font-size:44cqw}}
@keyframes srIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:560px){body.yiyi-page-game .sr-grid{grid-template-columns:1fr}}
@media (max-width:920px){body.yiyi-page-game .search-fab{display:flex}}
@keyframes popIn{from{transform:scale(.92) translateY(14px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
@media (max-width:920px){body.yiyi-page-game .seo-main{padding:20px 22px}}
@media (max-width:860px){body.yiyi-page-game .faq{grid-template-columns:1fr}}
@media (max-width:760px){body.yiyi-page-game .rz-streak{margin-left:0;width:100%}
body.yiyi-page-game .ci{flex:1}}
@keyframes chipPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}50%{box-shadow:0 0 0 6px rgba(34,211,238,.18)}}
@keyframes emoIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:560px){body.yiyi-page-game .emo-strip{padding:12px 14px;gap:11px}
body.yiyi-page-game .emo-strip h3{font-size:.9rem}}
@media (max-width:920px){body.yiyi-page-game .hero{grid-template-columns:1fr}
body.yiyi-page-game .lb{display:none}
body.yiyi-page-game .nav-links{display:none}
body.yiyi-page-game .nav .search{width:170px}
body.yiyi-page-game .bento{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
body.yiyi-page-game .hero-main{min-height:0;padding:26px 24px}
body.yiyi-page-game .hero-stats{gap:18px;margin-top:18px}}
@media (max-width:560px){body.yiyi-page-game .wrap{padding:16px 12px 50px}
body.yiyi-page-game .nav .search{display:none}
body.yiyi-page-game .bento{grid-template-columns:repeat(3,1fr);gap:8px}
body.yiyi-page-game .cell{border-radius:16px}
body.yiyi-page-game .cell .veil{padding:10px}
body.yiyi-page-game .hcard{flex:0 0 calc((100vw - 40px)/3)}
body.yiyi-page-game .hthumb{font-size:2rem}
body.yiyi-page-game .hero-main{padding:22px 18px;border-radius:20px}
body.yiyi-page-game .hero-cta .btn{padding:9px 16px;font-size:.84rem}
body.yiyi-page-game .hstat b{font-size:1.05rem}
body.yiyi-page-game .pills{padding:12px 2px 14px}
body.yiyi-page-game .dev{padding:24px 22px}
body.yiyi-page-game .dev .btn{margin-left:0}
body.yiyi-page-game .coin{display:none}}
body.yiyi-page-game .crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:16px}
body.yiyi-page-game .crumb a{color:var(--muted)}
body.yiyi-page-game .crumb a:hover{color:var(--cyan)}
body.yiyi-page-game .crumb .sep{opacity:.5}
body.yiyi-page-game .crumb b{color:var(--text);font-weight:700}
body.yiyi-page-game .page-h1{font-family:var(--fd);font-weight:700;letter-spacing:-1px;font-size:clamp(1.6rem,3.6vw,2.4rem);margin-bottom:8px}
body.yiyi-page-game .page-sub{color:var(--muted);font-weight:500;max-width:640px;margin-bottom:20px}
body.yiyi-page-game .tile-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-auto-flow:dense}
@media (max-width:560px){body.yiyi-page-game .tile-grid{grid-template-columns:repeat(3,1fr);gap:8px}}
body.yiyi-page-game .play-layout{display:grid;grid-template-columns:118px minmax(0,1fr) 118px;gap:14px;align-items:start}
body.yiyi-page-game .side-rail{display:grid;gap:12px}
body.yiyi-page-game .side-rail .cell{aspect-ratio:1/1}
@media (max-width:1080px){body.yiyi-page-game .play-layout{grid-template-columns:1fr}
body.yiyi-page-game .side-rail{display:none}}
body.yiyi-page-game [data-yiyi-player-wrap]{border-radius:22px;overflow:hidden;border:1px solid var(--stroke);box-shadow:0 24px 60px -24px rgba(0,0,0,.7)}
body.yiyi-page-game .stage{aspect-ratio:16/9;position:relative;display:flex;align-items:center;justify-content:center;
  background:radial-gradient(700px 380px at 50% 0%,rgba(139,92,246,.35),transparent 70%),linear-gradient(135deg,#161B3C,#4C1D95);}
body.yiyi-page-game .stage .big{font-size:clamp(3.4rem,8vw,6rem);filter:drop-shadow(0 12px 26px rgba(0,0,0,.5));animation:bob2 3.4s ease-in-out infinite}
@keyframes bob2{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
body.yiyi-page-game .stage-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:rgba(6,9,18,.35);backdrop-filter:blur(2px)}
body.yiyi-page-game .stage-overlay h1{font-family:var(--fd);font-weight:700;font-size:clamp(1.4rem,3.4vw,2.1rem);letter-spacing:-.6px;text-shadow:0 3px 14px rgba(0,0,0,.5)}
body.yiyi-page-game .play-big{font-size:1.05rem;padding:14px 34px;border-radius:99px}
body.yiyi-page-game .loadbar{width:min(320px,70%);height:8px;border-radius:99px;background:rgba(255,255,255,.15);overflow:hidden;display:none}
body.yiyi-page-game .loadbar i{display:block;height:100%;width:0;background:var(--grad);border-radius:99px;transition:width 1.1s ease}
body.yiyi-page-game .running{position:absolute;inset:0;display:none;align-items:center;justify-content:center;overflow:hidden}
body.yiyi-page-game .running .snake{position:absolute;font-size:2.4rem;animation:slither 5s linear infinite}
@keyframes slither{0%{left:-8%;top:64%}25%{top:30%}50%{top:70%}75%{top:26%}100%{left:104%;top:60%}}
body.yiyi-page-game .running .scorehud{position:absolute;top:12px;left:14px;font-family:var(--fd);font-weight:700;font-size:.95rem;background:rgba(6,9,18,.55);border:1px solid var(--stroke);padding:6px 14px;border-radius:99px;backdrop-filter:blur(8px)}
body.yiyi-page-game .running .demo-note{font-weight:700;color:#CBD5F5;background:rgba(6,9,18,.5);padding:8px 18px;border-radius:99px;border:1px solid var(--stroke);backdrop-filter:blur(8px);font-size:.85rem}
body.yiyi-page-game .stage-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;
  background:var(--glass);border-top:1px solid var(--stroke);backdrop-filter:blur(16px);}
body.yiyi-page-game .stage-bar .glogo{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#161B3C,#4C1D95);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}
body.yiyi-page-game .stage-bar h2{font-family:var(--fd);font-weight:700;font-size:1rem;letter-spacing:-.2px;line-height:1.2}
body.yiyi-page-game .stage-bar .cat-link{font-size:.72rem;font-weight:700;color:var(--cyan)}
body.yiyi-page-game .stage-actions{margin-left:auto;display:flex;gap:8px}
body.yiyi-page-game .act{display:flex;align-items:center;gap:6px;font-weight:800;font-size:.8rem;
  border-radius:99px;padding:7px 13px;background:var(--glass);border:1px solid var(--stroke);transition:all .15s;}
body.yiyi-page-game .act:hover{border-color:var(--stroke-hi);transform:translateY(-1px)}
body.yiyi-page-game .act.on-like{border-color:rgba(52,211,153,.6);color:var(--mint)}
body.yiyi-page-game .act.on-dis{border-color:rgba(255,61,90,.6);color:var(--coral)}
body.yiyi-page-game .act.on-fav{border-color:rgba(255,61,90,.6);background:rgba(255,61,90,.12)}
body.yiyi-page-game .rating-strip{display:flex;gap:18px;flex-wrap:wrap;margin:14px 2px 0;font-weight:700;font-size:.85rem;color:var(--muted)}
body.yiyi-page-game .rating-strip b{color:var(--text)}
body.yiyi-page-game .rating-strip .likebar{flex:1 1 160px;align-self:center;height:8px;border-radius:99px;background:var(--glass-2);overflow:hidden;min-width:120px}
body.yiyi-page-game .rating-strip .likebar i{display:block;height:100%;width:92%;background:linear-gradient(90deg,var(--mint),var(--cyan))}
body.yiyi-page-game .info-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-top:22px}
@media (max-width:860px){body.yiyi-page-game .info-grid{grid-template-columns:1fr}}
body.yiyi-page-game .info-card{border-radius:20px;padding:20px 22px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px)}
body.yiyi-page-game .info-card h3{font-family:var(--fd);font-weight:700;font-size:1.05rem;margin-bottom:10px}
body.yiyi-page-game .info-card p{color:var(--muted);font-weight:500;font-size:.9rem;line-height:1.7;margin-bottom:10px}
body.yiyi-page-game .info-card ul{margin:0 0 6px 18px;color:var(--muted);font-weight:500;font-size:.9rem;line-height:1.9}
body.yiyi-page-game .info-card ul li::marker{color:var(--cyan)}
body.yiyi-page-game .kbd{display:inline-block;font-family:var(--fd);font-weight:700;font-size:.72rem;padding:2px 8px;border-radius:7px;background:var(--glass-2);border:1px solid var(--stroke-hi);margin:0 2px}
body.yiyi-page-game .meta-dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:.86rem}
body.yiyi-page-game .meta-dl dt{color:var(--muted);font-weight:600}
body.yiyi-page-game .meta-dl dd{font-weight:700}
body.yiyi-page-game .meta-dl a{color:var(--cyan)}

/* ===== Scoped blog page rules ===== */

@media (prefers-reduced-motion:reduce){body.yiyi-page-blog *, body.yiyi-page-blog *::before, body.yiyi-page-blog *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@keyframes orb{0%,100%{transform:translate(0,0)}50%{transform:translate(-28px,22px)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes shine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
body.yiyi-page-blog .lb{border-radius:var(--r-xl);padding:20px 22px;display:flex;flex-direction:column;gap:12px}
body.yiyi-page-blog .lb-rows{display:flex;flex-direction:column}
body.yiyi-page-blog .lb-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--stroke);font-size:.85rem}
@supports (container-type: size){body.yiyi-page-blog .cell{container-type:size}
body.yiyi-page-blog .cell .art, body.yiyi-page-blog .cell.b2 .art{font-size:44cqmin}
body.yiyi-page-blog .cell .veil h4, body.yiyi-page-blog .cell.b2 .veil h4{font-size:clamp(.78rem,9.5cqmin,1.15rem)}
body.yiyi-page-blog .cell .veil span{font-size:clamp(.62rem,6.5cqmin,.78rem)}
body.yiyi-page-blog .cell .chipx{font-size:clamp(.52rem,5.5cqmin,.66rem)}}
@supports (container-type: inline-size){body.yiyi-page-blog .hcard{container-type:inline-size}
body.yiyi-page-blog .hthumb{font-size:44cqw}}
@keyframes srIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:560px){body.yiyi-page-blog .sr-grid{grid-template-columns:1fr}}
@media (max-width:920px){body.yiyi-page-blog .search-fab{display:flex}}
@keyframes popIn{from{transform:scale(.92) translateY(14px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
@media (max-width:920px){body.yiyi-page-blog .seo-main{padding:20px 22px}}
@media (max-width:860px){body.yiyi-page-blog .faq{grid-template-columns:1fr}}
@media (max-width:760px){body.yiyi-page-blog .rz-streak{margin-left:0;width:100%}
body.yiyi-page-blog .ci{flex:1}}
@keyframes chipPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}50%{box-shadow:0 0 0 6px rgba(34,211,238,.18)}}
@keyframes emoIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:560px){body.yiyi-page-blog .emo-strip{padding:12px 14px;gap:11px}
body.yiyi-page-blog .emo-strip h3{font-size:.9rem}}
@media (max-width:920px){body.yiyi-page-blog .hero{grid-template-columns:1fr}
body.yiyi-page-blog .lb{display:none}
body.yiyi-page-blog .nav-links{display:none}
body.yiyi-page-blog .nav .search{width:170px}
body.yiyi-page-blog .bento{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
body.yiyi-page-blog .hero-main{min-height:0;padding:26px 24px}
body.yiyi-page-blog .hero-stats{gap:18px;margin-top:18px}}
@media (max-width:560px){body.yiyi-page-blog .wrap{padding:16px 12px 50px}
body.yiyi-page-blog .nav .search{display:none}
body.yiyi-page-blog .bento{grid-template-columns:repeat(3,1fr);gap:8px}
body.yiyi-page-blog .cell{border-radius:16px}
body.yiyi-page-blog .cell .veil{padding:10px}
body.yiyi-page-blog .hcard{flex:0 0 calc((100vw - 40px)/3)}
body.yiyi-page-blog .hthumb{font-size:2rem}
body.yiyi-page-blog .hero-main{padding:22px 18px;border-radius:20px}
body.yiyi-page-blog .hero-cta .btn{padding:9px 16px;font-size:.84rem}
body.yiyi-page-blog .hstat b{font-size:1.05rem}
body.yiyi-page-blog .pills{padding:12px 2px 14px}
body.yiyi-page-blog .dev{padding:24px 22px}
body.yiyi-page-blog .dev .btn{margin-left:0}
body.yiyi-page-blog .coin{display:none}}
body.yiyi-page-blog .crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:16px}
body.yiyi-page-blog .crumb a{color:var(--muted)}
body.yiyi-page-blog .crumb a:hover{color:var(--cyan)}
body.yiyi-page-blog .crumb .sep{opacity:.5}
body.yiyi-page-blog .crumb b{color:var(--text);font-weight:700}
body.yiyi-page-blog .page-h1{font-family:var(--fd);font-weight:700;letter-spacing:-1px;font-size:clamp(1.6rem,3.6vw,2.4rem);margin-bottom:8px}
body.yiyi-page-blog .page-sub{color:var(--muted);font-weight:500;max-width:640px;margin-bottom:20px}
body.yiyi-page-blog .tile-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-auto-flow:dense}
@media (max-width:560px){body.yiyi-page-blog .tile-grid{grid-template-columns:repeat(3,1fr);gap:8px}}
body.yiyi-page-blog .article{max-width:760px;margin:0 auto}
body.yiyi-page-blog .a-head h1{font-family:var(--fd);font-weight:700;letter-spacing:-1px;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.15;margin-bottom:14px}
body.yiyi-page-blog .a-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:.82rem;font-weight:600;color:var(--muted);margin-bottom:22px}
body.yiyi-page-blog .a-meta .ava{width:34px;height:34px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:.95rem}
body.yiyi-page-blog .a-meta b{color:var(--text)}
body.yiyi-page-blog .a-cover{border-radius:22px;aspect-ratio:16/8;background:linear-gradient(120deg,#161B3C,#4C1D95 55%,#7A1E3C);border:1px solid var(--stroke);display:flex;align-items:center;justify-content:center;font-size:3.6rem;gap:18px;margin-bottom:26px;box-shadow:0 20px 50px -24px rgba(0,0,0,.7)}
body.yiyi-page-blog .toc{border-radius:18px;padding:18px 22px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px);margin-bottom:26px}
body.yiyi-page-blog .toc h4{font-family:var(--fd);font-weight:700;font-size:.92rem;margin-bottom:10px}
body.yiyi-page-blog .toc ol{margin:0 0 0 20px;font-size:.86rem;font-weight:600;line-height:2;color:var(--muted)}
body.yiyi-page-blog .toc a{color:var(--muted)}
body.yiyi-page-blog .toc a:hover{color:var(--cyan)}
body.yiyi-page-blog .article h2{font-family:var(--fd);font-weight:700;font-size:1.35rem;letter-spacing:-.4px;margin:30px 0 10px;scroll-margin-top:90px}
body.yiyi-page-blog .article h2 .rank{color:var(--cyan)}
body.yiyi-page-blog .article p{color:var(--muted);font-weight:500;font-size:.95rem;line-height:1.8;margin-bottom:14px}
body.yiyi-page-blog .article p a{color:var(--cyan);font-weight:700}
body.yiyi-page-blog .game-mini{display:flex;align-items:center;gap:14px;border-radius:18px;padding:14px 16px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(12px);margin:14px 0 20px;transition:border-color .2s,transform .2s}
body.yiyi-page-blog .game-mini:hover{border-color:var(--stroke-hi);transform:translateY(-2px)}
body.yiyi-page-blog .game-mini .gm-art{width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;flex-shrink:0}
body.yiyi-page-blog .game-mini h4{font-family:var(--fd);font-weight:700;font-size:.95rem}
body.yiyi-page-blog .game-mini span{font-size:.75rem;font-weight:700;color:var(--muted)}
body.yiyi-page-blog .game-mini .btn{margin-left:auto;padding:8px 16px;font-size:.8rem}
body.yiyi-page-blog .tags{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0}
body.yiyi-page-blog .tag-a{font-size:.75rem;font-weight:800;padding:6px 14px;border-radius:99px;background:var(--glass);border:1px solid var(--stroke);color:var(--muted)}
body.yiyi-page-blog .tag-a:hover{color:var(--cyan);border-color:var(--stroke-hi)}
body.yiyi-page-blog .share{display:flex;gap:10px;align-items:center;font-weight:700;font-size:.85rem;color:var(--muted);border-top:1px solid var(--stroke);border-bottom:1px solid var(--stroke);padding:14px 0;margin-bottom:30px}
body.yiyi-page-blog .share .act{padding:8px 14px}
body.yiyi-page-blog .rel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
body.yiyi-page-blog .rel-card{border-radius:18px;padding:18px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(12px);transition:transform .2s,border-color .2s}
body.yiyi-page-blog .rel-card:hover{transform:translateY(-4px);border-color:var(--stroke-hi)}
body.yiyi-page-blog .rel-card .rc-tag{font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
body.yiyi-page-blog .rel-card h4{font-family:var(--fd);font-weight:700;font-size:.95rem;margin:6px 0 4px;line-height:1.35}
body.yiyi-page-blog .rel-card span{font-size:.74rem;font-weight:600;color:var(--muted)}
body.yiyi-page-blog .progress{position:fixed;top:0;left:0;height:3px;background:var(--grad);width:0;z-index:100}

/* ===== Scoped affiliate page rules ===== */

@media (prefers-reduced-motion:reduce){body.yiyi-page-affiliate *, body.yiyi-page-affiliate *::before, body.yiyi-page-affiliate *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@keyframes orb{0%,100%{transform:translate(0,0)}50%{transform:translate(-28px,22px)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes shine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
body.yiyi-page-affiliate .lb{border-radius:var(--r-xl);padding:20px 22px;display:flex;flex-direction:column;gap:12px}
body.yiyi-page-affiliate .lb-rows{display:flex;flex-direction:column}
body.yiyi-page-affiliate .lb-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--stroke);font-size:.85rem}
@supports (container-type: size){body.yiyi-page-affiliate .cell{container-type:size}
body.yiyi-page-affiliate .cell .art, body.yiyi-page-affiliate .cell.b2 .art{font-size:44cqmin}
body.yiyi-page-affiliate .cell .veil h4, body.yiyi-page-affiliate .cell.b2 .veil h4{font-size:clamp(.78rem,9.5cqmin,1.15rem)}
body.yiyi-page-affiliate .cell .veil span{font-size:clamp(.62rem,6.5cqmin,.78rem)}
body.yiyi-page-affiliate .cell .chipx{font-size:clamp(.52rem,5.5cqmin,.66rem)}}
@supports (container-type: inline-size){body.yiyi-page-affiliate .hcard{container-type:inline-size}
body.yiyi-page-affiliate .hthumb{font-size:44cqw}}
@keyframes srIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:560px){body.yiyi-page-affiliate .sr-grid{grid-template-columns:1fr}}
@media (max-width:920px){body.yiyi-page-affiliate .search-fab{display:flex}}
@keyframes popIn{from{transform:scale(.92) translateY(14px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
@media (max-width:920px){body.yiyi-page-affiliate .seo-main{padding:20px 22px}}
@media (max-width:860px){body.yiyi-page-affiliate .faq{grid-template-columns:1fr}}
@media (max-width:760px){body.yiyi-page-affiliate .rz-streak{margin-left:0;width:100%}
body.yiyi-page-affiliate .ci{flex:1}}
@keyframes chipPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}50%{box-shadow:0 0 0 6px rgba(34,211,238,.18)}}
@keyframes emoIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:560px){body.yiyi-page-affiliate .emo-strip{padding:12px 14px;gap:11px}
body.yiyi-page-affiliate .emo-strip h3{font-size:.9rem}}
@media (max-width:920px){body.yiyi-page-affiliate .hero{grid-template-columns:1fr}
body.yiyi-page-affiliate .lb{display:none}
body.yiyi-page-affiliate .nav-links{display:none}
body.yiyi-page-affiliate .nav .search{width:170px}
body.yiyi-page-affiliate .bento{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
body.yiyi-page-affiliate .hero-main{min-height:0;padding:26px 24px}
body.yiyi-page-affiliate .hero-stats{gap:18px;margin-top:18px}}
@media (max-width:560px){body.yiyi-page-affiliate .wrap{padding:16px 12px 50px}
body.yiyi-page-affiliate .nav .search{display:none}
body.yiyi-page-affiliate .bento{grid-template-columns:repeat(3,1fr);gap:8px}
body.yiyi-page-affiliate .cell{border-radius:16px}
body.yiyi-page-affiliate .cell .veil{padding:10px}
body.yiyi-page-affiliate .hcard{flex:0 0 calc((100vw - 40px)/3)}
body.yiyi-page-affiliate .hthumb{font-size:2rem}
body.yiyi-page-affiliate .hero-main{padding:22px 18px;border-radius:20px}
body.yiyi-page-affiliate .hero-cta .btn{padding:9px 16px;font-size:.84rem}
body.yiyi-page-affiliate .hstat b{font-size:1.05rem}
body.yiyi-page-affiliate .pills{padding:12px 2px 14px}
body.yiyi-page-affiliate .dev{padding:24px 22px}
body.yiyi-page-affiliate .dev .btn{margin-left:0}
body.yiyi-page-affiliate .coin{display:none}}
body.yiyi-page-affiliate .crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:16px}
body.yiyi-page-affiliate .crumb a:hover{color:var(--cyan)}
body.yiyi-page-affiliate .crumb .sep{opacity:.5}
body.yiyi-page-affiliate .crumb b{color:var(--text);font-weight:700}
body.yiyi-page-affiliate .af-hero{position:relative;border-radius:var(--r-xl);padding:46px 44px;overflow:hidden;margin-bottom:16px;
  background:linear-gradient(130deg,rgba(251,191,36,.16),rgba(139,92,246,.14) 55%,rgba(34,211,238,.1));
  border:1px solid var(--stroke);}
body.yiyi-page-affiliate .af-hero::before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.28),transparent 65%);top:-160px;right:-90px;animation:orb 9s ease-in-out infinite}
body.yiyi-page-affiliate .af-hero h1{font-family:var(--fd);font-weight:700;letter-spacing:-1.4px;font-size:clamp(1.9rem,4.4vw,3rem);line-height:1.08;margin-bottom:12px}
body.yiyi-page-affiliate .af-hero h1 .gold{background:linear-gradient(135deg,#FDE68A,#F59E0B);-webkit-background-clip:text;background-clip:text;color:transparent}
body.yiyi-page-affiliate .af-hero p{color:var(--muted);font-weight:500;max-width:560px;margin-bottom:22px;font-size:1rem}
body.yiyi-page-affiliate .af-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
body.yiyi-page-affiliate .af-stat{border-radius:16px;padding:14px 20px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(12px)}
body.yiyi-page-affiliate .af-stat b{font-family:var(--fd);font-weight:700;font-size:1.3rem;display:block}
body.yiyi-page-affiliate .af-stat span{font-size:.74rem;font-weight:700;color:var(--muted)}
body.yiyi-page-affiliate .sec-c{text-align:center;max-width:640px;margin:44px auto 24px}
body.yiyi-page-affiliate .sec-c h2{font-family:var(--fd);font-weight:700;font-size:1.7rem;letter-spacing:-.6px;margin-bottom:8px}
body.yiyi-page-affiliate .sec-c p{color:var(--muted);font-weight:500}
body.yiyi-page-affiliate .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media (max-width:860px){body.yiyi-page-affiliate .steps{grid-template-columns:1fr}}
body.yiyi-page-affiliate .step{border-radius:20px;padding:24px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px);position:relative;transition:transform .2s,border-color .2s}
body.yiyi-page-affiliate .step:hover{transform:translateY(-4px);border-color:var(--stroke-hi)}
body.yiyi-page-affiliate .step .num{position:absolute;top:18px;right:20px;font-family:var(--fd);font-weight:700;font-size:2.2rem;opacity:.14}
body.yiyi-page-affiliate .step .sic{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:14px;background:var(--glass-2);border:1px solid var(--stroke)}
body.yiyi-page-affiliate .step h3{font-family:var(--fd);font-weight:700;font-size:1.05rem;margin-bottom:6px}
body.yiyi-page-affiliate .step p{color:var(--muted);font-weight:500;font-size:.87rem;line-height:1.65}
body.yiyi-page-affiliate .tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:1000px){body.yiyi-page-affiliate .tiers{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){body.yiyi-page-affiliate .tiers{grid-template-columns:1fr}}
body.yiyi-page-affiliate .tier{border-radius:20px;padding:22px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:8px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}
body.yiyi-page-affiliate .tier:hover{transform:translateY(-4px)}
body.yiyi-page-affiliate .tier .medal{font-size:1.9rem}
body.yiyi-page-affiliate .tier h3{font-family:var(--fd);font-weight:700;font-size:1.05rem}
body.yiyi-page-affiliate .tier .rate{font-family:var(--fd);font-weight:700;font-size:1.5rem}
body.yiyi-page-affiliate .tier .rate small{font-size:.7rem;font-weight:700;color:var(--muted)}
body.yiyi-page-affiliate .tier .cond{font-size:.76rem;font-weight:700;color:var(--muted)}
body.yiyi-page-affiliate .tier ul{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:6px;font-size:.8rem;font-weight:600;color:var(--muted)}
body.yiyi-page-affiliate .tier ul li::before{content:"✓ ";color:var(--mint);font-weight:800}
body.yiyi-page-affiliate .tier.t1{border-color:rgba(180,120,60,.4)}
body.yiyi-page-affiliate .tier.t1 .rate{color:#D4956B}
body.yiyi-page-affiliate .tier.t2{border-color:rgba(148,163,184,.45)}
body.yiyi-page-affiliate .tier.t2 .rate{color:#CBD5E1}
body.yiyi-page-affiliate .tier.t3{border-color:rgba(251,191,36,.5)}
body.yiyi-page-affiliate .tier.t3 .rate{color:var(--amber)}
body.yiyi-page-affiliate .tier.t4{border-color:rgba(34,211,238,.55);box-shadow:0 0 34px -12px rgba(34,211,238,.35)}
body.yiyi-page-affiliate .tier.t4 .rate{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
body.yiyi-page-affiliate .tier .hot-tag{position:absolute;top:14px;right:-30px;transform:rotate(38deg);background:var(--grad);color:#fff;font-size:.6rem;font-weight:800;letter-spacing:.1em;padding:4px 34px}
body.yiyi-page-affiliate.light .tier.t2 .rate{color:#64748B}
body.yiyi-page-affiliate .calc{border-radius:var(--r-xl);padding:30px 34px;background:linear-gradient(120deg,rgba(139,92,246,.14),rgba(34,211,238,.08));border:1px solid var(--stroke);backdrop-filter:blur(14px);display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center}
@media (max-width:860px){body.yiyi-page-affiliate .calc{grid-template-columns:1fr;padding:24px}}
body.yiyi-page-affiliate .calc h3{font-family:var(--fd);font-weight:700;font-size:1.25rem;margin-bottom:6px}
body.yiyi-page-affiliate .calc .hint{color:var(--muted);font-weight:500;font-size:.85rem;margin-bottom:20px}
body.yiyi-page-affiliate .calc input[type=range]{width:100%;accent-color:#22D3EE;height:6px;cursor:pointer}
body.yiyi-page-affiliate .calc .range-labels{display:flex;justify-content:space-between;font-size:.7rem;font-weight:700;color:var(--muted);margin-top:6px}
body.yiyi-page-affiliate .calc-out{border-radius:18px;padding:22px;background:rgba(10,14,26,.4);border:1px solid var(--stroke);text-align:center}
body.yiyi-page-affiliate.light .calc-out{background:rgba(255,255,255,.6)}
body.yiyi-page-affiliate .calc-out .plays{font-weight:700;font-size:.82rem;color:var(--muted)}
body.yiyi-page-affiliate .calc-out .plays b{color:var(--text)}
body.yiyi-page-affiliate .calc-out .money{font-family:var(--fd);font-weight:700;font-size:clamp(1.6rem,3.4vw,2.3rem);letter-spacing:-.8px;margin:8px 0 4px;background:linear-gradient(135deg,#FDE68A,#F59E0B);-webkit-background-clip:text;background-clip:text;color:transparent}
body.yiyi-page-affiliate .calc-out .permonth{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
body.yiyi-page-affiliate .calc-out .tier-badge{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:.76rem;font-weight:800;padding:6px 14px;border-radius:99px;background:var(--glass);border:1px solid var(--stroke-hi)}
body.yiyi-page-affiliate .duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:860px){body.yiyi-page-affiliate .duo{grid-template-columns:1fr}}
body.yiyi-page-affiliate .panel{border-radius:20px;padding:24px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px)}
body.yiyi-page-affiliate .panel h3{font-family:var(--fd);font-weight:700;font-size:1.05rem;margin-bottom:14px}
body.yiyi-page-affiliate .dash-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--stroke);font-size:.86rem;font-weight:600}
body.yiyi-page-affiliate .dash-row:last-child{border-bottom:none}
body.yiyi-page-affiliate .dash-row b{font-family:var(--fd)}
body.yiyi-page-affiliate .dash-row .up{color:var(--mint);font-size:.74rem;font-weight:800}
body.yiyi-page-affiliate .who{display:flex;flex-direction:column;gap:12px}
body.yiyi-page-affiliate .who span{display:flex;gap:12px;align-items:flex-start;font-size:.87rem;font-weight:600;color:var(--muted);line-height:1.6}
body.yiyi-page-affiliate .who .wic{width:38px;height:38px;border-radius:12px;background:var(--glass-2);border:1px solid var(--stroke);display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0}
body.yiyi-page-affiliate .who b{color:var(--text)}
body.yiyi-page-affiliate .af-form{border-radius:var(--r-xl);padding:34px;background:var(--glass);border:1px solid var(--stroke-hi);backdrop-filter:blur(18px);max-width:640px;margin:0 auto}
body.yiyi-page-affiliate .af-form h3{font-family:var(--fd);font-weight:700;font-size:1.35rem;letter-spacing:-.4px;margin-bottom:4px;text-align:center}
body.yiyi-page-affiliate .af-form .sub{text-align:center;color:var(--muted);font-weight:500;font-size:.86rem;margin-bottom:22px}
body.yiyi-page-affiliate .f-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){body.yiyi-page-affiliate .f-grid{grid-template-columns:1fr}}
body.yiyi-page-affiliate .f-field{display:flex;flex-direction:column;gap:6px}
body.yiyi-page-affiliate .f-field.full{grid-column:1/-1}
body.yiyi-page-affiliate .f-field label{font-size:.74rem;font-weight:800;letter-spacing:.06em;color:var(--muted)}
body.yiyi-page-affiliate .f-field input, body.yiyi-page-affiliate .f-field select{background:rgba(10,14,26,.4);border:1px solid var(--stroke);border-radius:13px;
  padding:11px 14px;color:var(--text);font-family:inherit;font-size:.9rem;font-weight:600;}
body.yiyi-page-affiliate.light .f-field input, body.yiyi-page-affiliate.light .f-field select{background:rgba(255,255,255,.7)}
body.yiyi-page-affiliate .f-field input:focus, body.yiyi-page-affiliate .f-field select:focus{outline:none;border-color:var(--cyan)}
body.yiyi-page-affiliate .af-submit{width:100%;justify-content:center;margin-top:18px;padding:13px;font-size:1rem}
body.yiyi-page-affiliate .f-note{text-align:center;font-size:.7rem;color:var(--muted);font-weight:600;margin-top:12px;line-height:1.6}
body.yiyi-page-affiliate .f-note a{color:var(--cyan)}
body.yiyi-page-affiliate .af-sec{margin-top:44px}

/* ===== Scoped content page rules ===== */

@media (prefers-reduced-motion:reduce){body.yiyi-page-content *, body.yiyi-page-content *::before, body.yiyi-page-content *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@keyframes orb{0%,100%{transform:translate(0,0)}50%{transform:translate(-28px,22px)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes shine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
body.yiyi-page-content .lb{border-radius:var(--r-xl);padding:20px 22px;display:flex;flex-direction:column;gap:12px}
body.yiyi-page-content .lb-rows{display:flex;flex-direction:column}
body.yiyi-page-content .lb-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--stroke);font-size:.85rem}
@supports (container-type: size){body.yiyi-page-content .cell{container-type:size}
body.yiyi-page-content .cell .art, body.yiyi-page-content .cell.b2 .art{font-size:44cqmin}
body.yiyi-page-content .cell .veil h4, body.yiyi-page-content .cell.b2 .veil h4{font-size:clamp(.78rem,9.5cqmin,1.15rem)}
body.yiyi-page-content .cell .veil span{font-size:clamp(.62rem,6.5cqmin,.78rem)}
body.yiyi-page-content .cell .chipx{font-size:clamp(.52rem,5.5cqmin,.66rem)}}
@supports (container-type: inline-size){body.yiyi-page-content .hcard{container-type:inline-size}
body.yiyi-page-content .hthumb{font-size:44cqw}}
@keyframes srIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:560px){body.yiyi-page-content .sr-grid{grid-template-columns:1fr}}
@media (max-width:920px){body.yiyi-page-content .search-fab{display:flex}}
@keyframes popIn{from{transform:scale(.92) translateY(14px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
@media (max-width:920px){body.yiyi-page-content .seo-main{padding:20px 22px}}
@media (max-width:860px){body.yiyi-page-content .faq{grid-template-columns:1fr}}
@media (max-width:760px){body.yiyi-page-content .rz-streak{margin-left:0;width:100%}
body.yiyi-page-content .ci{flex:1}}
@keyframes chipPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}50%{box-shadow:0 0 0 6px rgba(34,211,238,.18)}}
@keyframes emoIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:560px){body.yiyi-page-content .emo-strip{padding:12px 14px;gap:11px}
body.yiyi-page-content .emo-strip h3{font-size:.9rem}}
@media (max-width:920px){body.yiyi-page-content .hero{grid-template-columns:1fr}
body.yiyi-page-content .lb{display:none}
body.yiyi-page-content .nav-links{display:none}
body.yiyi-page-content .nav .search{width:170px}
body.yiyi-page-content .bento{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
body.yiyi-page-content .hero-main{min-height:0;padding:26px 24px}
body.yiyi-page-content .hero-stats{gap:18px;margin-top:18px}}
@media (max-width:560px){body.yiyi-page-content .wrap{padding:16px 12px 50px}
body.yiyi-page-content .nav .search{display:none}
body.yiyi-page-content .bento{grid-template-columns:repeat(3,1fr);gap:8px}
body.yiyi-page-content .cell{border-radius:16px}
body.yiyi-page-content .cell .veil{padding:10px}
body.yiyi-page-content .hcard{flex:0 0 calc((100vw - 40px)/3)}
body.yiyi-page-content .hthumb{font-size:2rem}
body.yiyi-page-content .hero-main{padding:22px 18px;border-radius:20px}
body.yiyi-page-content .hero-cta .btn{padding:9px 16px;font-size:.84rem}
body.yiyi-page-content .hstat b{font-size:1.05rem}
body.yiyi-page-content .pills{padding:12px 2px 14px}
body.yiyi-page-content .dev{padding:24px 22px}
body.yiyi-page-content .dev .btn{margin-left:0}
body.yiyi-page-content .coin{display:none}}
body.yiyi-page-content .crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:16px}
body.yiyi-page-content .crumb a:hover{color:var(--cyan)}
body.yiyi-page-content .crumb .sep{opacity:.5}
body.yiyi-page-content .crumb b{color:var(--text);font-weight:700}
body.yiyi-page-content .p-hero{position:relative;border-radius:var(--r-xl);padding:52px 40px 46px;overflow:hidden;margin-bottom:8px;border:1px solid var(--stroke);text-align:center}
body.yiyi-page-content .p-hero .eyebrow{display:flex;margin:0 auto 16px}
body.yiyi-page-content .p-hero .hero-cta{justify-content:center;margin-top:20px}
body.yiyi-page-content .p-hero::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;top:-150px;right:-90px;animation:orb 9s ease-in-out infinite;background:radial-gradient(circle,var(--ph,rgba(34,211,238,.26)),transparent 65%)}
body.yiyi-page-content .p-hero h1{font-family:var(--fd);font-weight:700;letter-spacing:-1.2px;font-size:clamp(1.8rem,4.2vw,2.7rem);line-height:1.1;margin-bottom:10px}
body.yiyi-page-content .p-hero h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
body.yiyi-page-content .p-hero p{color:var(--muted);font-weight:500;max-width:620px;font-size:.98rem;margin:0 auto}
body.yiyi-page-content .sec-c{text-align:center;max-width:640px;margin:52px auto 24px}
body.yiyi-page-content .sec-c h2{font-family:var(--fd);font-weight:700;font-size:1.6rem;letter-spacing:-.6px;margin-bottom:8px}
body.yiyi-page-content .sec-c p{color:var(--muted);font-weight:500}
body.yiyi-page-content .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
body.yiyi-page-content .grid2, body.yiyi-page-content .grid3, body.yiyi-page-content .grid4{align-items:stretch}
body.yiyi-page-content .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
body.yiyi-page-content .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:960px){body.yiyi-page-content .grid4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){body.yiyi-page-content .grid3, body.yiyi-page-content .grid2{grid-template-columns:1fr}}
@media (max-width:560px){body.yiyi-page-content .grid4{grid-template-columns:1fr}}
body.yiyi-page-content .panel{border-radius:20px;padding:26px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px);transition:transform .2s,border-color .2s;display:flex;flex-direction:column}
body.yiyi-page-content .panel:hover{transform:translateY(-3px);border-color:var(--stroke-hi)}
body.yiyi-page-content .panel .pic{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:14px;background:var(--glass-2);border:1px solid var(--stroke)}
body.yiyi-page-content .panel h3{font-family:var(--fd);font-weight:700;font-size:1.02rem;margin-bottom:6px}
body.yiyi-page-content .panel p{color:var(--muted);font-weight:500;font-size:.86rem;line-height:1.65}
body.yiyi-page-content .panel ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:8px;font-size:.84rem;font-weight:600;color:var(--muted)}
body.yiyi-page-content .panel ul li::before{content:"✓ ";color:var(--mint);font-weight:800}
body.yiyi-page-content .num-tag{position:absolute;top:16px;right:18px;font-family:var(--fd);font-weight:700;font-size:2rem;opacity:.13}
body.yiyi-page-content .stat-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;justify-content:center}
body.yiyi-page-content .stat-c{border-radius:16px;padding:13px 22px;min-width:150px;text-align:center;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(12px)}
body.yiyi-page-content .stat-c b{font-family:var(--fd);font-weight:700;font-size:1.25rem;display:block}
body.yiyi-page-content .stat-c span{font-size:.72rem;font-weight:700;color:var(--muted)}
body.yiyi-page-content .form-card{border-radius:var(--r-xl);padding:34px 36px;background:var(--glass);border:1px solid var(--stroke-hi);backdrop-filter:blur(18px);max-width:680px;margin:0 auto}
body.yiyi-page-content .form-card h3{font-family:var(--fd);font-weight:700;font-size:1.3rem;letter-spacing:-.4px;margin-bottom:4px;text-align:center}
body.yiyi-page-content .form-card .sub{text-align:center;color:var(--muted);font-weight:500;font-size:.85rem;margin-bottom:20px}
body.yiyi-page-content .f-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){body.yiyi-page-content .f-grid{grid-template-columns:1fr}}
body.yiyi-page-content .f-field{display:flex;flex-direction:column;gap:6px}
body.yiyi-page-content .f-field.full{grid-column:1/-1}
body.yiyi-page-content .f-field label{font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--muted)}
body.yiyi-page-content .f-field input, body.yiyi-page-content .f-field select, body.yiyi-page-content .f-field textarea{background:rgba(10,14,26,.4);border:1px solid var(--stroke);border-radius:13px;
  padding:11px 14px;color:var(--text);font-family:inherit;font-size:.9rem;font-weight:600;}
body.yiyi-page-content.light .f-field input, body.yiyi-page-content.light .f-field select, body.yiyi-page-content.light .f-field textarea{background:rgba(255,255,255,.7)}
body.yiyi-page-content .f-field input:focus, body.yiyi-page-content .f-field select:focus, body.yiyi-page-content .f-field textarea:focus{outline:none;border-color:var(--cyan)}
body.yiyi-page-content .f-field textarea{min-height:120px;resize:vertical}
body.yiyi-page-content .f-submit{width:100%;justify-content:center;margin-top:16px;padding:13px;font-size:.98rem}
body.yiyi-page-content .f-note{text-align:center;font-size:.7rem;color:var(--muted);font-weight:600;margin-top:12px;line-height:1.6}
body.yiyi-page-content .f-note a{color:var(--cyan)}
body.yiyi-page-content .doc-wrap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start;margin-top:24px}
@media (max-width:900px){body.yiyi-page-content .doc-wrap{grid-template-columns:1fr}}
body.yiyi-page-content .doc-toc{position:sticky;top:86px;border-radius:18px;padding:18px 20px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px)}
@media (max-width:900px){body.yiyi-page-content .doc-toc{position:static}}
body.yiyi-page-content .doc-toc h4{font-family:var(--fd);font-weight:700;font-size:.82rem;margin-bottom:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
body.yiyi-page-content .doc-toc ol{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.8rem;font-weight:600}
body.yiyi-page-content .doc-toc a{color:var(--muted)}
body.yiyi-page-content .doc-toc a:hover{color:var(--cyan)}
body.yiyi-page-content .doc{border-radius:20px;padding:34px 40px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px)}
@media (max-width:560px){body.yiyi-page-content .doc{padding:22px}}
body.yiyi-page-content .doc .upd{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);margin-bottom:18px}
body.yiyi-page-content .doc h2{font-family:var(--fd);font-weight:700;font-size:1.2rem;letter-spacing:-.3px;margin:26px 0 10px;scroll-margin-top:90px}
body.yiyi-page-content .doc h2:first-of-type{margin-top:0}
body.yiyi-page-content .doc p{color:var(--muted);font-weight:500;font-size:.9rem;line-height:1.8;margin-bottom:12px}
body.yiyi-page-content .doc ul{margin:0 0 12px 20px;color:var(--muted);font-weight:500;font-size:.9rem;line-height:1.9}
body.yiyi-page-content .doc ul li::marker{color:var(--cyan)}
body.yiyi-page-content .doc a{color:var(--cyan);font-weight:700}
body.yiyi-page-content .doc .callout{border-radius:14px;padding:14px 18px;border:1px solid rgba(52,211,153,.35);background:rgba(52,211,153,.07);font-size:.86rem;font-weight:600;margin:14px 0}
body.yiyi-page-content .doc .callout.warn{border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.07)}
body.yiyi-page-content .c-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 12px}
body.yiyi-page-content .stack{display:flex;flex-direction:column;gap:12px}
body.yiyi-page-content .stack .panel{flex:1}
@media (max-width:860px){body.yiyi-page-content .c-cards{grid-template-columns:1fr}}
body.yiyi-page-content .c-card{border-radius:20px;padding:22px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px);text-align:center;transition:transform .2s,border-color .2s}
body.yiyi-page-content .c-card:hover{transform:translateY(-3px);border-color:var(--stroke-hi)}
body.yiyi-page-content .c-card .cic{width:50px;height:50px;border-radius:16px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:var(--glass-2);border:1px solid var(--stroke)}
body.yiyi-page-content .c-card h3{font-family:var(--fd);font-weight:700;font-size:1rem;margin-bottom:4px}
body.yiyi-page-content .c-card p{color:var(--muted);font-weight:600;font-size:.82rem}
body.yiyi-page-content .c-card a{color:var(--cyan);font-weight:800;font-size:.88rem;display:inline-block;margin-top:8px}
body.yiyi-page-content .pledges{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:860px){body.yiyi-page-content .pledges{grid-template-columns:1fr}}
body.yiyi-page-content .pledge{display:flex;gap:14px;border-radius:18px;padding:18px 20px;background:var(--glass);border:1px solid rgba(52,211,153,.3);backdrop-filter:blur(12px)}
body.yiyi-page-content .pledge .pi{width:42px;height:42px;border-radius:13px;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.35);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}
body.yiyi-page-content .pledge h3{font-family:var(--fd);font-weight:700;font-size:.95rem;margin-bottom:3px}
body.yiyi-page-content .pledge p{color:var(--muted);font-weight:500;font-size:.83rem;line-height:1.6}
body.yiyi-page-content .hotline{border-radius:20px;padding:26px 32px;justify-content:center;text-align:left;max-width:880px;margin-left:auto;margin-right:auto;background:linear-gradient(120deg,rgba(255,61,90,.12),rgba(251,191,36,.08));border:1px solid rgba(255,61,90,.35);display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:52px}
body.yiyi-page-content .hotline .hnum{font-family:var(--fd);font-weight:700;font-size:2.2rem;color:var(--coral)}
body.yiyi-page-content .hotline p{color:var(--muted);font-weight:600;font-size:.87rem;max-width:520px}
body.yiyi-page-content .hotline b{color:var(--text)}
body.yiyi-page-content .af-sec{margin-top:52px}

/* ===== Scoped kids page rules ===== */

@media (prefers-reduced-motion:reduce){body.yiyi-page-kids *, body.yiyi-page-kids *::before, body.yiyi-page-kids *::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@keyframes orb{0%,100%{transform:translate(0,0)}50%{transform:translate(-28px,22px)}}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes shine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
body.yiyi-page-kids .lb{border-radius:var(--r-xl);padding:20px 22px;display:flex;flex-direction:column;gap:12px}
body.yiyi-page-kids .lb-rows{display:flex;flex-direction:column}
body.yiyi-page-kids .lb-row{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--stroke);font-size:.85rem}
@supports (container-type: size){body.yiyi-page-kids .cell{container-type:size}
body.yiyi-page-kids .cell .art, body.yiyi-page-kids .cell.b2 .art{font-size:44cqmin}
body.yiyi-page-kids .cell .veil h4, body.yiyi-page-kids .cell.b2 .veil h4{font-size:clamp(.78rem,9.5cqmin,1.15rem)}
body.yiyi-page-kids .cell .veil span{font-size:clamp(.62rem,6.5cqmin,.78rem)}
body.yiyi-page-kids .cell .chipx{font-size:clamp(.52rem,5.5cqmin,.66rem)}}
@supports (container-type: inline-size){body.yiyi-page-kids .hcard{container-type:inline-size}
body.yiyi-page-kids .hthumb{font-size:44cqw}}
@keyframes srIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:560px){body.yiyi-page-kids .sr-grid{grid-template-columns:1fr}}
@media (max-width:920px){body.yiyi-page-kids .search-fab{display:flex}}
@keyframes popIn{from{transform:scale(.92) translateY(14px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}
@media (max-width:920px){body.yiyi-page-kids .seo-main{padding:20px 22px}}
@media (max-width:860px){body.yiyi-page-kids .faq{grid-template-columns:1fr}}
@media (max-width:760px){body.yiyi-page-kids .rz-streak{margin-left:0;width:100%}
body.yiyi-page-kids .ci{flex:1}}
@keyframes chipPulse{0%,100%{box-shadow:0 0 0 0 rgba(34,211,238,0)}50%{box-shadow:0 0 0 6px rgba(34,211,238,.18)}}
@keyframes emoIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media (max-width:560px){body.yiyi-page-kids .emo-strip{padding:12px 14px;gap:11px}
body.yiyi-page-kids .emo-strip h3{font-size:.9rem}}
@media (max-width:920px){body.yiyi-page-kids .hero{grid-template-columns:1fr}
body.yiyi-page-kids .lb{display:none}
body.yiyi-page-kids .nav-links{display:none}
body.yiyi-page-kids .nav .search{width:170px}
body.yiyi-page-kids .bento{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}
body.yiyi-page-kids .hero-main{min-height:0;padding:26px 24px}
body.yiyi-page-kids .hero-stats{gap:18px;margin-top:18px}}
@media (max-width:560px){body.yiyi-page-kids .wrap{padding:16px 12px 50px}
body.yiyi-page-kids .nav .search{display:none}
body.yiyi-page-kids .bento{grid-template-columns:repeat(3,1fr);gap:8px}
body.yiyi-page-kids .cell{border-radius:16px}
body.yiyi-page-kids .cell .veil{padding:10px}
body.yiyi-page-kids .hcard{flex:0 0 calc((100vw - 40px)/3)}
body.yiyi-page-kids .hthumb{font-size:2rem}
body.yiyi-page-kids .hero-main{padding:22px 18px;border-radius:20px}
body.yiyi-page-kids .hero-cta .btn{padding:9px 16px;font-size:.84rem}
body.yiyi-page-kids .hstat b{font-size:1.05rem}
body.yiyi-page-kids .pills{padding:12px 2px 14px}
body.yiyi-page-kids .dev{padding:24px 22px}
body.yiyi-page-kids .dev .btn{margin-left:0}
body.yiyi-page-kids .coin{display:none}}
body.yiyi-page-kids .crumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.8rem;font-weight:600;color:var(--muted);margin-bottom:16px}
body.yiyi-page-kids .crumb a:hover{color:var(--cyan)}
body.yiyi-page-kids .crumb .sep{opacity:.5}
body.yiyi-page-kids .crumb b{color:var(--text);font-weight:700}
body.yiyi-page-kids .p-hero{position:relative;border-radius:var(--r-xl);padding:52px 40px 46px;overflow:hidden;margin-bottom:8px;border:1px solid var(--stroke);text-align:center}
body.yiyi-page-kids .p-hero .eyebrow{display:flex;margin:0 auto 16px}
body.yiyi-page-kids .p-hero .hero-cta{justify-content:center;margin-top:20px}
body.yiyi-page-kids .p-hero::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;top:-150px;right:-90px;animation:orb 9s ease-in-out infinite;background:radial-gradient(circle,var(--ph,rgba(34,211,238,.26)),transparent 65%)}
body.yiyi-page-kids .p-hero h1{font-family:var(--fd);font-weight:700;letter-spacing:-1.2px;font-size:clamp(1.8rem,4.2vw,2.7rem);line-height:1.1;margin-bottom:10px}
body.yiyi-page-kids .p-hero h1 .grad{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
body.yiyi-page-kids .p-hero p{color:var(--muted);font-weight:500;max-width:620px;font-size:.98rem;margin:0 auto}
body.yiyi-page-kids .sec-c{text-align:center;max-width:640px;margin:52px auto 24px}
body.yiyi-page-kids .sec-c h2{font-family:var(--fd);font-weight:700;font-size:1.6rem;letter-spacing:-.6px;margin-bottom:8px}
body.yiyi-page-kids .sec-c p{color:var(--muted);font-weight:500}
body.yiyi-page-kids .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
body.yiyi-page-kids .grid2, body.yiyi-page-kids .grid3, body.yiyi-page-kids .grid4{align-items:stretch}
body.yiyi-page-kids .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
body.yiyi-page-kids .grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:960px){body.yiyi-page-kids .grid4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){body.yiyi-page-kids .grid3, body.yiyi-page-kids .grid2{grid-template-columns:1fr}}
@media (max-width:560px){body.yiyi-page-kids .grid4{grid-template-columns:1fr}}
body.yiyi-page-kids .panel{border-radius:20px;padding:26px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px);transition:transform .2s,border-color .2s;display:flex;flex-direction:column}
body.yiyi-page-kids .panel:hover{transform:translateY(-3px);border-color:var(--stroke-hi)}
body.yiyi-page-kids .panel .pic{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin-bottom:14px;background:var(--glass-2);border:1px solid var(--stroke)}
body.yiyi-page-kids .panel h3{font-family:var(--fd);font-weight:700;font-size:1.02rem;margin-bottom:6px}
body.yiyi-page-kids .panel p{color:var(--muted);font-weight:500;font-size:.86rem;line-height:1.65}
body.yiyi-page-kids .panel ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:8px;font-size:.84rem;font-weight:600;color:var(--muted)}
body.yiyi-page-kids .panel ul li::before{content:"✓ ";color:var(--mint);font-weight:800}
body.yiyi-page-kids .num-tag{position:absolute;top:16px;right:18px;font-family:var(--fd);font-weight:700;font-size:2rem;opacity:.13}
body.yiyi-page-kids .stat-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;justify-content:center}
body.yiyi-page-kids .stat-c{border-radius:16px;padding:13px 22px;min-width:150px;text-align:center;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(12px)}
body.yiyi-page-kids .stat-c b{font-family:var(--fd);font-weight:700;font-size:1.25rem;display:block}
body.yiyi-page-kids .stat-c span{font-size:.72rem;font-weight:700;color:var(--muted)}
body.yiyi-page-kids .form-card{border-radius:var(--r-xl);padding:34px 36px;background:var(--glass);border:1px solid var(--stroke-hi);backdrop-filter:blur(18px);max-width:680px;margin:0 auto}
body.yiyi-page-kids .form-card h3{font-family:var(--fd);font-weight:700;font-size:1.3rem;letter-spacing:-.4px;margin-bottom:4px;text-align:center}
body.yiyi-page-kids .form-card .sub{text-align:center;color:var(--muted);font-weight:500;font-size:.85rem;margin-bottom:20px}
body.yiyi-page-kids .f-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){body.yiyi-page-kids .f-grid{grid-template-columns:1fr}}
body.yiyi-page-kids .f-field{display:flex;flex-direction:column;gap:6px}
body.yiyi-page-kids .f-field.full{grid-column:1/-1}
body.yiyi-page-kids .f-field label{font-size:.72rem;font-weight:800;letter-spacing:.06em;color:var(--muted)}
body.yiyi-page-kids .f-field input, body.yiyi-page-kids .f-field select, body.yiyi-page-kids .f-field textarea{background:rgba(10,14,26,.4);border:1px solid var(--stroke);border-radius:13px;
  padding:11px 14px;color:var(--text);font-family:inherit;font-size:.9rem;font-weight:600;}
body.yiyi-page-kids.light .f-field input, body.yiyi-page-kids.light .f-field select, body.yiyi-page-kids.light .f-field textarea{background:rgba(255,255,255,.7)}
body.yiyi-page-kids .f-field input:focus, body.yiyi-page-kids .f-field select:focus, body.yiyi-page-kids .f-field textarea:focus{outline:none;border-color:var(--cyan)}
body.yiyi-page-kids .f-field textarea{min-height:120px;resize:vertical}
body.yiyi-page-kids .f-submit{width:100%;justify-content:center;margin-top:16px;padding:13px;font-size:.98rem}
body.yiyi-page-kids .f-note{text-align:center;font-size:.7rem;color:var(--muted);font-weight:600;margin-top:12px;line-height:1.6}
body.yiyi-page-kids .f-note a{color:var(--cyan)}
body.yiyi-page-kids .doc-wrap{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px;align-items:start;margin-top:24px}
@media (max-width:900px){body.yiyi-page-kids .doc-wrap{grid-template-columns:1fr}}
body.yiyi-page-kids .doc-toc{position:sticky;top:86px;border-radius:18px;padding:18px 20px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px)}
@media (max-width:900px){body.yiyi-page-kids .doc-toc{position:static}}
body.yiyi-page-kids .doc-toc h4{font-family:var(--fd);font-weight:700;font-size:.82rem;margin-bottom:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
body.yiyi-page-kids .doc-toc ol{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:.8rem;font-weight:600}
body.yiyi-page-kids .doc-toc a{color:var(--muted)}
body.yiyi-page-kids .doc-toc a:hover{color:var(--cyan)}
body.yiyi-page-kids .doc{border-radius:20px;padding:34px 40px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px)}
@media (max-width:560px){body.yiyi-page-kids .doc{padding:22px}}
body.yiyi-page-kids .doc .upd{font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--mint);margin-bottom:18px}
body.yiyi-page-kids .doc h2{font-family:var(--fd);font-weight:700;font-size:1.2rem;letter-spacing:-.3px;margin:26px 0 10px;scroll-margin-top:90px}
body.yiyi-page-kids .doc h2:first-of-type{margin-top:0}
body.yiyi-page-kids .doc p{color:var(--muted);font-weight:500;font-size:.9rem;line-height:1.8;margin-bottom:12px}
body.yiyi-page-kids .doc ul{margin:0 0 12px 20px;color:var(--muted);font-weight:500;font-size:.9rem;line-height:1.9}
body.yiyi-page-kids .doc ul li::marker{color:var(--cyan)}
body.yiyi-page-kids .doc a{color:var(--cyan);font-weight:700}
body.yiyi-page-kids .doc .callout{border-radius:14px;padding:14px 18px;border:1px solid rgba(52,211,153,.35);background:rgba(52,211,153,.07);font-size:.86rem;font-weight:600;margin:14px 0}
body.yiyi-page-kids .doc .callout.warn{border-color:rgba(251,191,36,.4);background:rgba(251,191,36,.07)}
body.yiyi-page-kids .c-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 12px}
body.yiyi-page-kids .stack{display:flex;flex-direction:column;gap:12px}
body.yiyi-page-kids .stack .panel{flex:1}
@media (max-width:860px){body.yiyi-page-kids .c-cards{grid-template-columns:1fr}}
body.yiyi-page-kids .c-card{border-radius:20px;padding:22px;background:var(--glass);border:1px solid var(--stroke);backdrop-filter:blur(14px);text-align:center;transition:transform .2s,border-color .2s}
body.yiyi-page-kids .c-card:hover{transform:translateY(-3px);border-color:var(--stroke-hi)}
body.yiyi-page-kids .c-card .cic{width:50px;height:50px;border-radius:16px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:var(--glass-2);border:1px solid var(--stroke)}
body.yiyi-page-kids .c-card h3{font-family:var(--fd);font-weight:700;font-size:1rem;margin-bottom:4px}
body.yiyi-page-kids .c-card p{color:var(--muted);font-weight:600;font-size:.82rem}
body.yiyi-page-kids .c-card a{color:var(--cyan);font-weight:800;font-size:.88rem;display:inline-block;margin-top:8px}
body.yiyi-page-kids .pledges{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (max-width:860px){body.yiyi-page-kids .pledges{grid-template-columns:1fr}}
body.yiyi-page-kids .pledge{display:flex;gap:14px;border-radius:18px;padding:18px 20px;background:var(--glass);border:1px solid rgba(52,211,153,.3);backdrop-filter:blur(12px)}
body.yiyi-page-kids .pledge .pi{width:42px;height:42px;border-radius:13px;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.35);display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0}
body.yiyi-page-kids .pledge h3{font-family:var(--fd);font-weight:700;font-size:.95rem;margin-bottom:3px}
body.yiyi-page-kids .pledge p{color:var(--muted);font-weight:500;font-size:.83rem;line-height:1.6}
body.yiyi-page-kids .hotline{border-radius:20px;padding:26px 32px;justify-content:center;text-align:left;max-width:880px;margin-left:auto;margin-right:auto;background:linear-gradient(120deg,rgba(255,61,90,.12),rgba(251,191,36,.08));border:1px solid rgba(255,61,90,.35);display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:52px}
body.yiyi-page-kids .hotline .hnum{font-family:var(--fd);font-weight:700;font-size:2.2rem;color:var(--coral)}
body.yiyi-page-kids .hotline p{color:var(--muted);font-weight:600;font-size:.87rem;max-width:520px}
body.yiyi-page-kids .hotline b{color:var(--text)}
body.yiyi-page-kids .af-sec{margin-top:52px}


/* ===== WordPress dynamic integration ===== */
html{scroll-padding-top:100px}
body.admin-bar .nav{top:44px}
@media(max-width:782px){body.admin-bar .nav{top:58px}}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wrap{width:min(1280px,calc(100% - 32px));margin-left:auto;margin-right:auto}
.nav .logo img,.foot .logo img{height:34px;width:auto;display:block}
.logo-text{display:inline-flex;align-items:baseline;gap:3px}.logo-text .yi{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.yiyi-search-form{margin:0}.search-panel[hidden]{display:none!important}
.search-panel .yiyi-search-row{display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:12px}.search-panel .yiyi-search-row:hover{background:var(--glass-2)}
.search-panel .yiyi-search-thumb{width:44px;height:44px;border-radius:10px;overflow:hidden;flex:none;background:var(--glass-2)}
.search-panel .yiyi-search-thumb img{width:100%;height:100%;object-fit:cover}.search-panel .yiyi-search-copy{min-width:0}.search-panel .yiyi-search-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-panel .yiyi-search-copy small{color:var(--muted)}
.yiyi-avatar-img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.cell{position:relative;overflow:hidden}.cell>.yiyi-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.cell>.yiyi-card-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,8,18,.88),rgba(4,8,18,.08) 68%);z-index:1}.cell .art,.cell .veil,.cell .chipx,.cell .yiyi-fav{z-index:2}.cell .art.has-image{opacity:0}.cell .yiyi-fav{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:rgba(7,11,22,.58);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;opacity:0;transition:.18s}.cell:hover .yiyi-fav{opacity:1}.cell .yiyi-fav.is-on{opacity:1;color:#ff6680}
.tile-grid.yiyi-standard-grid{grid-auto-flow:dense}.tile-grid .cell h4{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yiyi-card-meta{font-size:.75rem;color:var(--muted);display:flex;gap:8px;align-items:center}
.yiyi-empty{padding:48px 24px;text-align:center;border:1px solid var(--stroke);border-radius:var(--r-lg);background:var(--glass)}
.pagination{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:34px 0}.pagination .page-numbers{min-width:40px;height:40px;padding:0 12px;border-radius:12px;border:1px solid var(--stroke);background:var(--glass);display:inline-flex;align-items:center;justify-content:center;font-weight:700}.pagination .page-numbers.current,.pagination .page-numbers:hover{background:var(--grad);border-color:transparent;color:#fff}
.yiyi-stage-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#050814;display:none}.stage.is-playing .yiyi-stage-frame{display:block}.stage.is-playing .stage-overlay{display:none!important}.stage.is-playing .stage-placeholder{display:none!important}
.stage-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.stage-placeholder img{width:100%;height:100%;object-fit:cover}.stage-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,20,.16),rgba(5,8,20,.72))}
.stage-placeholder .big{position:relative;z-index:1}
.yiyi-play-error{position:absolute;inset:0;display:none;align-items:center;justify-content:center;text-align:center;padding:30px;color:#fff;background:rgba(4,8,18,.88);z-index:6}.stage.has-error .yiyi-play-error{display:flex}
.yiyi-related-side .cell{min-height:120px}
.rating-strip .likebar i{width:var(--yiyi-like-pct,90%)}
.yiyi-content-body{color:var(--text)}.yiyi-content-body>*+*{margin-top:16px}.yiyi-content-body h2,.yiyi-content-body h3{font-family:var(--fd)}.yiyi-content-body a{color:var(--cyan)}.yiyi-content-body img{max-width:100%;height:auto;border-radius:18px}.yiyi-content-body ul,.yiyi-content-body ol{padding-left:22px}
.yiyi-article-cover{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:var(--r-xl);border:1px solid var(--stroke);margin:18px 0 26px}
.yiyi-article-meta{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:.9rem;flex-wrap:wrap}.yiyi-article-meta .avatar{width:34px;height:34px;border-radius:50%}
.yiyi-post-card{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:16px;border:1px solid var(--stroke);border-radius:var(--r-lg);background:var(--glass);margin-bottom:16px}.yiyi-post-card img{width:180px;height:118px;object-fit:cover;border-radius:14px}.yiyi-post-card h2{font-size:1.2rem;margin:4px 0 8px}.yiyi-post-card p{color:var(--muted)}
.yiyi-generic-hero{padding:54px 0 24px}.yiyi-generic-hero h1{font-family:var(--fd);font-size:clamp(2rem,5vw,4rem);letter-spacing:-.04em}.yiyi-generic-hero p{max-width:780px;color:var(--muted);font-size:1.05rem;margin-top:12px}
.yiyi-form,.gamejoy-account-form{display:grid;gap:15px}.yiyi-form label,.gamejoy-account-form label{display:grid;gap:7px;font-weight:700}.yiyi-form input,.yiyi-form select,.yiyi-form textarea,.gamejoy-account-form input,.gamejoy-account-form select,.gamejoy-account-form textarea{width:100%;border:1px solid var(--stroke);background:rgba(255,255,255,.055);border-radius:13px;padding:12px 14px;color:var(--text);font:inherit}.yiyi-form input:focus,.yiyi-form textarea:focus,.gamejoy-account-form input:focus,.gamejoy-account-form textarea:focus{outline:none;border-color:var(--cyan)}
.yiyi-account-shell{display:grid;grid-template-columns:250px 1fr;gap:22px;margin:24px 0 60px}.yiyi-account-side,.yiyi-account-main{border:1px solid var(--stroke);border-radius:var(--r-xl);background:var(--glass);padding:20px}.yiyi-account-nav{display:grid;gap:7px;margin-top:18px}.yiyi-account-nav a{padding:10px 12px;border-radius:12px;color:var(--muted);font-weight:700}.yiyi-account-nav a.is-active,.yiyi-account-nav a:hover{background:var(--glass-2);color:var(--text)}
.yiyi-account-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.yiyi-account-stat{padding:18px;border:1px solid var(--stroke);border-radius:16px;background:var(--glass)}.yiyi-account-stat strong{display:block;font-size:1.5rem}.yiyi-account-stat small{color:var(--muted)}
.yiyi-leaderboard{display:grid;gap:8px;margin:24px 0 60px}.yiyi-lb-row{display:grid;grid-template-columns:55px 48px 1fr auto;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--stroke);border-radius:15px;background:var(--glass)}.yiyi-lb-row img{width:42px;height:42px;border-radius:50%}.yiyi-lb-rank{font-weight:800;color:var(--amber)}
.yiyi-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:9999;padding:12px 18px;border-radius:999px;background:#11182a;color:#fff;border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 50px rgba(0,0,0,.35);transition:.2s}.yiyi-toast.show{opacity:1;transform:translate(-50%,0)}
.yiyi-mobile-menu{display:none}
body.light{--bg:#F3F6FC;--glass:rgba(255,255,255,.72);--glass-2:rgba(0,0,0,.055);--stroke:rgba(20,30,55,.12);--stroke-hi:rgba(20,30,55,.22);--text:#101624;--muted:#667085}.light .nav-in{background:rgba(255,255,255,.78)}.light .mesh{background:radial-gradient(560px 420px at 12% -6%,rgba(139,92,246,.12),transparent 62%),radial-gradient(640px 480px at 96% 4%,rgba(34,211,238,.1),transparent 60%),var(--bg)}
@media(max-width:860px){.yiyi-account-shell{grid-template-columns:1fr}.yiyi-account-stats{grid-template-columns:repeat(2,1fr)}.yiyi-post-card{grid-template-columns:110px 1fr}.yiyi-post-card img{width:110px;height:100%}.nav-links{display:none}.nav .search{width:auto;flex:1}.yiyi-mobile-menu{display:inline-flex}.play-layout{grid-template-columns:1fr!important}.side-rail{display:none!important}.stage-actions{gap:4px}.act{padding:7px 8px}.wrap{width:min(100% - 20px,1280px)}}
@media(max-width:560px){.nav{padding:0 8px}.nav-in{gap:8px;padding:8px 10px}.logo span:not(.logo-dot):not(.yi){font-size:.98rem}.coin{display:none}.profile-chip .pname{display:none}.nav .search{display:none}.nav .search.is-mobile-open{display:block;position:fixed;left:10px;right:10px;top:78px;width:auto;z-index:100}.nav .search.is-mobile-open input{padding:13px 44px 13px 42px}.search-fab{display:inline-flex}.yiyi-account-stats{grid-template-columns:1fr 1fr}.yiyi-lb-row{grid-template-columns:42px 40px 1fr}.yiyi-lb-row>strong:last-child{display:none}.page-h1{font-size:2rem}.stage-bar{align-items:flex-start;flex-wrap:wrap}.stage-actions{width:100%;justify-content:flex-end}.rating-strip{gap:8px;flex-wrap:wrap}.info-grid{grid-template-columns:1fr!important}.hero-stats{grid-template-columns:repeat(3,1fr)}.hero-stats strong{font-size:1rem}}

/* ===== YIYI WordPress dynamic integration ===== */
.logo img{display:block;max-width:150px;max-height:42px;width:auto;height:auto}.avt img{width:30px;height:30px;border-radius:50%;display:block}.lb-ava img{width:30px;height:30px;border-radius:50%;object-fit:cover}.yiyi-lb-home .lb-row{color:inherit;text-decoration:none}.yiyi-empty-state{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:30px;color:var(--muted);border-radius:var(--r-lg)}.yiyi-empty-state>span{font-size:2rem}.yiyi-empty-state>b{color:var(--text);font-family:var(--fd)}
.yiyi-card-image,.yiyi-card-shade{position:absolute;inset:0;width:100%;height:100%}.yiyi-card-image{object-fit:cover;z-index:0;transition:transform .35s ease}.cell:hover .yiyi-card-image{transform:scale(1.05)}.yiyi-card-shade{z-index:1;background:linear-gradient(180deg,transparent 32%,rgba(5,8,18,.85) 100%)}.cell .art,.cell .veil,.cell .chipx{z-index:2}.cell .art.has-image{opacity:0}.yiyi-standard-grid{margin-bottom:18px}.yiyi-pagination{display:flex;justify-content:center;margin:34px 0}.yiyi-pagination .nav-links,.yiyi-pagination .page-numbers{display:flex;gap:12px;align-items:center}.yiyi-pagination a.page-numbers,.yiyi-pagination span.page-numbers,.yiyi-pagination .page-numbers li a,.yiyi-pagination .page-numbers li span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border-radius:13px;background:var(--glass);border:1px solid var(--stroke);font-weight:700}.yiyi-pagination .current{background:var(--grad)!important;color:white;border-color:transparent!important}.yiyi-pagination ul{list-style:none;padding:0;margin:0;display:flex;gap:12px}
.yiyi-stage-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;z-index:4}.stage{position:relative;overflow:hidden}.stage-overlay{z-index:3}.stage-overlay .big{font-size:4.2rem}.yiyi-game-unavailable{display:inline-flex;padding:10px 14px;border-radius:99px;background:rgba(0,0,0,.38);color:var(--muted)}.act.active{background:var(--glass-2);border-color:var(--cyan);color:var(--cyan)}.likebar i{display:block}.yiyi-controls{grid-column:1/-1}.yiyi-controls ul{padding-left:20px;display:grid;gap:10px}.yiyi-wp-content>*:first-child{margin-top:0}.yiyi-wp-content>*:last-child{margin-bottom:0}.yiyi-wp-content p,.yiyi-wp-content ul,.yiyi-wp-content ol,.yiyi-wp-content blockquote{}.yiyi-wp-content h2,.yiyi-wp-content h3,.yiyi-wp-content h4{font-family:var(--fd);margin:1.5em 0 .55em;color:var(--text)}.yiyi-wp-content a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.yiyi-wp-content img{max-width:100%;height:auto;border-radius:16px}.yiyi-wp-content table{width:100%;border-collapse:collapse;display:block;overflow:auto}.yiyi-wp-content td,.yiyi-wp-content th{padding:10px 12px;border:1px solid var(--stroke)}
.yiyi-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:22px 0}.yiyi-post-card{border-radius:var(--r-lg);overflow:hidden}.yiyi-post-cover{height:210px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(34,211,238,.1),rgba(139,92,246,.15));font-size:3rem;overflow:hidden}.yiyi-post-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.yiyi-post-card:hover .yiyi-post-cover img{transform:scale(1.04)}.yiyi-post-copy{padding:18px}.yiyi-post-copy h2{font:700 1.15rem/1.3 var(--fd);margin:8px 0}.yiyi-post-copy p{color:var(--muted);font-size:.9rem}.yiyi-post-copy small{color:#69738d}.yiyi-post-cat{display:inline-flex;font-size:.72rem;font-weight:800;color:var(--cyan);text-transform:uppercase;letter-spacing:.08em}.yiyi-list-head,.yiyi-content-hero{padding:22px 0 4px}.yiyi-article{max-width:920px;margin:0 auto}.yiyi-article-meta{display:flex;gap:9px;color:var(--muted);margin-top:13px}.yiyi-article-hero{margin:25px 0}.yiyi-article-hero img{width:100%;height:auto;max-height:540px;object-fit:cover;border-radius:22px;border:1px solid var(--stroke)}.yiyi-share-row{margin-top:24px}
.af-hero .btn{margin-top:18px}.af-sec.calc{margin:28px auto;padding:26px;border-radius:var(--r-lg);display:grid;gap:13px}.af-sec.calc input[type=range]{width:100%;accent-color:#8b5cf6}.af-sec.calc strong{font:700 1.65rem var(--fd);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.yiyi-account-wrap{max-width:1180px}.yiyi-account-nav,.yiyi-account-main{border-radius:var(--r-lg);padding:22px}.yiyi-account-nav{align-self:start;display:grid;gap:5px;position:sticky;top:96px}.yiyi-account-nav>a{padding:11px 13px;border-radius:11px;color:var(--muted);font-weight:700}.yiyi-account-nav>a:hover,.yiyi-account-nav>a.active{color:var(--text);background:var(--glass-2)}.yiyi-account-user{display:flex;align-items:center;gap:11px;padding:0 4px 18px;margin-bottom:8px;border-bottom:1px solid var(--stroke)}.yiyi-account-user img{border-radius:18px}.yiyi-account-user div{min-width:0}.yiyi-account-user b,.yiyi-account-user span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yiyi-account-user span{font-size:.75rem;color:var(--muted)}.yiyi-account-main>h1{font:700 clamp(1.8rem,3vw,2.5rem) var(--fd);margin:8px 0 7px}.yiyi-form{display:grid;gap:14px;margin-top:22px}.yiyi-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yiyi-form label{display:grid;gap:7px;font-weight:700;font-size:.83rem;color:var(--muted)}.yiyi-form input:not([type=checkbox]),.yiyi-form textarea,.yiyi-form select{width:100%;border:1px solid var(--stroke);background:rgba(255,255,255,.045);color:var(--text);border-radius:12px;padding:12px 13px;font:500 .94rem var(--fb);outline:none}.yiyi-form input:focus,.yiyi-form textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(34,211,238,.08)}.yiyi-check{display:flex!important;grid-auto-flow:column;justify-content:start;align-items:center}.yiyi-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important}.yiyi-span-2{grid-column:1/-1}.yiyi-form-links{display:flex;justify-content:space-between;gap:16px;margin-top:18px;color:var(--cyan);font-size:.88rem}.yiyi-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.yiyi-stat-grid>div{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--stroke)}.yiyi-stat-grid b,.yiyi-stat-grid span{display:block}.yiyi-stat-grid b{font:700 1.4rem var(--fd)}.yiyi-stat-grid span{color:var(--muted);font-size:.8rem;margin-top:4px}.yiyi-history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.yiyi-history-grid .cell{min-height:155px}.yiyi-security-sub{max-width:760px}.yiyi-security-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 18px}.yiyi-security-pill{padding:16px 18px;border-radius:16px;border:1px solid var(--stroke);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02))}.yiyi-security-pill strong,.yiyi-security-pill span{display:block}.yiyi-security-pill strong{font:700 .98rem var(--fd);margin-bottom:7px}.yiyi-security-pill span{color:var(--muted);font-size:.88rem;line-height:1.55}.yiyi-security-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:stretch}.yiyi-security-card{padding:22px;border:1px solid rgba(255,255,255,.09)!important;border-radius:22px!important;background:radial-gradient(circle at top right,rgba(34,211,238,.08),transparent 35%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));box-shadow:0 14px 40px rgba(3,8,20,.18)}.yiyi-security-head{display:flex;gap:14px;align-items:flex-start;margin-bottom:6px}.yiyi-security-icon{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,rgba(34,211,238,.18),rgba(124,58,237,.18));border:1px solid rgba(255,255,255,.1);font-size:1.35rem;flex:0 0 54px;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.yiyi-security-meta h2{margin:0 0 5px;font:700 1.42rem var(--fd)}.yiyi-security-meta p{margin:0;color:var(--muted);line-height:1.7}.yiyi-security-list{display:grid;gap:7px;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px dashed rgba(255,255,255,.09);color:var(--muted);font-size:.88rem;line-height:1.55}.yiyi-security-list.is-compact{margin-top:6px}.yiyi-security-session-box{display:grid;gap:7px;padding:16px;border-radius:16px;background:linear-gradient(180deg,rgba(34,211,238,.08),rgba(124,58,237,.05));border:1px solid rgba(34,211,238,.18)}.yiyi-security-session-box b{font:700 1rem var(--fd)}.yiyi-security-session-box span{color:var(--muted);line-height:1.65}.yiyi-security-actions{margin-top:6px}.yiyi-btn-wide{width:100%;justify-content:center}.yiyi-security-note{display:grid;gap:7px;margin-top:18px;padding:16px 18px}.yiyi-security-note strong{font:700 1rem var(--fd)}.yiyi-security-note span{color:var(--muted);line-height:1.65}.yiyi-danger{background:#c92645;color:white;padding:12px 18px;border-radius:12px;font-weight:800}.gamejoy-account-notice{border:1px solid var(--stroke);border-radius:14px;padding:12px 15px;margin:14px 0}.gamejoy-account-notice.is-success{border-color:rgba(52,211,153,.45);background:rgba(52,211,153,.08)}.gamejoy-account-notice.is-error{border-color:rgba(255,61,90,.45);background:rgba(255,61,90,.08)}
.yiyi-rank-table{border-radius:var(--r-lg);padding:10px;margin:22px 0 50px}.yiyi-rank-row{display:grid;grid-template-columns:48px 48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px;border-bottom:1px solid var(--stroke)}.yiyi-rank-row:last-child{border-bottom:0}.yiyi-rank-row.is-me{background:rgba(34,211,238,.07);border-radius:13px}.yiyi-rank-row img{width:44px;height:44px;border-radius:14px}.yiyi-rank-row strong,.yiyi-rank-row small{display:block}.yiyi-rank-row small{color:var(--muted);margin-top:2px}.yiyi-rank-row>span{font-weight:800;color:var(--cyan)}.yiyi-rank-num{font:800 1.15rem var(--fd);text-align:center}.yiyi-error{max-width:650px;margin:80px auto;padding:55px;text-align:center;border-radius:var(--r-xl)}.yiyi-error>span{font:800 5rem var(--fd);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.yiyi-error h1{font:700 2rem var(--fd);margin:6px 0}.yiyi-error p{color:var(--muted);margin-bottom:22px}
.yiyi-toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);z-index:9999;opacity:0;pointer-events:none;padding:11px 16px;border-radius:99px;background:rgba(8,12,24,.94);border:1px solid var(--stroke-hi);box-shadow:0 16px 50px rgba(0,0,0,.35);transition:.2s}.yiyi-toast.show{opacity:1;transform:translate(-50%,0)}.m-search{display:none}.m-search.open{display:grid;position:fixed;inset:0;z-index:999;background:rgba(4,7,15,.84);place-items:start center;padding:80px 15px}.m-search-in{display:grid;grid-template-columns:1fr auto;width:min(680px,100%);padding:10px;border-radius:18px}.m-search-in form{order:-1}.m-search-in input{width:100%;padding:13px 14px;border:0;outline:0;background:transparent;color:var(--text);font:600 1rem var(--fb)}.m-search-in button{padding:10px}.search-panel.open{display:block}.yiyi-search-empty{padding:18px;color:var(--muted)}.yiyi-search-label{padding:10px 13px 5px;color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em}.yiyi-search-intents,.yiyi-search-tags{display:flex;gap:6px;flex-wrap:wrap;padding:6px 11px 10px}.yiyi-search-intents a,.yiyi-search-tags a{padding:6px 9px;border-radius:99px;background:var(--glass);border:1px solid var(--stroke);font-size:.76rem}.yiyi-search-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:12px}.yiyi-search-item:hover{background:var(--glass-2)}.yiyi-search-item img,.yiyi-search-emoji{width:44px;height:44px;border-radius:11px;object-fit:cover;display:grid;place-items:center;background:var(--glass)}.yiyi-search-item span:last-child{min-width:0}.yiyi-search-item b,.yiyi-search-item small{display:block}.yiyi-search-item b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yiyi-search-item small{color:var(--muted);font-size:.72rem;margin-top:2px}
html[data-theme="light"]{--bg:#f4f6fb;--text:#151b2d;--muted:#667087;--glass:rgba(255,255,255,.72);--glass-2:rgba(25,35,60,.07);--stroke:rgba(25,35,60,.12);--stroke-hi:rgba(25,35,60,.2)}html[data-theme="light"] .mesh{opacity:.55}html[data-theme="light"] .nav-in{background:rgba(248,250,255,.82)}html[data-theme="light"] .yiyi-toast{background:rgba(255,255,255,.96)}
@media(max-width:980px){.yiyi-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yiyi-account-nav{position:static;display:flex;overflow:auto}.yiyi-account-user{display:none}.yiyi-account-nav>a{white-space:nowrap}.yiyi-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.yiyi-post-grid{grid-template-columns:1fr}.yiyi-post-cover{height:190px}.yiyi-form-grid,.yiyi-security-grid,.yiyi-stat-grid,.yiyi-security-summary{grid-template-columns:1fr}.yiyi-form-grid>span{display:none}.yiyi-span-2{grid-column:auto}.yiyi-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yiyi-rank-row{grid-template-columns:34px 42px minmax(0,1fr)}.yiyi-rank-row>span{grid-column:3}.yiyi-account-main{padding:17px}.yiyi-account-nav{padding:8px}.yiyi-security-card{padding:18px;border-radius:18px!important}.yiyi-security-head{align-items:center}.yiyi-security-icon{width:46px;height:46px;flex-basis:46px;border-radius:15px}.stage-overlay .big{font-size:3rem}.stage-actions{gap:4px}.stage-actions .act{padding:7px}.rating-strip{overflow:auto;white-space:nowrap}.side-rail{display:none!important}.play-layout{grid-template-columns:minmax(0,1fr)!important}}
.yiyi-card-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:opacity .2s}.cell.is-previewing .yiyi-card-preview{opacity:1}.cell.is-previewing .yiyi-card-image{opacity:0}

/* =========================================================
   YIYI 1.1 — game preview search, verified-time ranking,
   play rewards and withdrawal UI
   ========================================================= */
.glass-soft{background:var(--glass);border:1px solid var(--stroke);border-radius:16px}
.coin{display:flex}

/* Search uses the same real game data shown on the homepage. */
.search-panel{max-height:min(74vh,620px);overflow:auto}
.sr-label{margin:10px 2px 8px}
.sr-label:first-child{margin-top:2px}
.sr-chips{margin-bottom:10px}
.sr-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.sr-item{min-width:0;border:1px solid transparent}
.sr-item:hover,.sr-item:focus-visible{background:var(--glass-2);border-color:var(--stroke);outline:none}
.sr-art{overflow:hidden;background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(139,92,246,.18))}
.sr-art.has-image{background:var(--glass-2)}
.sr-art img{width:100%;height:100%;object-fit:cover;display:block}
.sr-copy{min-width:0;flex:1}
.sr-copy h5,.sr-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sr-item .go{flex:none}
.sr-empty{padding:16px 8px}

.m-search.open{display:grid;place-items:start center;padding:64px 14px 20px}
.m-search-in{display:block!important;width:min(720px,100%);max-height:calc(100vh - 84px);padding:12px;border-radius:22px;overflow:hidden}
.m-search-in .m-bar{display:flex;align-items:center;gap:9px;margin:0 0 10px}
.m-search-in .m-bar form{order:0;flex:1;margin:0}
.m-search-in .m-bar input{width:100%;background:var(--glass);border:1px solid var(--stroke-hi);border-radius:99px;padding:12px 17px;color:var(--text)}
.m-search-in .m-close{width:42px;height:42px;border-radius:50%;border:1px solid var(--stroke);background:var(--glass);color:var(--text);padding:0;flex:none}
.m-search-in .m-body{overflow:auto;max-height:calc(100vh - 170px);padding:2px}

/* Homepage reward strip. */
.yiyi-reward-strip{display:flex;align-items:center;gap:16px;padding:15px 18px;margin:16px 0 2px;border-radius:20px;background:linear-gradient(120deg,rgba(251,191,36,.10),rgba(139,92,246,.10),rgba(34,211,238,.07))}
.yiyi-reward-strip-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:1.45rem;background:rgba(251,191,36,.10);border:1px solid rgba(251,191,36,.28);flex:none}
.yiyi-reward-strip-copy{display:grid;gap:3px;min-width:0;flex:1}
.yiyi-reward-strip-copy strong{font:700 1rem var(--fd)}
.yiyi-reward-strip-copy span{color:var(--muted);font-size:.8rem;font-weight:600}
.yiyi-reward-strip-copy b{color:var(--amber)}
.yiyi-reward-balance{display:grid;gap:1px;text-align:right;white-space:nowrap}
.yiyi-reward-balance small{font-size:.65rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.yiyi-reward-balance b{font:800 1.05rem var(--fd);color:var(--amber)}

/* Weekly time podium. */
.lbp-col{color:inherit}
.lbp-ava{overflow:visible}
.lbp-ava img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.lbp-col.first .lbp-ava,.lbp-col.second .lbp-ava,.lbp-col.third .lbp-ava{background:var(--glass-2)}
.lbp-col:hover .lbp-name{color:var(--cyan)}
.lb-foot{line-height:1.45}
.yiyi-leader-note{padding:13px 16px;margin:16px 0 -6px;color:var(--muted);font-size:.84rem;font-weight:600}
.yiyi-leader-note a{color:var(--cyan);font-weight:800}

/* Live session counter beside game controls. */
.yiyi-live-session{margin-left:auto;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.yiyi-live-session[hidden]{display:none!important}
.yiyi-live-session span{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:99px;background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.22);font-size:.72rem;color:var(--muted);font-weight:700;white-space:nowrap}
.yiyi-live-session b{color:var(--text);font-family:var(--fd)}
.yiyi-live-session span:last-child b{color:var(--amber)}

/* Account reward wallet. */
.yiyi-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.yiyi-stat-grid>div,.yiyi-stat-grid>a{padding:20px;border-radius:16px;background:var(--glass);border:1px solid var(--stroke);min-width:0}
.yiyi-stat-grid>a{transition:transform .18s,border-color .18s}
.yiyi-stat-grid>a:hover{transform:translateY(-2px);border-color:rgba(251,191,36,.35)}
.yiyi-stat-grid>a b,.yiyi-stat-grid>a span{display:block}
.yiyi-stat-grid>a b{font:700 1.4rem var(--fd);color:var(--amber)}
.yiyi-stat-grid>a span{color:var(--muted);font-size:.8rem;margin-top:4px}
.yiyi-wallet-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:22px 0 14px}
.yiyi-wallet-card{display:grid;align-content:start;gap:5px;padding:18px;border-radius:17px;background:var(--glass);border:1px solid var(--stroke);min-width:0;transition:transform .18s,border-color .18s}
a.yiyi-wallet-card:hover{transform:translateY(-2px);border-color:var(--cyan)}
.yiyi-wallet-card.primary{background:linear-gradient(135deg,rgba(251,191,36,.12),rgba(139,92,246,.10));border-color:rgba(251,191,36,.28)}
.yiyi-wallet-card>span{font-size:.7rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.yiyi-wallet-card>b{font:800 1.32rem var(--fd);overflow-wrap:anywhere}
.yiyi-wallet-card.primary>b{color:var(--amber)}
.yiyi-wallet-card>small{font-size:.69rem;color:var(--muted);line-height:1.45}
.yiyi-reward-rule{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 15px;margin-bottom:17px;font-size:.77rem;color:var(--muted);font-weight:600}
.yiyi-reward-rule strong{color:var(--text)}
.yiyi-reward-rule span{padding-left:12px;border-left:1px solid var(--stroke)}
.yiyi-reward-rule b{color:var(--cyan)}
.yiyi-reward-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:8px}
.yiyi-reward-box{border:1px solid var(--stroke);background:rgba(255,255,255,.025);border-radius:18px;padding:18px;min-width:0}
.sec.compact{margin:0 0 8px}
.sec.compact h2{font-size:1.05rem}
.yiyi-help{font-size:.77rem;color:var(--muted);line-height:1.55;margin:0}
.yiyi-withdraw-form{margin-top:15px}
.yiyi-form select option{background:#11172a;color:#f2f5ff}
.yiyi-reward-notice{padding:11px 14px;border-radius:13px;margin:14px 0;font-size:.84rem;font-weight:700}
.yiyi-reward-notice.success{border:1px solid rgba(52,211,153,.42);background:rgba(52,211,153,.08);color:var(--mint)}
.yiyi-reward-notice.error{border:1px solid rgba(255,61,90,.42);background:rgba(255,61,90,.08);color:#ff8194}
.yiyi-reward-list{display:grid;gap:7px;margin-top:13px}
.yiyi-reward-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;border-radius:13px;background:var(--glass);border:1px solid var(--stroke)}
.yiyi-reward-row b,.yiyi-reward-row small{display:block}
.yiyi-reward-row b{font-family:var(--fd)}
.yiyi-reward-row small{font-size:.68rem;color:var(--muted);margin-top:3px}
.yiyi-reward-row-right{text-align:right;display:grid;justify-items:end;gap:2px}
.yiyi-status{display:inline-flex;padding:4px 8px;border-radius:99px;font-size:.62rem;font-weight:800}
.yiyi-status.pending{color:var(--amber);background:rgba(251,191,36,.10)}
.yiyi-status.approved{color:var(--cyan);background:rgba(34,211,238,.09)}
.yiyi-status.paid{color:var(--mint);background:rgba(52,211,153,.10)}
.yiyi-status.rejected{color:var(--coral);background:rgba(255,61,90,.10)}
.yiyi-ledger-table{display:grid;border:1px solid var(--stroke);border-radius:16px;overflow:hidden;margin-bottom:20px}
.yiyi-ledger-head,.yiyi-ledger-row{display:grid;grid-template-columns:1.2fr 1fr 110px 90px;gap:10px;align-items:center;padding:11px 14px}
.yiyi-ledger-head{background:var(--glass-2);font-size:.68rem;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.yiyi-ledger-row{border-top:1px solid var(--stroke);font-size:.8rem}
.yiyi-ledger-row:first-of-type{border-top:0}
.yiyi-ledger-row b,.yiyi-ledger-row small{display:block}
.yiyi-ledger-row small{color:var(--muted);font-size:.68rem;margin-top:2px}
.yiyi-ledger-row>span:nth-child(3){color:var(--muted);font-size:.72rem}
.yiyi-ledger-row>span:last-child{text-align:right;font-weight:800}
.yiyi-ledger-row .plus{color:var(--mint)}
.yiyi-ledger-row .minus{color:var(--coral)}
.yiyi-empty-state.small{padding:24px 10px}

@media(max-width:1100px){
  .yiyi-wallet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .yiyi-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:920px){
  .coin{display:none}
  .yiyi-reward-strip{align-items:flex-start;flex-wrap:wrap}
  .yiyi-reward-strip-copy{flex:1 1 calc(100% - 70px)}
  .yiyi-reward-balance{text-align:left;margin-left:64px}
  .yiyi-reward-cols{grid-template-columns:1fr}
  .yiyi-live-session{margin-left:0;order:3;width:100%}
}
@media(max-width:680px){
  .sr-grid{grid-template-columns:1fr}
  .m-search.open{padding-top:18px}
  .m-search-in{max-height:calc(100vh - 36px)}
  .m-search-in .m-body{max-height:calc(100vh - 116px)}
  .yiyi-reward-strip{padding:13px}
  .yiyi-reward-strip-icon{width:42px;height:42px}
  .yiyi-reward-strip-copy{flex-basis:calc(100% - 60px)}
  .yiyi-reward-balance{margin-left:0}
  .yiyi-reward-strip>.btn{width:100%;justify-content:center}
  .yiyi-wallet-grid{grid-template-columns:1fr 1fr}
  .yiyi-reward-rule{display:grid;gap:8px}
  .yiyi-reward-rule span{padding-left:0;border-left:0}
  .yiyi-ledger-head{display:none}
  .yiyi-ledger-row{grid-template-columns:1fr auto;gap:7px}
  .yiyi-ledger-row>span:nth-child(2),.yiyi-ledger-row>span:nth-child(3){grid-column:1;color:var(--muted)}
  .yiyi-ledger-row>span:last-child{grid-column:2;grid-row:1;text-align:right}
}
@media(max-width:430px){
  .yiyi-wallet-grid,.yiyi-stat-grid{grid-template-columns:1fr}
  .lbp{gap:5px}
  .lbp-col.first .lbp-ava{width:52px;height:52px}
  .lbp-col.second .lbp-ava,.lbp-col.third .lbp-ava{width:42px;height:42px}
}


/* =========================================================
   YIYI 1.2.1 — FIX game grid/card height
   The new PHP renderer outputs .tile-grid while the original
   mockup only sized .bento rows with JavaScript. Without an
   explicit grid + row size, image cards collapse to thin bars.
   ========================================================= */
.tile-grid,
.bento{
  display:grid;
  gap:12px;
  grid-template-columns:repeat(auto-fill,minmax(130px,1fr));
  grid-auto-flow:dense;
  /* Fallback before JS calculates an exact square track size. */
  grid-auto-rows:130px;
  align-items:stretch;
}
.tile-grid .cell,
.bento .cell{
  width:100%;
  height:100%;
  min-width:0;
  min-height:0;
  align-self:stretch;
}
.tile-grid .cell.b2,
.bento .cell.b2{
  grid-column:span 2;
  grid-row:span 2;
}
.tile-grid .cell.w2,
.bento .cell.w2{
  grid-column:span 2;
  grid-row:span 1;
}
.tile-grid .yiyi-card-image,
.bento .yiyi-card-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.tile-grid .cell .veil,
.bento .cell .veil{
  pointer-events:none;
}

/* Keep cards readable on touch devices where :hover is unreliable. */
@media (hover:none){
  .tile-grid .cell .veil,
  .bento .cell .veil{
    opacity:1;
    background:linear-gradient(transparent 52%,rgba(6,9,18,.86));
  }
}

@media(max-width:920px){
  .tile-grid,
  .bento{
    grid-template-columns:repeat(auto-fill,minmax(110px,1fr));
    grid-auto-rows:110px;
    gap:10px;
  }
}
@media(max-width:560px){
  .tile-grid,
  .bento{
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-auto-rows:calc((100vw - 40px)/3);
    gap:8px;
  }
  .tile-grid .cell,
  .bento .cell{border-radius:16px}
}


/* =========================================================
   YIYI 1.2.3 — UI polish for cards, blog and auth pages
   ========================================================= */
.sec{align-items:center}
.sec h2{font-size:clamp(1.2rem,2vw,1.55rem)}
.sec .more{display:inline-flex;align-items:center;gap:4px}

/* --- Game cards: cleaner depth, better readable copy --- */
.tile-grid .cell,
.bento .cell{
  border-radius:24px;
  border-color:rgba(62,243,216,.55);
  box-shadow:0 18px 42px -26px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.06);
  isolation:isolate;
}
.tile-grid .cell::after,
.bento .cell::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:1;
  background:radial-gradient(circle at 82% 16%, rgba(255,255,255,.18), transparent 25%);
}
.tile-grid .cell:hover,
.bento .cell:hover{
  transform:translateY(-6px) scale(1.01);
  box-shadow:0 24px 58px -24px rgba(0,0,0,.84),0 0 0 1px rgba(34,211,238,.18),0 0 22px rgba(34,211,238,.12);
}
.tile-grid .cell .veil,
.bento .cell .veil{
  opacity:1;
  justify-content:flex-end;
  padding:16px 14px 14px;
  background:linear-gradient(180deg, rgba(5,8,18,0) 28%, rgba(5,8,18,.18) 50%, rgba(5,8,18,.96) 100%);
}
.tile-grid .cell .veil h4,
.bento .cell .veil h4{
  font-size:.98rem;
  line-height:1.22;
  white-space:normal;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-width:92%;
  margin-bottom:6px;
  text-shadow:0 2px 10px rgba(0,0,0,.45);
}
.tile-grid .cell .veil span,
.bento .cell .veil span{
  font-size:.76rem;
  line-height:1.35;
  color:#cdd6ea;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-width:92%;
}
.tile-grid .cell.b2 .veil h4,
.bento .cell.b2 .veil h4{font-size:1.16rem}
.tile-grid .cell .art,
.bento .cell .art{filter:drop-shadow(0 10px 18px rgba(0,0,0,.5))}
.tile-grid .cell .chipx,
.bento .cell .chipx{top:12px;left:12px;box-shadow:0 8px 18px -8px rgba(0,0,0,.55)}
.tile-grid .cell .yiyi-card-shade,
.bento .cell .yiyi-card-shade{background:linear-gradient(180deg,rgba(5,8,18,.06) 0%, rgba(5,8,18,.26) 38%, rgba(5,8,18,.92) 100%)}

/* --- Blog cards: vertical, cleaner, more premium --- */
.yiyi-post-grid{gap:22px}
.yiyi-post-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
  border:1px solid var(--stroke);
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.028));
  box-shadow:0 16px 36px -26px rgba(0,0,0,.65);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.yiyi-post-card:hover{transform:translateY(-6px);border-color:var(--stroke-hi);box-shadow:0 24px 44px -28px rgba(0,0,0,.78)}
.yiyi-post-cover{height:220px;border-radius:20px 20px 0 0;position:relative;overflow:hidden}
.yiyi-post-cover::after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(180deg,transparent,rgba(5,8,18,.16))}
.yiyi-post-copy{padding:18px 18px 20px;display:grid;align-content:start;gap:10px;flex:1}
.yiyi-post-copy h2{font-size:1.26rem;line-height:1.28;margin:0}
.yiyi-post-copy p{
  line-height:1.72;
  display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;
}
.yiyi-post-copy small{margin-top:auto;display:block;font-weight:600}
.yiyi-post-cat{width:max-content;padding:6px 10px;border-radius:999px;background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.2)}

/* --- Auth page redesign --- */
.yiyi-account-layout > .yiyi-account-main:only-child{max-width:none}
.yiyi-auth-shell{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:22px;align-items:stretch}
.yiyi-auth-shell.narrow{grid-template-columns:minmax(0,.92fr) minmax(320px,.88fr)}
.yiyi-auth-intro{
  position:relative;overflow:hidden;border-radius:26px;padding:30px 28px;
  background:linear-gradient(145deg, rgba(139,92,246,.18), rgba(34,211,238,.1) 58%, rgba(255,255,255,.03));
  border:1px solid var(--stroke);
  min-height:100%;
}
.yiyi-auth-intro::before,
.yiyi-auth-intro::after{content:"";position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.yiyi-auth-intro::before{width:280px;height:280px;right:-90px;top:-110px;background:radial-gradient(circle, rgba(34,211,238,.2), transparent 66%)}
.yiyi-auth-intro::after{width:240px;height:240px;left:-110px;bottom:-120px;background:radial-gradient(circle, rgba(139,92,246,.22), transparent 68%)}
.yiyi-auth-intro h1{font:700 clamp(2.2rem,4.2vw,3.2rem)/1.05 var(--fd);letter-spacing:-1.5px;margin:8px 0 12px;max-width:8ch}
.yiyi-auth-intro .page-sub{font-size:1rem;max-width:42ch;line-height:1.75;margin-bottom:22px}
.yiyi-auth-highlights{display:grid;gap:12px}
.yiyi-auth-pill{
  position:relative;z-index:1;padding:14px 16px;border-radius:18px;
  background:rgba(7,11,22,.28);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px)
}
.yiyi-auth-pill b{display:block;font:700 .96rem var(--fd);margin-bottom:4px}
.yiyi-auth-pill span{display:block;color:var(--muted);font-weight:600;font-size:.86rem;line-height:1.6}
.yiyi-auth-card{
  border-radius:26px;padding:24px 22px;background:rgba(10,14,26,.78);
  border:1px solid var(--stroke-hi);backdrop-filter:blur(18px);
  box-shadow:0 22px 54px -28px rgba(0,0,0,.75)
}
.yiyi-social-block{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--stroke)}
.yiyi-social-block .nsl-container{justify-content:stretch}
.yiyi-auth-submit{width:100%;justify-content:center;padding:13px 18px;font-size:.96rem}
.yiyi-auth-card .yiyi-form{margin-top:0}
.yiyi-auth-card .yiyi-form-links{margin-top:16px}
.yiyi-account-main .page-sub{color:#b8c1d8}
.yiyi-form input:not([type=checkbox]), .yiyi-form textarea, .yiyi-form select{transition:border-color .18s ease, box-shadow .18s ease, background .18s ease}
.yiyi-form input:not([type=checkbox]):hover, .yiyi-form textarea:hover, .yiyi-form select:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}
.yiyi-check{gap:10px;font-size:.86rem;color:#c7d0e5}
.yiyi-check input{width:18px;height:18px;accent-color:#22d3ee}

/* --- Mobile and tablet polish --- */
@media (max-width:1100px){
  .yiyi-auth-shell,.yiyi-auth-shell.narrow{grid-template-columns:1fr}
  .yiyi-auth-intro h1{max-width:none}
}
@media (max-width:980px){
  .hero{grid-template-columns:1fr}
  .lb{display:none}
  .sec{gap:10px}
  .yiyi-post-cover{height:200px}
}
@media (max-width:760px){
  .wrap{width:min(100% - 24px,1280px);padding-bottom:44px}
  .hero-main{padding:26px 20px;border-radius:22px;min-height:auto}
  .hero h1{font-size:clamp(2rem,9vw,2.6rem)}
  .hero p{font-size:.94rem;line-height:1.72}
  .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .hstat{padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--stroke)}
  .pills{padding:14px 2px 16px;gap:8px}
  .pill{padding:9px 14px;font-size:.8rem}
  .sec{margin:22px 0 12px}
  .sec h2{font-size:1.22rem}
  .yiyi-post-grid{gap:16px}
  .yiyi-post-cover{height:185px}
  .yiyi-post-copy{padding:16px}
  .yiyi-post-copy h2{font-size:1.12rem}
  .yiyi-auth-intro,.yiyi-auth-card{border-radius:22px}
  .yiyi-auth-intro{padding:22px 18px}
  .yiyi-auth-card{padding:18px 16px}
  .yiyi-form-links{flex-wrap:wrap;row-gap:8px}
  .yiyi-account-nav{display:flex;gap:8px;overflow:auto;scrollbar-width:none}
  .yiyi-account-nav::-webkit-scrollbar{display:none}
}
@media (max-width:560px){
  .nav{top:8px;padding:0 8px}
  .nav-in{border-radius:20px;padding:9px 10px 9px 12px}
  .logo{font-size:1.05rem}
  .logo-dot{width:32px;height:32px;border-radius:10px}
  .hero-main{padding:22px 16px}
  .hero-cta{display:grid;grid-template-columns:1fr;gap:9px}
  .hero-cta .btn{justify-content:center}
  .hero-stats{grid-template-columns:1fr}
  .hstat{gap:2px}
  .yiyi-reward-strip{padding:14px 14px 16px;display:grid;gap:10px}
  .yiyi-reward-strip-copy span{line-height:1.65}
  .tile-grid,.bento{grid-auto-rows:calc((100vw - 34px)/3)}
  .tile-grid .cell,.bento .cell{border-radius:18px}
  .tile-grid .cell .veil,.bento .cell .veil{padding:10px 9px 10px}
  .tile-grid .cell .veil h4,.bento .cell .veil h4{font-size:.78rem;max-width:100%;margin-bottom:4px}
  .tile-grid .cell .veil span,.bento .cell .veil span{font-size:.62rem;max-width:100%;-webkit-line-clamp:2}
  .tile-grid .cell .chipx,.bento .cell .chipx{top:8px;left:8px;padding:4px 8px;font-size:.52rem}
  .yiyi-post-card{border-radius:20px;padding:12px}
  .yiyi-post-cover{height:170px;border-radius:20px 20px 0 0}
  .yiyi-post-copy p{-webkit-line-clamp:3;font-size:.88rem}
  .yiyi-auth-intro h1{font-size:2rem}
  .yiyi-auth-intro .page-sub{font-size:.92rem;margin-bottom:16px}
  .yiyi-auth-highlights{gap:10px}
  .yiyi-auth-pill{padding:12px 14px;border-radius:16px}
  .yiyi-auth-card .yiyi-form input:not([type=checkbox]),
  .yiyi-auth-card .yiyi-form textarea,
  .yiyi-auth-card .yiyi-form select{padding:13px 12px;font-size:.95rem}
  .yiyi-form-links{font-size:.84rem;justify-content:flex-start}
  .yiyi-account-main{padding:16px}
}


/* =========================================================
   YIYI 1.2.4 — mobile bottom nav, sliders, category FAQ/content
   ========================================================= */
.yiyi-term-visual{display:block;width:100%;height:100%;object-fit:cover}
.cic .yiyi-term-visual{width:24px;height:24px;border-radius:8px}
.yiyi-tax-head{display:flex;align-items:center;gap:18px;padding:20px 22px;margin:8px 0 14px;border-radius:24px}
.yiyi-tax-icon{width:68px;height:68px;border-radius:22px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;border:1px solid var(--stroke);overflow:hidden;flex:none}
.yiyi-tax-icon .yiyi-term-visual{width:34px;height:34px}
.yiyi-tax-icon img.yiyi-term-visual{width:100%;height:100%;object-fit:cover}
.yiyi-category-content{padding:26px 28px}
.yiyi-category-content .yiyi-wp-content{font-size:1rem;line-height:1.78}

/* game slider cards */
.yiyi-slider-wrap{position:relative}
.yiyi-game-slider{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 10px;scroll-snap-type:x proximity;scrollbar-width:none}
.yiyi-game-slider::-webkit-scrollbar{display:none}
.yiyi-slide-card{width:142px;min-width:142px;display:flex;flex-direction:column;gap:0;overflow:hidden;border-radius:22px;scroll-snap-align:start;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;position:relative}
.yiyi-slide-card:hover{transform:translateY(-6px);border-color:var(--stroke-hi);box-shadow:0 20px 38px -24px rgba(0,0,0,.78)}
.yiyi-slide-thumb{position:relative;height:138px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}
.yiyi-slide-thumb .art{font-size:3.1rem;z-index:1;position:relative;filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}
.yiyi-slide-thumb .yiyi-card-image,.yiyi-slide-thumb .yiyi-card-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.yiyi-slide-thumb .yiyi-card-preview{opacity:0;z-index:2;transition:opacity .18s ease}
.yiyi-slide-card.is-previewing .yiyi-slide-thumb .yiyi-card-preview{opacity:1}
.yiyi-slide-thumb .yiyi-card-shade{position:absolute;inset:0;background:linear-gradient(180deg, rgba(5,8,18,0) 0%, rgba(5,8,18,.1) 100%);z-index:1}
.yiyi-slide-body{display:flex;flex-direction:column;gap:5px;padding:12px 12px 13px;background:rgba(13,18,34,.95)}
.yiyi-slide-body strong{font-family:var(--fd);font-size:.95rem;line-height:1.22;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yiyi-slide-body small{font-size:.71rem;font-weight:800;letter-spacing:.08em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.yiyi-slide-card .chipx{top:10px;left:10px;z-index:3}

/* category cards with image/icon */
.cat{min-height:138px}
.cat .cic{background:rgba(255,255,255,.04);border:1px solid var(--stroke);overflow:hidden}
.cat .cic img{width:100%;height:100%;object-fit:cover;border-radius:12px}

/* mobile fixed bottom nav */
.yiyi-mobile-bottom{display:none}
@media (max-width:760px){
  body{padding-bottom:88px}
  .yiyi-mobile-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;position:fixed;left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));z-index:1000;padding:9px 8px calc(9px + env(safe-area-inset-bottom));border-radius:22px;background:rgba(7,11,22,.92);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 44px rgba(0,0,0,.34)}
  .yiyi-mobile-bottom a,.yiyi-mobile-bottom button{appearance:none;background:none;border:0;color:#aab5cd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:6px 4px;border-radius:14px;font:700 .69rem/1.15 var(--fb);text-align:center;min-width:0}
  .yiyi-mobile-bottom a b,.yiyi-mobile-bottom button b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;line-height:1.15}
  .yiyi-mobile-bottom a span,.yiyi-mobile-bottom button span{font-size:1.1rem;line-height:1}
  .yiyi-mobile-bottom a.on,.yiyi-mobile-bottom button.on,.yiyi-mobile-bottom a:active,.yiyi-mobile-bottom button:active{color:#fff;background:linear-gradient(135deg, rgba(34,211,238,.18), rgba(139,92,246,.2))}
  .foot{padding-bottom:18px}
}
@media (max-width:560px){
  .yiyi-tax-head{padding:16px 16px;gap:14px;border-radius:20px}
  .yiyi-tax-icon{width:56px;height:56px;border-radius:18px}
  .yiyi-category-content{padding:20px 18px}
  .yiyi-game-slider{gap:10px;padding-bottom:6px}
  .yiyi-slide-card{width:132px;min-width:132px;border-radius:18px}
  .yiyi-slide-thumb{height:120px}
  .yiyi-slide-body{padding:10px 10px 11px}
  .yiyi-slide-body strong{font-size:.84rem}
  .yiyi-slide-body small{font-size:.65rem}
  .cat{min-height:126px;padding:16px 14px;border-radius:20px}
  .cat h4{font-size:.88rem}
}

/* YIYI 1.2.5 — hover preview: solo publicar video arriba thumbnail. */
.cell.is-previewing .veil{opacity:0!important}
.cell.is-previewing .yiyi-card-shade{opacity:0}
.yiyi-slide-card.is-previewing .yiyi-card-shade{opacity:0}


/* =========================================================
   YIYI 1.2.6 — titles only on hover; video remains behind title
   ========================================================= */
.tile-grid .cell .veil,
.bento .cell .veil{
  opacity:0!important;
  transition:opacity .18s ease, transform .18s ease;
  transform:translateY(6px);
}
.tile-grid .cell:hover .veil,
.tile-grid .cell:focus-visible .veil,
.bento .cell:hover .veil,
.bento .cell:focus-visible .veil,
.tile-grid .cell.is-previewing:hover .veil,
.bento .cell.is-previewing:hover .veil{
  opacity:1!important;
  transform:translateY(0);
}

.yiyi-slide-card{
  height:142px;
  min-height:142px;
  display:block;
}
.yiyi-slide-thumb{
  position:absolute;
  inset:0;
  height:auto;
  border-bottom:0;
}
.yiyi-slide-body{
  position:absolute;
  left:0;right:0;bottom:0;
  z-index:5;
  opacity:0;
  transform:translateY(6px);
  pointer-events:none;
  padding:28px 12px 12px;
  background:linear-gradient(180deg,transparent,rgba(5,8,18,.94) 56%,rgba(5,8,18,.98));
  transition:opacity .18s ease,transform .18s ease;
}
.yiyi-slide-card:hover .yiyi-slide-body,
.yiyi-slide-card:focus-visible .yiyi-slide-body,
.yiyi-slide-card.is-previewing:hover .yiyi-slide-body{
  opacity:1;
  transform:translateY(0);
}
.yiyi-slide-card.is-previewing .yiyi-card-shade{opacity:0}

@media(max-width:560px){
  .yiyi-slide-card{height:132px;min-height:132px}
  .yiyi-slide-thumb{height:auto}
}


/* =========================================================
   YIYI 1.2.8 — requested CSS adjustments
   ========================================================= */
/* WordPress emoji styles use !important, so category artwork must override them. */
.cat .cic img,
.cat .cic img.wp-smiley,
.cat .cic img.emoji{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:12px!important;
  margin:0!important;
  max-width:none!important;
}

/* "Novedades" back to image/card layout shown in the reference:
   thumbnail on top, title + category permanently underneath. */
.yiyi-slide-card{
  height:auto!important;
  min-height:0!important;
  display:flex!important;
  flex-direction:column!important;
}
.yiyi-slide-thumb{
  position:relative!important;
  inset:auto!important;
  height:138px!important;
  flex:0 0 138px!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.yiyi-slide-body{
  position:relative!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  z-index:5!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
  display:flex!important;
  flex-direction:column!important;
  gap:5px!important;
  padding:12px 12px 13px!important;
  background:rgba(13,18,34,.95)!important;
}
.yiyi-slide-card:hover .yiyi-slide-body,
.yiyi-slide-card:focus-visible .yiyi-slide-body,
.yiyi-slide-card.is-previewing:hover .yiyi-slide-body{
  opacity:1!important;
  transform:none!important;
}
@media(max-width:560px){
  .yiyi-slide-card{height:auto!important;min-height:0!important}
  .yiyi-slide-thumb{height:120px!important;flex-basis:120px!important}
}


/* =========================================================
   YIYI 1.2.9 — no hover lift/jump
   Keep hover color/border/video effects, but do not move elements upward.
   ========================================================= */
.btn:hover,
.store-btn:hover,
.cell:hover,
.hcard:hover,
.cat:hover,
.profile-chip:hover,
.sso-btn:hover,
.cont-card:hover,
.soc:hover,
.pact:hover,
.pl-mini:hover,
body.yiyi-page-game .act:hover,
body.yiyi-page-blog .game-mini:hover,
body.yiyi-page-blog .rel-card:hover,
body.yiyi-page-affiliate .step:hover,
body.yiyi-page-affiliate .tier:hover,
body.yiyi-page-content .panel:hover,
body.yiyi-page-content .c-card:hover,
body.yiyi-page-kids .panel:hover,
body.yiyi-page-kids .c-card:hover,
.yiyi-stat-grid>a:hover,
a.yiyi-wallet-card:hover,
.yiyi-post-card:hover,
.yiyi-slide-card:hover{
  transform:none !important;
}

/* YIYI 1.3.0 — homepage content + FAQ */
.yiyi-home-seo .seo-main{padding:26px 28px}
.yiyi-home-seo .yiyi-home-faq-title{margin-top:18px;margin-bottom:14px;font-size:1.12rem}
.yiyi-home-seo .faq{margin-top:0}
@media(max-width:680px){
  .yiyi-home-seo{margin-top:34px;padding-top:24px}
  .yiyi-home-seo>h2:first-child{font-size:1.3rem;line-height:1.35}
  .yiyi-home-seo .seo-main{padding:20px 18px;border-radius:18px}
  .yiyi-home-seo .yiyi-home-faq-title{font-size:1.05rem;margin-top:20px}
}

/* =========================================================
   YIYI 1.3.2 — Mobile header alignment polish
   ========================================================= */
@media (max-width:560px){
  .nav{
    width:100%;
    max-width:none;
    margin:8px auto 0;
    padding:0 10px;
  }
  .nav-in{
    min-height:60px;
    padding:9px 10px;
    gap:7px;
    border-radius:20px;
    align-items:center;
  }
  .nav-in>.logo{
    min-width:0;
    margin-right:auto;
    flex:0 1 auto;
    gap:8px;
    line-height:1;
  }
  .nav-in .logo-dot{
    width:34px;
    height:34px;
    flex:0 0 34px;
    border-radius:10px;
  }
  .nav-in .logo-text{
    white-space:nowrap;
    font-size:.96rem;
    line-height:1;
    align-items:center;
  }
  .nav-in .search-fab,
  .nav-in .theme-btn,
  .nav-in .profile-chip{
    width:40px;
    min-width:40px;
    height:40px;
    min-height:40px;
    flex:0 0 40px;
    padding:0;
    margin:0;
    border-radius:50%;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:0;
    line-height:1;
  }
  .nav-in .profile-chip .avt{
    width:30px;
    height:30px;
    flex:0 0 30px;
    margin:0;
  }
  .nav-in .profile-chip .avt img{
    width:30px;
    height:30px;
    display:block;
    object-fit:cover;
  }
  .nav-in .profile-chip .pname{display:none!important}
  .nav-in .search-fab,
  .nav-in .theme-btn{font-size:1rem}
}
@media (max-width:380px){
  .nav{padding:0 7px}
  .nav-in{gap:5px;padding:8px}
  .nav-in>.logo{gap:6px}
  .nav-in .logo-dot{width:31px;height:31px;flex-basis:31px}
  .nav-in .logo-text{font-size:.86rem}
  .nav-in .search-fab,
  .nav-in .theme-btn,
  .nav-in .profile-chip{width:38px;min-width:38px;height:38px;min-height:38px;flex-basis:38px}
}

/* =========================================================
   YIYI 1.3.3 — smart HOT/NEW mosaic + category emoji fix
   ========================================================= */
body.yiyi-page-category .yiyi-term-visual img.emoji {
  width: 100% !important;
  height: 100% !important;
}

/* Dense Poki-like mosaic: large tiles are selected by PHP priority logic
   (HOT/NEW alternating first, then TOP, then normal games). */
.yiyi-smart-mosaic{
  grid-auto-flow:dense!important;
  gap:10px!important;
}
@media (min-width:1180px){
  .yiyi-smart-mosaic{grid-template-columns:repeat(10,minmax(0,1fr))!important}
}
@media (min-width:860px) and (max-width:1179px){
  .yiyi-smart-mosaic{grid-template-columns:repeat(7,minmax(0,1fr))!important}
}
@media (min-width:561px) and (max-width:859px){
  .yiyi-smart-mosaic{grid-template-columns:repeat(5,minmax(0,1fr))!important}
}
@media (max-width:560px){
  .yiyi-smart-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
}

/* HOT / NEW quick filters sit directly after “Todos”. */
.yiyi-pill-hot{border-color:rgba(255,61,90,.28)}
.yiyi-pill-new{border-color:rgba(52,211,153,.28)}
.yiyi-pill-hot:hover{color:#fff;border-color:rgba(255,61,90,.55);background:rgba(255,61,90,.11)}
.yiyi-pill-new:hover{color:#fff;border-color:rgba(52,211,153,.55);background:rgba(52,211,153,.10)}


/* =========================================================
   YIYI 1.3.5 — Blog selected games / article detail from HTML sample
   ========================================================= */
body.yiyi-page-blog .yiyi-blog-selected-games{margin:20px 0 8px}
body.yiyi-page-blog .game-mini{min-height:86px}
body.yiyi-page-blog .game-mini .gm-art{overflow:hidden;border:1px solid var(--stroke);position:relative}
body.yiyi-page-blog .game-mini .gm-art img{display:block;width:100%;height:100%;object-fit:cover;border-radius:14px}
body.yiyi-page-blog .game-mini .gm-art .yiyi-game-mini-icon{display:block;width:34px;height:34px;object-fit:contain}
body.yiyi-page-blog .game-mini .gm-copy{min-width:0;flex:1}
body.yiyi-page-blog .game-mini .gm-copy h4{margin:0 0 3px;font-family:var(--fd);font-weight:700;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.yiyi-page-blog .game-mini .gm-copy>span{display:block;font-size:.75rem;font-weight:700;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.yiyi-page-blog .game-mini>.btn{margin-left:auto;flex:none;padding:9px 18px;font-size:.8rem;justify-content:center}
body.yiyi-page-blog .share .act{color:var(--muted);font-weight:600;border-radius:10px;transition:color .18s,background .18s}
body.yiyi-page-blog .share .act:hover{color:var(--text);background:var(--glass-2)}
body.yiyi-page-blog .rel-card{min-height:136px;display:flex;flex-direction:column;justify-content:flex-start}
body.yiyi-page-blog .rel-card>span:last-child{margin-top:auto;padding-top:10px}
body.yiyi-page-blog .a-meta .ava{font-size:.78rem;font-weight:800;color:#fff}
@media(max-width:560px){
  body.yiyi-page-blog .game-mini{gap:10px;padding:11px 12px;min-height:76px}
  body.yiyi-page-blog .game-mini .gm-art{width:52px;height:52px;border-radius:13px}
  body.yiyi-page-blog .game-mini .gm-art img{border-radius:13px}
  body.yiyi-page-blog .game-mini .gm-copy h4{font-size:.88rem}
  body.yiyi-page-blog .game-mini .gm-copy>span{font-size:.68rem}
  body.yiyi-page-blog .game-mini>.btn{padding:8px 12px;font-size:.72rem}
  body.yiyi-page-blog .share{align-items:flex-start;flex-wrap:wrap;gap:5px 8px}
  body.yiyi-page-blog .share strong{width:100%;margin-bottom:3px}
}


/* YIYI 1.3.7 — Blog selected-game descriptions + automatic TOC */
.yiyi-blog-game-section{scroll-margin-top:110px}
.yiyi-blog-selected-games .yiyi-blog-game-section{margin-top:30px}
.yiyi-blog-game-section .yiyi-blog-game-description{color:var(--muted);font-weight:500;font-size:.95rem;line-height:1.8;margin-bottom:14px}
.yiyi-blog-game-toc{margin:22px 0 28px}
.yiyi-blog-game-toc ol{display:grid;gap:4px}
@media(max-width:560px){
  .yiyi-blog-game-toc{padding:15px 17px;margin:18px 0 22px}
  .yiyi-blog-selected-games .yiyi-blog-game-section{margin-top:24px}
  .yiyi-blog-game-section .yiyi-blog-game-description{font-size:.91rem;line-height:1.72}
}


/* =========================================================
   YIYI 1.3.9 — mejor presentación para ol / ul / li dentro del contenido
   ========================================================= */
.yiyi-wp-content ol,
.yiyi-wp-content ul{
  padding:0;
  margin:14px 0 20px;
  display:grid;
  gap:8px;
  list-style:none;
}
.yiyi-wp-content ol{counter-reset:yiyi-content-list}
.yiyi-wp-content ol>li,
.yiyi-wp-content ul>li{
  position:relative;
  min-height:28px;
  padding:2px 0 2px 36px;
  color:var(--muted);
  font-weight:500;
  line-height:1.7;
}
.yiyi-wp-content ol>li{counter-increment:yiyi-content-list}
.yiyi-wp-content ol>li::before{
  content:counter(yiyi-content-list);
  position:absolute;
  left:0;
  top:2px;
  width:25px;
  height:25px;
  border-radius:8px;
  display:grid;
  place-items:center;
  font:800 .73rem/1 var(--fd);
  color:#fff;
  background:linear-gradient(135deg,var(--cyan),var(--violet));
  box-shadow:0 5px 14px -7px rgba(34,211,238,.75);
}
.yiyi-wp-content ul>li::before{
  content:"";
  position:absolute;
  left:8px;
  top:.76em;
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--cyan),var(--violet));
  box-shadow:0 0 0 4px rgba(34,211,238,.08);
}
.yiyi-wp-content li strong{color:var(--text)}
.yiyi-wp-content li a{font-weight:700}
.yiyi-wp-content li>ol,
.yiyi-wp-content li>ul{margin:8px 0 2px}
@media(max-width:560px){
  .yiyi-wp-content ol,
  .yiyi-wp-content ul{gap:7px;margin:12px 0 18px}
  .yiyi-wp-content ol>li,
  .yiyi-wp-content ul>li{padding-left:32px;line-height:1.65}
  .yiyi-wp-content ol>li::before{width:23px;height:23px;border-radius:7px}
}

/* YIYI 1.4.1 — add breathing room before related posts */
body.yiyi-page-blog .share + .sec{
  margin-top:56px;
}
@media(max-width:680px){
  body.yiyi-page-blog .share + .sec{
    margin-top:42px;
  }
}


/* YIYI 1.4.3 — blog share spacing */
body.yiyi-page-blog .share{
    margin-bottom:15px;
    margin-top:15px;
}

/* YIYI 1.4.6 — editable content/FAQ for All, Hot and New system archives */
.yiyi-system-archive-content{padding:26px 28px}
.yiyi-system-archive-content .yiyi-wp-content>*:first-child{margin-top:0}
.yiyi-system-archive-content .yiyi-wp-content>*:last-child{margin-bottom:0}
@media(max-width:560px){.yiyi-system-archive-content{padding:20px 18px}}


/* =========================================================
   YIYI 1.4.7 — guest avatar modal
   ========================================================= */
html.yiyi-modal-open{overflow:hidden}
.yiyi-guest-profile-trigger{font-family:inherit;color:inherit;cursor:pointer}
.yiyi-guest-profile-overlay[hidden]{display:none!important}
.yiyi-guest-profile-overlay{
  position:fixed;inset:0;z-index:1500;padding:20px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(4,7,15,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
.yiyi-guest-profile-modal{
  width:min(430px,100%);max-height:calc(100dvh - 32px);overflow:auto;
  position:relative;border-radius:28px;padding:26px;
  background:rgba(13,18,34,.96);border:1px solid var(--stroke-hi);
  box-shadow:0 32px 90px -24px rgba(0,0,0,.86)
}
.yiyi-guest-profile-close{
  position:absolute;top:14px;right:14px;width:34px;height:34px;border-radius:50%;
  display:grid;place-items:center;border:1px solid var(--stroke);background:var(--glass);color:var(--muted);
  font:700 .9rem var(--fb);cursor:pointer
}
.yiyi-guest-profile-close:hover{color:var(--text);border-color:var(--stroke-hi)}
.yiyi-guest-profile-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;padding:2px 10px 8px}
.yiyi-guest-profile-avatar{
  width:86px;height:86px;border-radius:50%;display:grid;place-items:center;font-size:2.7rem;
  background:var(--grad);border:3px solid rgba(255,255,255,.22);box-shadow:0 12px 30px -8px rgba(139,92,246,.65)
}
.yiyi-guest-profile-head h2{font:700 1.3rem var(--fd);margin:2px 0 0}
.yiyi-guest-profile-head p{max-width:300px;color:var(--muted);font-size:.82rem;font-weight:600;line-height:1.55}
.yiyi-guest-avatar-label{margin:16px 0 9px;font-size:.72rem;font-weight:800;letter-spacing:.1em;color:var(--muted)}
.yiyi-guest-avatar-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.yiyi-guest-avatar-option{
  aspect-ratio:1;border-radius:14px;border:1px solid var(--stroke);background:var(--glass);
  color:var(--text);font-size:1.38rem;display:grid;place-items:center;cursor:pointer
}
.yiyi-guest-avatar-option:hover{border-color:var(--stroke-hi)}
.yiyi-guest-avatar-option.sel{background:var(--grad);border-color:transparent;box-shadow:0 5px 16px -6px rgba(34,211,238,.6)}
.yiyi-guest-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:var(--muted);font-size:.74rem;font-weight:700}
.yiyi-guest-divider::before,.yiyi-guest-divider::after{content:"";height:1px;background:var(--stroke);flex:1}
.yiyi-guest-login-options{display:grid;gap:10px}
.yiyi-guest-email{
  min-height:52px;display:flex;align-items:center;gap:12px;padding:11px 15px;border-radius:15px;
  background:var(--glass);border:1px solid var(--stroke);font-weight:800
}
.yiyi-guest-email:hover{border-color:var(--stroke-hi);background:var(--glass-2)}
.yiyi-login-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.08)}
.yiyi-guest-google .nsl-container{margin:0!important;padding:0!important}
.yiyi-guest-google .nsl-container-buttons{display:block!important}
.yiyi-guest-google .nsl-button{width:100%!important;border-radius:15px!important;min-height:52px!important}
.yiyi-guest-google .nsl-button-label-container{font-weight:800!important}

@media(max-width:560px){
  .yiyi-guest-profile-overlay{padding:12px;align-items:flex-end}
  .yiyi-guest-profile-modal{border-radius:26px 26px 20px 20px;padding:22px 18px 20px;max-height:88dvh}
  .yiyi-guest-profile-avatar{width:76px;height:76px;font-size:2.35rem}
  .yiyi-guest-avatar-grid{grid-template-columns:repeat(6,1fr);gap:7px}
  .yiyi-guest-avatar-option{border-radius:12px;font-size:1.18rem}
}

/* =========================================================
   YIYI 1.4.8 — complete guest profile + member avatar picker
   ========================================================= */
.yiyi-profile-trigger{appearance:none;font-family:inherit;color:inherit;cursor:pointer}
.yiyi-profile-name-row{display:flex;align-items:center;justify-content:center;gap:8px;max-width:100%}
.yiyi-profile-name-row h2{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.yiyi-name-dice{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--stroke);background:var(--glass);font-size:.9rem;flex:none;transition:border-color .18s,background .18s}
.yiyi-name-dice:hover{border-color:var(--stroke-hi);background:var(--glass-2)}
.yiyi-guest-perks{display:grid;gap:8px;margin-top:16px;padding-top:2px;color:var(--muted);font-size:.78rem;line-height:1.55}
.yiyi-guest-perks p{margin:0}
.yiyi-guest-perks b{color:var(--text)}
.yiyi-guest-legal{margin:18px 4px 0;text-align:center;color:#667087;font-size:.68rem;line-height:1.55}
.yiyi-guest-legal a{color:var(--cyan)}
.yiyi-member-badge{color:var(--cyan);background:rgba(34,211,238,.08);border-color:rgba(34,211,238,.26)}
.yiyi-member-profile-avatar{overflow:hidden}
.yiyi-member-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.yiyi-member-avatar-status{margin-top:14px;text-align:center;color:var(--muted);font-size:.76rem;font-weight:700;min-height:20px}
.yiyi-member-account-link{display:flex;align-items:center;justify-content:center;margin-top:12px;min-height:46px;border-radius:14px;border:1px solid var(--stroke);background:var(--glass);font-weight:800;font-size:.84rem}
.yiyi-member-account-link:hover{border-color:var(--stroke-hi);background:var(--glass-2)}
.yiyi-guest-avatar-option:disabled{opacity:.58;cursor:wait}

@media(max-width:560px){
  .yiyi-profile-name-row h2{font-size:1.14rem}
  .yiyi-name-dice{width:31px;height:31px;border-radius:10px}
  .yiyi-guest-perks{font-size:.75rem}
  .yiyi-guest-legal{font-size:.65rem;margin-top:15px}
}

/* =========================================================
   YIYI 1.4.9 — dev emoji sizing + account grid only when logged in
   ========================================================= */
.dev-emoji img.emoji {
    height: 3em !important;
    width: 3em !important;
}

body.logged-in .yiyi-account-layout {
    display: grid;
    grid-template-columns: 250px minmax(0, 1fr);
    gap: 20px;
    margin: 22px 0 50px;
}

@media (max-width: 980px) {
    body.logged-in .yiyi-account-layout {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   YIYI 1.5.0 — Member game submission
   ========================================================= */
.yiyi-submit-notice{margin:16px 0;padding:13px 15px;border-radius:14px;border:1px solid var(--stroke);font-weight:700}
.yiyi-submit-notice.success{background:rgba(52,211,153,.09);border-color:rgba(52,211,153,.32);color:#9af0cf}
.yiyi-submit-notice.error{background:rgba(255,61,90,.09);border-color:rgba(255,61,90,.34);color:#ff9daf}
.yiyi-submit-game-form{margin-top:22px}
.yiyi-submit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.yiyi-submit-game-form input[type=file]{padding:9px;background:rgba(255,255,255,.035)}
.yiyi-submit-game-form input[type=file]::file-selector-button{border:1px solid var(--stroke);border-radius:9px;background:var(--glass-2);color:var(--text);font-weight:700;padding:8px 11px;margin-right:10px;cursor:pointer}
.yiyi-submit-source{margin:6px 0 0;padding:18px;border:1px solid var(--stroke);border-radius:18px;background:rgba(255,255,255,.025);display:grid;gap:13px}
.yiyi-submit-source legend{padding:0 8px;font-family:var(--fd);font-weight:800;color:var(--text)}
.yiyi-source-choice{display:flex!important;grid-template-columns:none!important;flex-direction:row!important;align-items:flex-start;gap:10px!important;color:var(--text)!important;padding:12px;border:1px solid var(--stroke);border-radius:14px;background:var(--glass)}
.yiyi-source-choice input{width:18px!important;height:18px!important;margin-top:2px;accent-color:#22d3ee;flex:none}
.yiyi-source-choice span{display:grid;gap:3px}.yiyi-source-choice b{font-family:var(--fd);font-size:.92rem}.yiyi-source-choice small,.yiyi-submit-source label>small{color:var(--muted);font-weight:600;line-height:1.55}
.yiyi-source-divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.7rem;font-weight:800;letter-spacing:.12em}.yiyi-source-divider::before,.yiyi-source-divider::after{content:"";height:1px;background:var(--stroke);flex:1}
.yiyi-submit-confirm{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:10px!important;margin-top:4px;padding:13px 14px;border:1px solid rgba(251,191,36,.22);background:rgba(251,191,36,.055);border-radius:14px;color:#d6dcef!important;line-height:1.55}
.yiyi-submit-confirm input{width:18px!important;height:18px!important;margin-top:2px;accent-color:#22d3ee;flex:none}
.yiyi-submit-button{width:max-content;min-width:210px;justify-content:center;padding:12px 20px}
.yiyi-submission-list{display:grid;gap:10px}
.yiyi-submission-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 13px;border:1px solid var(--stroke);border-radius:16px;background:var(--glass)}
.yiyi-submission-thumb{width:52px;height:52px;border-radius:13px;background:var(--glass-2);overflow:hidden;display:grid;place-items:center;font-size:1.35rem}.yiyi-submission-thumb img{width:100%;height:100%;object-fit:cover}
.yiyi-submission-copy{min-width:0}.yiyi-submission-copy b,.yiyi-submission-copy small{display:block}.yiyi-submission-copy b{font-family:var(--fd);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.yiyi-submission-copy small{margin-top:4px;color:var(--muted);font-size:.75rem;font-weight:600}
.yiyi-submission-status{padding:6px 10px;border-radius:99px;border:1px solid var(--stroke);font-size:.7rem;font-weight:800;white-space:nowrap}.yiyi-submission-status.pending{color:#f8cc62;border-color:rgba(251,191,36,.34);background:rgba(251,191,36,.08)}.yiyi-submission-status.publish{color:#78e4bd;border-color:rgba(52,211,153,.34);background:rgba(52,211,153,.08)}.yiyi-submission-status.draft{color:#bec7dc}.yiyi-submission-open{padding:7px 12px;font-size:.75rem}
@media(max-width:760px){.yiyi-submit-grid{grid-template-columns:1fr}.yiyi-submit-grid .yiyi-span-2{grid-column:auto}.yiyi-submission-row{grid-template-columns:46px minmax(0,1fr) auto}.yiyi-submission-thumb{width:46px;height:46px}.yiyi-submission-open{grid-column:2/-1;width:max-content}.yiyi-submit-button{width:100%}}
@media(max-width:480px){.yiyi-submission-row{grid-template-columns:42px minmax(0,1fr)}.yiyi-submission-thumb{width:42px;height:42px}.yiyi-submission-status{grid-column:2;width:max-content}.yiyi-submission-open{grid-column:2}.yiyi-submit-source{padding:14px}}


/* YIYI 1.5.2 — member submission thumbnail replacement */
.yiyi-submission-thumb-form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.yiyi-submission-thumb-pick{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 12px;border:1px solid var(--stroke);border-radius:999px;background:var(--glass);color:var(--text);font-weight:700;font-size:.8rem;cursor:pointer;overflow:hidden}
.yiyi-submission-thumb-pick input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.yiyi-submission-thumb-form .btn{min-height:38px;padding:8px 13px;font-size:.8rem}
@media(max-width:680px){.yiyi-submission-thumb-form{width:100%}.yiyi-submission-thumb-form .btn,.yiyi-submission-thumb-pick{flex:1}}


/* =========================================================
   YIYI 1.5.3 — homepage category horizontal scroller
   ========================================================= */
.yiyi-home-category-scroll{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:2px 2px 10px;
  margin:0;
  scroll-snap-type:x proximity;
  scroll-behavior:smooth;
  overscroll-behavior-inline:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(139,92,246,.52) rgba(255,255,255,.04);
}
.yiyi-home-category-scroll::-webkit-scrollbar{height:7px}
.yiyi-home-category-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}
.yiyi-home-category-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,rgba(34,211,238,.62),rgba(139,92,246,.62));border-radius:999px}
.yiyi-home-category-scroll .cat{
  flex:0 0 188px;
  width:188px;
  min-width:188px;
  scroll-snap-align:start;
  cursor:pointer;
  user-select:none;
}
.yiyi-home-mood-strip{margin:12px 0 4px}
@media(max-width:760px){
  .yiyi-home-category-scroll{flex-wrap:nowrap;gap:10px;padding-bottom:8px;scrollbar-width:none}
  .yiyi-home-category-scroll::-webkit-scrollbar{display:none}
  .yiyi-home-category-scroll .cat{flex-basis:158px;width:158px;min-width:158px}
  .yiyi-home-mood-strip{margin-top:10px}
}


/* =========================================================
   YIYI 1.5.6 — top category pills as a drag slider (no scrollbar)
   ========================================================= */
.yiyi-pill-scroll{
  display:flex;
  flex-wrap:nowrap;
  gap:8px;
  width:100%;
  max-width:100%;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  -webkit-overflow-scrolling:touch;
  overscroll-behavior-x:contain;
  scroll-behavior:smooth;
  scrollbar-width:none !important;
  -ms-overflow-style:none;
  cursor:grab;
  touch-action:pan-x;
  user-select:none;
}
.yiyi-pill-scroll::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}
.yiyi-pill-scroll.is-dragging{cursor:grabbing;scroll-behavior:auto}
.yiyi-pill-scroll .pill{flex:0 0 auto;pointer-events:auto;position:relative;z-index:1;user-select:none;-webkit-user-drag:none}
.yiyi-home-mood-strip{margin-top:2px;margin-bottom:18px}
@media(max-width:760px){
  .yiyi-pill-scroll{cursor:auto;touch-action:pan-x}
  .yiyi-home-mood-strip{margin-top:0;margin-bottom:14px}
}


/* =========================================================
   YIYI 1.5.7 — upload custom avatar from device
   ========================================================= */
.yiyi-guest-profile-avatar img{
  width:100%;height:100%;object-fit:cover;border-radius:50%;display:block
}
.yiyi-avatar-file-input{
  position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;
  clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important
}
.yiyi-avatar-upload-btn{
  margin-top:12px;min-height:52px;padding:10px 14px;border-radius:15px;
  display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;
  background:var(--glass);border:1px dashed var(--stroke-hi);cursor:pointer;
  transition:border-color .18s,background .18s
}
.yiyi-avatar-upload-btn:hover{border-color:var(--cyan);background:var(--glass-2)}
.yiyi-avatar-upload-btn>span{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;
  background:rgba(34,211,238,.08);font-size:1rem
}
.yiyi-avatar-upload-btn strong{font-size:.84rem}
.yiyi-avatar-upload-btn small{color:var(--muted);font-size:.68rem;font-weight:700;white-space:nowrap}
@media(max-width:560px){
  .yiyi-avatar-upload-btn{grid-template-columns:32px 1fr;min-height:50px}
  .yiyi-avatar-upload-btn small{grid-column:2;line-height:1;margin-top:-6px}
}

/* YIYI 1.5.8 — account nav compact padding */
.yiyi-account-nav{padding:9px;}


/* =========================================================
   YIYI 1.5.12 — leaderboard card stays beautiful even with few users
   ========================================================= */
.lb{
  min-height:430px;
  justify-content:flex-start;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.025));
  box-shadow:0 24px 54px -32px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.04);
}
.lb-head h3{font-size:1.18rem}
.lbp{margin-top:4px;min-height:172px}
.lbp-col{padding-inline:4px}
.lbp-col.first{transform:translateY(-4px)}
.lbp-col.is-empty{opacity:.92}
.lbp-col.is-empty .lbp-name,
.lb-row.is-empty .lb-name{color:#a9b3cb}
.lbp-col.is-empty .lbp-pts,
.lb-row.is-empty .lb-pts{color:#d7deef}
.lbp-ava{background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.lbp-col.first .lbp-ava{width:70px;height:70px}
.lbp-col.second .lbp-ava,.lbp-col.third .lbp-ava{width:52px;height:52px}
.lbp-ph{font-size:1.25rem;color:#cbd5e1;opacity:.9}
.lb-mini-ph{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:1.2rem;color:#94a3b8}
.lbp-name{font-size:.9rem;line-height:1.2}
.lbp-col.second .lbp-name,.lbp-col.third .lbp-name{font-size:.8rem}
.lbp-pts{font-size:.9rem;color:#FACC15}
.lbp-col.second .lbp-pts,.lbp-col.third .lbp-pts{font-size:.82rem}
.lbp-ped{margin-top:6px;border-radius:10px;box-shadow:0 10px 26px -16px rgba(0,0,0,.65)}
.lbp-ped.p1{height:42px}
.lbp-ped.p2,.lbp-ped.p3{height:34px}
.lb-rows.yiyi-lb-home{display:grid;gap:10px;margin-top:4px}
.lb-row{gap:12px;padding:8px 2px;border-bottom:0;border-radius:14px}
.lb-row .lb-rank{width:28px;height:28px;border-radius:10px;background:rgba(255,255,255,.06);color:#cfd7e8}
.lb-row .lb-ava{width:30px;height:30px}
.lb-row .lb-name{font-size:.96rem}
.lb-row .lb-pts{font-size:1rem;color:#FACC15}
.lb-row.is-empty{opacity:.88}
.lb-foot{text-align:center;color:var(--muted);font-size:.82rem;font-weight:600;margin-top:4px}
.lb-cta{margin-top:auto;padding:13px 18px;border-radius:999px;font-size:.95rem}
@media(max-width:430px){
  .lb{min-height:auto}
  .lb-head h3{font-size:1.05rem}
  .lbp{min-height:150px}
  .lbp-col.first .lbp-ava{width:58px;height:58px}
  .lbp-col.second .lbp-ava,.lbp-col.third .lbp-ava{width:46px;height:46px}
  .lbp-name{font-size:.78rem}
  .lbp-col.second .lbp-name,.lbp-col.third .lbp-name{font-size:.72rem}
  .lb-row .lb-name{font-size:.88rem}
  .lb-cta{font-size:.88rem}
}


/* =========================================================
   YIYI 1.5.13 — hero block closer to reference design
   ========================================================= */
.hero-main{padding:52px 40px 42px;min-height:438px;justify-content:flex-start}
.hero-main::after{content:"";position:absolute;right:-40px;top:-20px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle, rgba(34,211,238,.22), transparent 68%);filter:blur(10px);pointer-events:none}
.hero-online{margin-bottom:18px}
.hero h1{max-width:640px;font-size:clamp(2.7rem,5.4vw,4.1rem);line-height:.98;margin-bottom:18px}
.hero p{max-width:530px;font-size:1.02rem;line-height:1.62;margin-bottom:24px}
.hero-store-cta{gap:12px;align-items:stretch;margin-top:4px}
.store-btn{min-width:0;flex:0 0 auto;padding:12px 18px 12px 14px;border-radius:18px;min-height:58px}
.store-btn .store-ic{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:rgba(255,255,255,.05);font-size:1.1rem;flex:none}
.store-copy{display:flex;flex-direction:column;line-height:1.02;text-align:left}
.store-copy small{font-size:.63rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#9fa9c1;margin-bottom:4px}
.store-copy strong{font-size:1.02rem;font-family:var(--fd);font-weight:700;color:#fff}
.hero-web-btn{padding:0 24px;min-height:58px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}
.hero-kpi{gap:38px;margin-top:30px}
.hero-kpi .hstat b{font-size:2.15rem;line-height:1;font-family:var(--fd)}
.hero-kpi .hstat span{margin-top:8px;font-size:1rem;color:#b7c2da}
@media(max-width:1200px){
  .hero-main{padding:44px 32px 36px;min-height:400px}
  .hero h1{font-size:clamp(2.5rem,5vw,3.7rem)}
  .hero-kpi{gap:28px}
}
@media(max-width:760px){
  .hero-main{padding:28px 20px 24px;min-height:auto}
  .hero-online{margin-bottom:14px}
  .hero h1{font-size:clamp(2.4rem,12vw,3.4rem);margin-bottom:14px}
  .hero p{font-size:.96rem;max-width:none;margin-bottom:18px}
  .hero-store-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero-web-btn{grid-column:1 / -1;min-height:54px}
  .store-btn{width:100%;justify-content:flex-start;min-height:54px;border-radius:16px;padding:10px 12px}
  .store-btn .store-ic{width:24px;height:24px;border-radius:8px;font-size:1rem}
  .store-copy small{font-size:.55rem}
  .store-copy strong{font-size:.93rem}
  .hero-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}
  .hero-kpi .hstat{padding:0;background:none;border:0}
  .hero-kpi .hstat b{font-size:1.1rem}
  .hero-kpi .hstat span{font-size:.8rem;margin-top:4px}
}
@media(max-width:560px){
  .hero-store-cta{grid-template-columns:1fr}
  .hero-web-btn{grid-column:auto}
  .hero-kpi{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-kpi .hstat{padding:0;background:none;border:0}
}


/* =========================================================
   YIYI 1.5.14 — hero text slightly smaller + cleaner store logos
   ========================================================= */
.hero h1{font-size:clamp(2.45rem,4.9vw,3.7rem);max-width:610px}
.hero p{max-width:520px;font-size:1rem;line-height:1.58}
.hero-kpi{gap:34px;margin-top:26px}
.hero-kpi .hstat b{font-size:1.92rem}
.hero-kpi .hstat span{font-size:.96rem}
.store-btn{padding:11px 18px 11px 14px;min-height:56px}
.store-btn .store-ic{width:30px;height:30px;background:rgba(255,255,255,.07);border-radius:10px;padding:0}
.store-btn .store-ic svg{display:block;width:18px;height:18px}
.store-btn-play .store-ic svg{width:17px;height:17px}
.store-btn-apple .store-ic{color:#fff}
.store-copy small{font-size:.6rem;letter-spacing:.14em}
.store-copy strong{font-size:1rem}
@media(max-width:760px){
  .hero h1{font-size:clamp(2.15rem,10vw,3rem)}
  .hero p{font-size:.94rem}
  .hero-kpi .hstat b{font-size:1.02rem}
  .hero-kpi .hstat span{font-size:.78rem}
  .store-btn .store-ic{width:26px;height:26px;border-radius:8px}
  .store-btn .store-ic svg{width:16px;height:16px}
  .store-copy strong{font-size:.9rem}
}

/* =========================================================
   YIYI 1.5.17 — footer pages from the normal page editor
   ========================================================= */
.yiyi-footer-hero{margin-bottom:24px}
.yiyi-footer-rich{
  max-width:1040px;
  margin:24px auto 0;
  padding:30px 34px;
  border-radius:22px;
  background:var(--glass);
  border:1px solid var(--stroke);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.yiyi-footer-rich > :first-child{margin-top:0!important}
.yiyi-footer-rich > :last-child{margin-bottom:0!important}
.yiyi-footer-rich h2{
  font-family:var(--fd);font-weight:700;font-size:1.45rem;letter-spacing:-.45px;
  margin:34px 0 12px;color:var(--text);scroll-margin-top:100px;
}
.yiyi-footer-rich h3{
  font-family:var(--fd);font-weight:700;font-size:1.08rem;letter-spacing:-.25px;
  margin:24px 0 8px;color:var(--text);
}
.yiyi-footer-rich h4{font-family:var(--fd);font-weight:700;margin:20px 0 7px;color:var(--text)}
.yiyi-footer-rich p{color:var(--muted);font-size:.94rem;font-weight:500;line-height:1.82;margin:0 0 14px}
.yiyi-footer-rich a{color:var(--cyan);font-weight:700}
.yiyi-footer-rich a:hover{text-decoration:underline}
.yiyi-footer-rich ul,.yiyi-footer-rich ol{color:var(--muted);font-size:.92rem;font-weight:500;line-height:1.85;margin:10px 0 18px 22px}
.yiyi-footer-rich li+li{margin-top:6px}
.yiyi-footer-rich li::marker{color:var(--cyan);font-weight:800}
.yiyi-footer-rich blockquote{
  margin:20px 0;padding:16px 18px;border-radius:16px;border:1px solid rgba(34,211,238,.25);
  border-left:3px solid var(--cyan);background:rgba(34,211,238,.06);color:var(--muted)
}
.yiyi-footer-rich hr{border:0;border-top:1px solid var(--stroke);margin:30px 0}
.yiyi-footer-rich img{max-width:100%;height:auto;border-radius:18px}
.yiyi-footer-rich figure{margin:22px 0}
.yiyi-footer-rich figcaption{color:var(--muted);font-size:.78rem;text-align:center;margin-top:8px}
.yiyi-footer-rich table{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0;border:1px solid var(--stroke);border-radius:16px;overflow:hidden}
.yiyi-footer-rich th,.yiyi-footer-rich td{padding:12px 14px;border-bottom:1px solid var(--stroke);text-align:left;font-size:.86rem}
.yiyi-footer-rich th{background:rgba(255,255,255,.06);font-family:var(--fd);color:var(--text)}
.yiyi-footer-rich tr:last-child td{border-bottom:0}
.yiyi-footer-rich details{
  border:1px solid var(--stroke);border-radius:16px;background:rgba(255,255,255,.025);
  padding:14px 18px;margin:10px 0
}
.yiyi-footer-rich details[open]{border-color:var(--stroke-hi)}
.yiyi-footer-rich summary{cursor:pointer;list-style:none;font-weight:800;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px}
.yiyi-footer-rich summary::-webkit-details-marker{display:none}
.yiyi-footer-rich summary::after{content:"+";font:700 1.2rem var(--fd);color:var(--cyan);transition:transform .2s}
.yiyi-footer-rich details[open] summary::after{transform:rotate(45deg)}
.yiyi-footer-rich details > :last-child{margin-bottom:0}
.yiyi-footer-rich .wp-block-columns{gap:12px;margin:22px 0}
.yiyi-footer-rich .wp-block-column{
  padding:22px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid var(--stroke)
}
.yiyi-footer-rich .wp-block-column > :first-child{margin-top:0}
.yiyi-footer-rich .wp-block-column > :last-child{margin-bottom:0}
.yiyi-footer-rich .wp-block-buttons{margin:20px 0;gap:10px}
.yiyi-footer-rich .wp-block-button__link{background:var(--grad);color:#fff!important;border-radius:999px;padding:10px 20px;text-decoration:none!important;font:700 .88rem var(--fd)}

/* Affiliate editor content keeps the sample's centered section rhythm. */
.yiyi-footer-rich-affiliate{max-width:1180px;background:transparent;border:0;padding:0;backdrop-filter:none}
.yiyi-footer-rich-affiliate > h2{text-align:center;font-size:1.6rem;margin-top:48px}
.yiyi-footer-rich-affiliate > h2 + p{text-align:center;max-width:700px;margin:0 auto 22px}
.yiyi-footer-rich-affiliate .wp-block-columns .wp-block-column{background:var(--glass);backdrop-filter:blur(14px)}
.yiyi-footer-rich-affiliate details{background:var(--glass);backdrop-filter:blur(12px)}

/* Child-safety content gets the same mint/green cue as the supplied HTML. */
.yiyi-footer-rich-kids{max-width:1120px;background:transparent;border:0;padding:0;backdrop-filter:none}
.yiyi-footer-rich-kids > h2{text-align:center;font-size:1.55rem;margin-top:46px}
.yiyi-footer-rich-kids .wp-block-column{border-color:rgba(52,211,153,.28)}
.yiyi-footer-rich-kids details{border-color:rgba(52,211,153,.24)}

.yiyi-footer-doc-wrap{margin-top:24px}
.yiyi-footer-doc .wp-block-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.yiyi-footer-doc .wp-block-column{padding:18px;border-radius:16px;border:1px solid var(--stroke);background:rgba(255,255,255,.025)}
.yiyi-footer-doc details{border:1px solid var(--stroke);border-radius:14px;padding:13px 16px;margin:10px 0}
.yiyi-footer-doc summary{cursor:pointer;font-weight:800;color:var(--text)}
.yiyi-footer-doc blockquote{border-radius:14px;padding:14px 18px;border:1px solid rgba(52,211,153,.35);background:rgba(52,211,153,.07);margin:14px 0;color:var(--muted)}

@media(max-width:900px){
  .yiyi-footer-rich{padding:24px 22px}
  .yiyi-footer-doc .wp-block-columns{grid-template-columns:1fr}
}
@media(max-width:560px){
  .yiyi-footer-hero{margin-bottom:18px}
  body.yiyi-page-content .p-hero.yiyi-footer-hero{padding:34px 20px 30px}
  .yiyi-footer-rich{padding:20px 18px;border-radius:20px;margin-top:18px}
  .yiyi-footer-rich-affiliate,.yiyi-footer-rich-kids{padding:0}
  .yiyi-footer-rich h2{font-size:1.25rem;margin-top:28px}
  .yiyi-footer-rich h3{font-size:1rem;margin-top:20px}
  .yiyi-footer-rich p,.yiyi-footer-rich ul,.yiyi-footer-rich ol{font-size:.9rem}
  .yiyi-footer-rich .wp-block-columns{display:grid;grid-template-columns:1fr!important}
  .yiyi-footer-rich table{display:block;overflow-x:auto;white-space:nowrap}
}


/* =========================================================
   YIYI 1.5.18 — unified footer-page document layout
   ========================================================= */
.yiyi-footer-doc-wrap.has-toc{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:20px;
  align-items:start;
}
.yiyi-footer-doc-wrap.no-toc{display:block}
.yiyi-footer-doc-wrap.no-toc .yiyi-footer-doc{max-width:980px;margin:0 auto}
.yiyi-footer-doc{
  min-width:0;
  border-radius:20px;
  padding:34px 40px;
  background:var(--glass);
  border:1px solid var(--stroke);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.yiyi-footer-doc > :first-child{margin-top:0!important}
.yiyi-footer-doc > :last-child{margin-bottom:0!important}
.yiyi-footer-doc h2{scroll-margin-top:100px}
.yiyi-footer-doc-document .upd{display:none}
.yiyi-footer-doc-wrap .doc-toc{
  position:sticky;
  top:86px;
  border-radius:18px;
  padding:18px 20px;
  background:var(--glass);
  border:1px solid var(--stroke);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.yiyi-footer-doc-wrap .doc-toc h4{
  font-family:var(--fd);font-weight:700;font-size:.82rem;margin-bottom:10px;
  letter-spacing:.06em;text-transform:uppercase;color:var(--muted)
}
.yiyi-footer-doc-wrap .doc-toc ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:.8rem;font-weight:600}
.yiyi-footer-doc-wrap .doc-toc li{margin:0}
.yiyi-footer-doc-wrap .doc-toc a{color:var(--muted);display:block;line-height:1.45}
.yiyi-footer-doc-wrap .doc-toc a:hover{color:var(--cyan)}
@media(max-width:900px){
  .yiyi-footer-doc-wrap.has-toc{grid-template-columns:1fr}
  .yiyi-footer-doc-wrap .doc-toc{position:static}
}
@media(max-width:560px){
  .yiyi-footer-doc{padding:22px 18px;border-radius:18px}
  .yiyi-footer-doc-wrap .doc-toc{padding:16px 18px;border-radius:16px}
}


/* YIYI 1.5.19 — footer brand block like reference */
.foot-brand{max-width:340px}
.foot-brand .logo{margin-bottom:10px}
.foot-desc{max-width:340px;font-size:.92rem;line-height:1.55;margin-top:10px}
.foot-btm{justify-content:flex-start}
@media(max-width:560px){
  .foot-brand{max-width:none}
  .foot-desc{max-width:none;font-size:.9rem}
}


/* YIYI 1.5.20 — force clean single-line footer bottom */
.foot-btm{
  justify-content:flex-start !important;
  align-items:center;
}
.foot-btm > :not(:first-child){
  display:none !important;
}


/* YIYI 1.5.21 — official social SVGs + made for Vietnamese gamers footer */
.socials{align-items:center;flex-wrap:wrap}
.soc{font-size:0;color:#d9e3f4}
.soc-ic{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}
.soc svg{display:block;width:18px;height:18px}
.soc:hover{color:#fff}
.foot-btm{justify-content:space-between !important;align-items:center;gap:14px}
.foot-btm > :not(:first-child){display:inline-flex !important}
.foot-madevn{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.75rem;font-weight:600;white-space:nowrap}
@media(max-width:760px){
  .foot-btm{justify-content:flex-start !important}
  .foot-madevn{width:100%}
}

/* =========================================================
   YIYI 1.6.0 — Affiliate production dashboard + Kids page
   ========================================================= */
body.yiyi-page-affiliate .yiyi-aff-notice,
body.yiyi-page-affiliate .yiyi-aff-pending{
  border-radius:14px;padding:12px 14px;margin:0 0 16px;font-size:.86rem;font-weight:700;
}
body.yiyi-page-affiliate .yiyi-aff-notice.success,
body.yiyi-page-affiliate .yiyi-aff-pending{background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.32);color:#c7f9e7}
body.yiyi-page-affiliate .yiyi-aff-notice.error{background:rgba(255,61,90,.08);border:1px solid rgba(255,61,90,.28);color:#ffd6dd}
body.yiyi-page-affiliate .yiyi-aff-pending p{margin:5px 0 0;color:var(--muted);font-weight:500}
body.yiyi-page-affiliate .f-field textarea,
body.yiyi-page-affiliate .yiyi-aff-payout-form input,
body.yiyi-page-affiliate .yiyi-aff-payout-form select,
body.yiyi-page-affiliate .yiyi-aff-payout-form textarea{
  width:100%;background:rgba(10,14,26,.42);border:1px solid var(--stroke);border-radius:13px;padding:11px 14px;color:var(--text);font:inherit;font-weight:600;
}
body.yiyi-page-affiliate .yiyi-aff-payout-form{display:grid;gap:12px;margin-top:14px}
body.yiyi-page-affiliate .yiyi-aff-payout-form label{display:grid;gap:6px;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.04em}
body.yiyi-page-affiliate .yiyi-aff-payout-form .btn{justify-content:center}
body.yiyi-page-affiliate .yiyi-aff-help{color:var(--muted);font-size:.82rem;line-height:1.65}
body.yiyi-page-affiliate .yiyi-aff-dashboard{scroll-margin-top:100px}
body.yiyi-page-affiliate .yiyi-aff-linkbox{
  display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-radius:18px;background:linear-gradient(120deg,rgba(34,211,238,.08),rgba(139,92,246,.08));border:1px solid var(--stroke-hi);margin-bottom:12px;
}
body.yiyi-page-affiliate .yiyi-aff-linkbox>div{min-width:0}
body.yiyi-page-affiliate .yiyi-aff-linkbox small{display:block;color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.12em;margin-bottom:4px}
body.yiyi-page-affiliate .yiyi-aff-linkbox strong{display:block;color:var(--cyan);font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.yiyi-page-affiliate .yiyi-aff-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.yiyi-page-affiliate .yiyi-aff-stat-grid>div{padding:18px;border-radius:18px;background:var(--glass);border:1px solid var(--stroke);display:flex;flex-direction:column;gap:7px}
body.yiyi-page-affiliate .yiyi-aff-stat-grid span{color:var(--muted);font-size:.74rem;font-weight:700}
body.yiyi-page-affiliate .yiyi-aff-stat-grid b{font-family:var(--fd);font-size:1.24rem;color:var(--text)}
body.yiyi-page-affiliate .yiyi-aff-payout-row{margin-top:12px}
body.yiyi-page-affiliate .yiyi-footer-extra,
body.yiyi-page-kids .yiyi-footer-extra{margin-top:40px;padding:26px 28px;border-radius:20px;background:var(--glass);border:1px solid var(--stroke)}
body.yiyi-page-affiliate .yiyi-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important}
body.yiyi-page-affiliate .af-form input,
body.yiyi-page-affiliate .af-form select{min-height:44px}
body.yiyi-page-kids .yiyi-kids-hero{margin-bottom:0}
body.yiyi-page-kids .faq{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start}
body.yiyi-page-kids .faq details{background:var(--glass);border:1px solid var(--stroke);border-radius:16px;padding:14px 18px}
body.yiyi-page-kids .faq summary{font-weight:800;font-size:.92rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}
body.yiyi-page-kids .faq summary::-webkit-details-marker{display:none}
body.yiyi-page-kids .faq summary::after{content:"+";color:var(--cyan);font-size:1.2rem}
body.yiyi-page-kids .faq details[open] summary::after{content:"×"}
body.yiyi-page-kids .faq details p{margin:10px 0 0;color:var(--muted);font-size:.88rem;line-height:1.7}
@media(max-width:860px){
  body.yiyi-page-affiliate .yiyi-aff-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.yiyi-page-kids .faq{grid-template-columns:1fr}
}
@media(max-width:560px){
  body.yiyi-page-affiliate .af-hero{padding:28px 20px}
  body.yiyi-page-affiliate .af-hero h1{font-size:clamp(2rem,10vw,2.7rem)}
  body.yiyi-page-affiliate .af-stats{display:grid;grid-template-columns:1fr 1fr;width:100%}
  body.yiyi-page-affiliate .af-stat{padding:12px 14px}
  body.yiyi-page-affiliate .yiyi-aff-stat-grid{grid-template-columns:1fr 1fr}
  body.yiyi-page-affiliate .yiyi-aff-linkbox{align-items:stretch;flex-direction:column}
  body.yiyi-page-affiliate .yiyi-aff-linkbox .btn{justify-content:center}
  body.yiyi-page-affiliate .range-labels span:nth-child(2),body.yiyi-page-affiliate .range-labels span:nth-child(4){display:none}
  body.yiyi-page-kids .p-hero{padding:30px 20px}
  body.yiyi-page-kids .pledge{padding:15px}
  body.yiyi-page-kids .hotline{padding:22px 18px;text-align:center}
  body.yiyi-page-kids .hotline .hnum{width:100%}
}

/* =========================================================
   YIYI 1.6.1 — About / Contact / Developer complete pages
   ========================================================= */
body.yiyi-page-about .yiyi-about-final{
  max-width:880px;
  margin:0 auto;
  text-align:center;
  align-items:center;
}
body.yiyi-page-about .yiyi-about-final>p{max-width:680px}
body.yiyi-page-about .yiyi-about-final .hero-cta{justify-content:center;margin-top:18px}
body.yiyi-page-content .yiyi-panel-btn{margin-top:auto;justify-content:center}
body.yiyi-page-content .yiyi-step-panel{position:relative}
body.yiyi-page-content .yiyi-dev-faq{margin-top:52px;padding-top:30px}
body.yiyi-page-content .yiyi-public-extra{
  margin-top:52px;
  border-radius:20px;
  padding:28px 30px;
  background:var(--glass);
  border:1px solid var(--stroke);
}
body.yiyi-page-content .yiyi-form-notice{
  border-radius:14px;
  padding:11px 14px;
  margin:0 0 16px;
  font-size:.84rem;
  font-weight:700;
  line-height:1.55;
}
body.yiyi-page-content .yiyi-form-notice.is-success{
  color:#baf7df;
  background:rgba(52,211,153,.10);
  border:1px solid rgba(52,211,153,.34);
}
body.yiyi-page-content .yiyi-form-notice.is-error{
  color:#ffd1d8;
  background:rgba(255,61,90,.10);
  border:1px solid rgba(255,61,90,.34);
}
body.yiyi-page-content .yiyi-hp{
  position:absolute!important;
  left:-10000px!important;
  top:auto!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}
body.yiyi-page-contact .form-card,
body.yiyi-page-developer .form-card{margin-top:0}
body.yiyi-page-contact .c-card,
body.yiyi-page-developer .panel,
body.yiyi-page-about .panel{min-width:0}
@media(max-width:760px){
  body.yiyi-page-content .p-hero{padding:32px 20px 28px}
  body.yiyi-page-content .stat-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  body.yiyi-page-content .stat-c{min-width:0;padding:12px 10px}
  body.yiyi-page-content .form-card{padding:24px 18px;border-radius:22px}
  body.yiyi-page-content .yiyi-public-extra{padding:22px 18px}
}
@media(max-width:430px){
  body.yiyi-page-content .stat-row{grid-template-columns:1fr 1fr}
  body.yiyi-page-content .stat-c b{font-size:1.05rem}
  body.yiyi-page-content .stat-c span{font-size:.64rem}
}


/* =========================================================
   YIYI 1.6.2 — global frontend select styling + search body fix
   ========================================================= */
body.search {
  margin-left: 0;
  width: auto;
}

/* Bronce conjunto select arriba todo interfaz frontend */
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  min-height: 44px;
  padding: 10px 42px 10px 13px;
  border: 1px solid var(--stroke);
  border-radius: 12px;
  background-color: #151b29;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23AAB4CA' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 17px 17px;
  color: var(--text);
  font: inherit;
  font-weight: 600;
  line-height: 1.35;
  cursor: pointer;
  outline: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease;
}
select:hover {
  border-color: rgba(255,255,255,.22);
  background-color: #192131;
}
select:focus,
select:focus-visible {
  border-color: var(--cyan);
  box-shadow: 0 0 0 3px rgba(34,211,238,.10), inset 0 1px 0 rgba(255,255,255,.03);
}
select:disabled {
  opacity: .55;
  cursor: not-allowed;
}
select option,
select optgroup {
  background: #171d2b;
  color: #eef3ff;
  font-weight: 600;
}
select option {
  padding: 10px 12px;
}
select option:checked {
  background: #1473e6 linear-gradient(0deg,#1473e6 0%,#1473e6 100%);
  color: #fff;
}
select option:disabled {
  color: #69758d;
}
select optgroup {
  color: #9ca8c0;
  font-weight: 800;
}

/* Light mode */
body.light select {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235A657C' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  color: #182033;
  border-color: rgba(31,41,55,.18);
}
body.light select:hover { background-color: #f7f9fc; border-color: rgba(31,41,55,.28); }
body.light select option,
body.light select optgroup { background: #fff; color: #182033; }
body.light select option:checked { background: #1473e6 linear-gradient(0deg,#1473e6 0%,#1473e6 100%); color:#fff; }

/* Evitar rule antiguo de form hacer perder icon dropdown */
.yiyi-form select,
.gamejoy-account-form select,
body.yiyi-page-affiliate .f-field select,
body.yiyi-page-content .f-field select,
body.yiyi-page-kids .f-field select,
body.yiyi-page-affiliate .af-form select,
body.yiyi-page-affiliate .yiyi-aff-payout-form select {
  padding-right: 42px;
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 17px 17px;
}


/* =========================================================
   YIYI 1.6.3 — select UI polish + prettier Google login
   ========================================================= */
/* Selects closer to reference: green soft field, round corners, cleaner menú */
select,
.yiyi-form select,
.gamejoy-account-form select,
body.yiyi-page-affiliate .f-field select,
body.yiyi-page-content .f-field select,
body.yiyi-page-kids .f-field select,
body.yiyi-page-affiliate .af-form select,
body.yiyi-page-affiliate .yiyi-aff-payout-form select {
  min-height: 50px;
  padding: 12px 48px 12px 16px;
  border-radius: 16px;
  border-color: rgba(82, 209, 161, .45);
  background-color: rgba(44, 90, 74, .26);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23eefbf6' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
  color: #ecfff7;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 24px -18px rgba(16,185,129,.45);
}
select:hover,
.yiyi-form select:hover,
.gamejoy-account-form select:hover,
body.yiyi-page-affiliate .f-field select:hover,
body.yiyi-page-content .f-field select:hover,
body.yiyi-page-kids .f-field select:hover,
body.yiyi-page-affiliate .af-form select:hover,
body.yiyi-page-affiliate .yiyi-aff-payout-form select:hover {
  background-color: rgba(55, 108, 88, .34);
  border-color: rgba(110, 231, 183, .62);
}
select:focus,
select:focus-visible,
.yiyi-form select:focus,
.yiyi-form select:focus-visible,
.gamejoy-account-form select:focus,
.gamejoy-account-form select:focus-visible,
body.yiyi-page-affiliate .f-field select:focus,
body.yiyi-page-content .f-field select:focus,
body.yiyi-page-kids .f-field select:focus,
body.yiyi-page-affiliate .af-form select:focus,
body.yiyi-page-affiliate .yiyi-aff-payout-form select:focus {
  border-color: #6ee7b7;
  box-shadow: 0 0 0 4px rgba(16,185,129,.14), inset 0 1px 0 rgba(255,255,255,.06), 0 12px 28px -20px rgba(16,185,129,.55);
}
select option,
select optgroup {
  background: #edf3ef;
  color: #0f6c52;
}
select option { 
  font-weight: 700;
}
select option:checked {
  background: #edf3ef;
  color: #0f6c52;
}
select optgroup {
  color: #175f4c;
  font-weight: 800;
}
body.light select,
body.light .yiyi-form select,
body.light .gamejoy-account-form select,
body.light body.yiyi-page-affiliate .f-field select,
body.light body.yiyi-page-content .f-field select,
body.light body.yiyi-page-kids .f-field select,
body.light body.yiyi-page-affiliate .af-form select,
body.light body.yiyi-page-affiliate .yiyi-aff-payout-form select {
  background-color: rgba(39, 120, 91, .10);
  border-color: rgba(39, 120, 91, .32);
  color: #124b3c;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23124b3c' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");
}
body.light select option,
body.light select optgroup { background: #ffffff; color: #124b3c; }

/* Google login button */
.yiyi-social-block {
  margin-bottom: 18px;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.yiyi-social-block .nsl-container,
.yiyi-social-block .nsl-container-buttons,
.yiyi-social-block .nsl-button { 
  width: 100%;
}
.yiyi-social-block .nsl-container-buttons { 
  display: grid;
  gap: 12px;
}
.yiyi-social-block .nsl-button,
.yiyi-social-block .nsl-button-google,
.yiyi-social-block a[class*="google"] {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 64px !important;
  width: 100% !important;
  border-radius: 18px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(244,246,250,.96) 100%) !important;
  box-shadow: 0 18px 36px -24px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.8) !important;
  color: #1d2434 !important;
  padding: 10px 18px !important;
  text-decoration: none !important;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.yiyi-social-block .nsl-button:hover,
.yiyi-social-block .nsl-button-google:hover,
.yiyi-social-block a[class*="google"]:hover {
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.28) !important;
  box-shadow: 0 22px 42px -24px rgba(0,0,0,.65), 0 0 0 4px rgba(34,211,238,.08) !important;
}
.yiyi-social-block .nsl-button > div,
.yiyi-social-block .nsl-button .nsl-button-default,
.yiyi-social-block .nsl-button .nsl-button-label-container,
.yiyi-social-block .nsl-button .nsl-button-svg-container {
  display: flex !important;
  align-items: center !important;
}
.yiyi-social-block .nsl-button .nsl-button-svg-container {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  border-radius: 12px !important;
  background: #fff !important;
  margin-right: 14px !important;
  justify-content: center !important;
  box-shadow: inset 0 0 0 1px rgba(17,24,39,.08) !important;
}
.yiyi-social-block .nsl-button .nsl-button-label-container,
.yiyi-social-block .nsl-button .nsl-button-label,
.yiyi-social-block .nsl-button span {
  color: #202532 !important;
  font-weight: 800 !important;
  font-size: 1.02rem !important;
  letter-spacing: .01em;
}
.yiyi-social-block .nsl-button .nsl-button-label-container {
  justify-content: center !important;
  flex: 1 1 auto;
}
.yiyi-form-links-login {
  justify-content: flex-end;
}
@media (max-width: 640px) {
  .yiyi-social-block .nsl-button,
  .yiyi-social-block .nsl-button-google,
  .yiyi-social-block a[class*="google"] {
    min-height: 58px !important;
    border-radius: 16px !important;
  }
  .yiyi-social-block .nsl-button .nsl-button-label-container,
  .yiyi-social-block .nsl-button .nsl-button-label,
  .yiyi-social-block .nsl-button span {
    font-size: .96rem !important;
  }
}


/* =========================================================
   YIYI 1.6.4 — search page isolation + reliable result links
   ========================================================= */
body.search {
  margin-left: 0 !important;
  width: auto !important;
  max-width: none !important;
  min-width: 0 !important;
  position: static !important;
  display: block !important;
}
body.search .nav { position: sticky; }
body.search .nav .search { position: relative; }
body.search .tile-grid .cell,
body.search .yiyi-post-card,
body.search .yiyi-post-cover,
body.search .yiyi-post-copy a {
  pointer-events: auto !important;
}
body.search .tile-grid .cell > *,
body.search .yiyi-post-cover > * {
  pointer-events: none !important;
}
body.search .yiyi-post-card {
  position: relative;
  z-index: 1;
}
body.search .page-h1 { margin-top: 14px; }
body.search .yiyi-search-result-count { margin-top: 8px; }
@media (max-width: 560px) {
  body.search { display: block !important; }
}


/* YIYI 1.6.5 — pagination gap tune */
.pagination.yiyi_core-pagination,
.yiyi-pagination,
.yiyi-pagination .nav-links,
.yiyi-pagination ul { gap: 12px; }


/* =========================================================
   YIYI 1.6.9 — unified Google sign-in button
   ========================================================= */
.yiyi-social-block .nsl-container,
.yiyi-social-block .nsl-container-buttons,
.yiyi-guest-google .nsl-container,
.yiyi-guest-google .nsl-container-buttons {
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
}
.yiyi-social-block .nsl-container-buttons,
.yiyi-guest-google .nsl-container-buttons {
  display:block !important;
}
.yiyi-social-block .nsl-button,
.yiyi-social-block .nsl-button-google,
.yiyi-social-block a[class*="google"],
.yiyi-guest-google .nsl-button,
.yiyi-guest-google .nsl-button-google,
.yiyi-guest-google a[class*="google"] {
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:60px !important;
  height:60px !important;
  margin:0 !important;
  padding:0 18px !important;
  border-radius:16px !important;
  border:1px solid rgba(17,24,39,.18) !important;
  background:#fff !important;
  color:#202532 !important;
  box-shadow:0 10px 26px -18px rgba(0,0,0,.72) !important;
  overflow:hidden !important;
  text-decoration:none !important;
  transform:none !important;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease !important;
}
.yiyi-social-block .nsl-button:hover,
.yiyi-social-block .nsl-button-google:hover,
.yiyi-social-block a[class*="google"]:hover,
.yiyi-guest-google .nsl-button:hover,
.yiyi-guest-google .nsl-button-google:hover,
.yiyi-guest-google a[class*="google"]:hover {
  background:#f8fafc !important;
  border-color:rgba(34,211,238,.55) !important;
  box-shadow:0 0 0 3px rgba(34,211,238,.10),0 12px 28px -18px rgba(0,0,0,.75) !important;
  transform:none !important;
}
.yiyi-social-block .nsl-button > div,
.yiyi-guest-google .nsl-button > div {
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  padding:0 !important;
  margin:0 !important;
}
.yiyi-social-block .nsl-button .nsl-button-svg-container,
.yiyi-guest-google .nsl-button .nsl-button-svg-container {
  position:absolute !important;
  left:0 !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:28px !important;
  height:28px !important;
  min-width:28px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
.yiyi-social-block .nsl-button .nsl-button-svg-container svg,
.yiyi-guest-google .nsl-button .nsl-button-svg-container svg {
  display:block !important;
  width:22px !important;
  height:22px !important;
}
.yiyi-social-block .nsl-button .nsl-button-label-container,
.yiyi-guest-google .nsl-button .nsl-button-label-container {
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:1 1 auto !important;
  width:100% !important;
  margin:0 !important;
  padding:0 36px !important;
  color:#202532 !important;
  font-family:var(--fb) !important;
  font-size:1rem !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  text-align:center !important;
  white-space:nowrap !important;
}
.yiyi-social-block .nsl-button .nsl-button-label,
.yiyi-guest-google .nsl-button .nsl-button-label {
  color:#202532 !important;
  font-size:1rem !important;
  font-weight:800 !important;
}
@media(max-width:640px){
  .yiyi-social-block .nsl-button,
  .yiyi-social-block .nsl-button-google,
  .yiyi-social-block a[class*="google"],
  .yiyi-guest-google .nsl-button,
  .yiyi-guest-google .nsl-button-google,
  .yiyi-guest-google a[class*="google"] {
    min-height:56px !important;
    height:56px !important;
    border-radius:15px !important;
    padding:0 15px !important;
  }
  .yiyi-social-block .nsl-button .nsl-button-svg-container,
  .yiyi-guest-google .nsl-button .nsl-button-svg-container {
    width:26px !important;
    height:26px !important;
    min-width:26px !important;
  }
  .yiyi-social-block .nsl-button .nsl-button-svg-container svg,
  .yiyi-guest-google .nsl-button .nsl-button-svg-container svg {
    width:20px !important;
    height:20px !important;
  }
  .yiyi-social-block .nsl-button .nsl-button-label-container,
  .yiyi-guest-google .nsl-button .nsl-button-label-container,
  .yiyi-social-block .nsl-button .nsl-button-label,
  .yiyi-guest-google .nsl-button .nsl-button-label {
    font-size:.94rem !important;
  }
}


/* =========================================================
   YIYI 1.6.10 — native YIYI Google button, dark glass + official SVG G
   ========================================================= */
.yiyi-social-block,
.yiyi-guest-google { width:100%; }
.yiyi-social-block .gamejoy-google-login,
.yiyi-guest-google .gamejoy-google-login,
.gamejoy-google-login.is-account,
.gamejoy-google-login.is-guest-modal {
  position:relative;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  width:100% !important;
  min-height:52px !important;
  height:52px !important;
  margin:0 !important;
  padding:0 16px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:15px !important;
  background:rgba(255,255,255,.055) !important;
  color:#f2f5ff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
  text-decoration:none !important;
  transform:none !important;
  overflow:hidden;
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease !important;
}
.yiyi-social-block .gamejoy-google-login:hover,
.yiyi-guest-google .gamejoy-google-login:hover,
.gamejoy-google-login.is-account:hover,
.gamejoy-google-login.is-guest-modal:hover {
  background:rgba(255,255,255,.085) !important;
  border-color:rgba(34,211,238,.30) !important;
  box-shadow:0 0 0 3px rgba(34,211,238,.06),inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.gamejoy-google-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 28px;
  width:28px;
  height:28px;
  border-radius:8px;
  background:#fff;
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
}
.gamejoy-google-icon svg {
  display:block;
  width:19px;
  height:19px;
}
.gamejoy-google-label {
  display:block;
  min-width:0;
  color:#f2f5ff !important;
  font-family:var(--fb) !important;
  font-size:.92rem !important;
  font-weight:800 !important;
  line-height:1.2 !important;
  letter-spacing:-.01em;
  text-align:left;
}
body.light .gamejoy-google-login.is-account,
body.light .gamejoy-google-login.is-guest-modal,
body.light .yiyi-social-block .gamejoy-google-login,
body.light .yiyi-guest-google .gamejoy-google-login {
  background:#fff !important;
  border-color:rgba(15,23,42,.12) !important;
  color:#182033 !important;
}
body.light .gamejoy-google-label { color:#182033 !important; }
@media(max-width:640px){
  .yiyi-social-block .gamejoy-google-login,
  .yiyi-guest-google .gamejoy-google-login,
  .gamejoy-google-login.is-account,
  .gamejoy-google-login.is-guest-modal {
    min-height:50px !important;
    height:50px !important;
    padding:0 14px !important;
    border-radius:14px !important;
  }
  .gamejoy-google-icon{width:27px;height:27px;flex-basis:27px}
  .gamejoy-google-icon svg{width:18px;height:18px}
  .gamejoy-google-label{font-size:.9rem !important}
}


/* =========================================================
   YIYI 1.6.11 — Google button follows actual html[data-theme]
   ========================================================= */
/* Dark theme */
html[data-theme="dark"] .gamejoy-google-login,
html:not([data-theme]) .gamejoy-google-login {
  background: rgba(255,255,255,.055) !important;
  border-color: rgba(255,255,255,.12) !important;
  color: #f2f5ff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
html[data-theme="dark"] .gamejoy-google-login:hover,
html:not([data-theme]) .gamejoy-google-login:hover {
  background: rgba(255,255,255,.085) !important;
  border-color: rgba(34,211,238,.30) !important;
  box-shadow: 0 0 0 3px rgba(34,211,238,.06), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
html[data-theme="dark"] .gamejoy-google-label,
html:not([data-theme]) .gamejoy-google-label {
  color: #f2f5ff !important;
}

/* Light theme */
html[data-theme="light"] .gamejoy-google-login {
  background: #ffffff !important;
  border-color: rgba(15,23,42,.14) !important;
  color: #182033 !important;
  box-shadow: 0 8px 22px -16px rgba(15,23,42,.28), inset 0 1px 0 rgba(255,255,255,.9) !important;
}
html[data-theme="light"] .gamejoy-google-login:hover {
  background: #f7f9fc !important;
  border-color: rgba(37,99,235,.22) !important;
  box-shadow: 0 0 0 3px rgba(37,99,235,.06), 0 10px 24px -18px rgba(15,23,42,.30) !important;
}
html[data-theme="light"] .gamejoy-google-label {
  color: #182033 !important;
}
html[data-theme="light"] .gamejoy-google-icon {
  background: #ffffff;
  box-shadow: 0 0 0 1px rgba(15,23,42,.09);
}


/* =========================================================
   YIYI 1.6.12 — JS custom select, native value preserved
   ========================================================= */
.yiyi-select {
  position: relative;
  width: 100%;
  min-width: 0;
  font: inherit;
}
.yiyi-select-native {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}
.yiyi-select-trigger {
  width: 100%;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 14px 11px 16px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 14px;
  background: rgba(255,255,255,.052);
  color: var(--text);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
  font-family: var(--fb);
  font-size: .94rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, box-shadow .16s ease, transform .16s ease;
}
.yiyi-select-trigger:hover {
  background: rgba(255,255,255,.072);
  border-color: rgba(255,255,255,.18);
}
.yiyi-select-trigger:focus-visible,
.yiyi-select.is-open .yiyi-select-trigger {
  outline: none;
  border-color: rgba(34,211,238,.55);
  box-shadow: 0 0 0 3px rgba(34,211,238,.09), inset 0 1px 0 rgba(255,255,255,.035);
}
.yiyi-select.is-invalid .yiyi-select-trigger {
  border-color: rgba(255,61,90,.72);
  box-shadow: 0 0 0 3px rgba(255,61,90,.10);
}
.yiyi-select.is-disabled .yiyi-select-trigger {
  opacity: .52;
  cursor: not-allowed;
}
.yiyi-select-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yiyi-select.is-placeholder .yiyi-select-value { color: var(--muted); }
.yiyi-select-chevron {
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 20px;
  color: #aab4ca;
  transition: transform .18s ease, color .18s ease;
}
.yiyi-select-chevron svg { width: 18px; height: 18px; display: block; }
.yiyi-select.is-open .yiyi-select-chevron { transform: rotate(180deg); color: var(--cyan); }
.yiyi-select-menu {
  position: absolute;
  z-index: 9999;
  top: calc(100% + 7px);
  left: 0;
  right: 0;
  max-height: 288px;
  overflow: auto;
  padding: 7px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  background: rgba(13,18,32,.98);
  color: var(--text);
  box-shadow: 0 22px 54px -18px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  overscroll-behavior: contain;
}
.yiyi-select.is-up .yiyi-select-menu {
  top: auto;
  bottom: calc(100% + 7px);
}
.yiyi-select-menu::-webkit-scrollbar { width: 7px; }
.yiyi-select-menu::-webkit-scrollbar-thumb { background: rgba(255,255,255,.12); border-radius: 99px; }
.yiyi-select-group {
  padding: 9px 10px 6px;
  color: #7f8ba5;
  font-size: .69rem;
  font-weight: 800;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.yiyi-select-option {
  width: 100%;
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 10px 9px 12px;
  border: 0;
  border-radius: 11px;
  background: transparent;
  color: #dfe6f6;
  font-family: var(--fb);
  font-size: .91rem;
  font-weight: 700;
  line-height: 1.35;
  text-align: left;
  cursor: pointer;
  transition: background .14s ease, color .14s ease;
}
.yiyi-select-option:hover,
.yiyi-select-option:focus-visible {
  outline: none;
  background: rgba(34,211,238,.08);
  color: #fff;
}
.yiyi-select-option.is-selected {
  background: linear-gradient(90deg, rgba(52,211,153,.13), rgba(34,211,238,.075));
  color: #6ee7b7;
}
.yiyi-select-option:disabled {
  opacity: .38;
  cursor: not-allowed;
}
.yiyi-select-option-label {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.yiyi-select-check {
  width: 19px;
  height: 19px;
  flex: 0 0 19px;
  color: #34d399;
}
.yiyi-select-check svg { width: 19px; height: 19px; display: block; }

/* Light mode follows the same theme switch as the rest of YIYI. */
html[data-theme="light"] .yiyi-select-trigger {
  background: rgba(255,255,255,.88);
  border-color: rgba(15,23,42,.13);
  color: #172033;
  box-shadow: 0 6px 18px -16px rgba(15,23,42,.24), inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] .yiyi-select-trigger:hover {
  background: #fff;
  border-color: rgba(15,23,42,.22);
}
html[data-theme="light"] .yiyi-select-trigger:focus-visible,
html[data-theme="light"] .yiyi-select.is-open .yiyi-select-trigger {
  border-color: rgba(16,185,129,.55);
  box-shadow: 0 0 0 3px rgba(16,185,129,.10), 0 8px 20px -18px rgba(15,23,42,.28);
}
html[data-theme="light"] .yiyi-select-chevron { color: #64748b; }
html[data-theme="light"] .yiyi-select.is-open .yiyi-select-chevron { color: #0f9f78; }
html[data-theme="light"] .yiyi-select-menu {
  background: rgba(255,255,255,.985);
  border-color: rgba(15,23,42,.12);
  color: #172033;
  box-shadow: 0 22px 50px -20px rgba(15,23,42,.28), inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] .yiyi-select-group { color: #718096; }
html[data-theme="light"] .yiyi-select-option { color: #253047; }
html[data-theme="light"] .yiyi-select-option:hover,
html[data-theme="light"] .yiyi-select-option:focus-visible {
  background: rgba(16,185,129,.075);
  color: #0f513f;
}
html[data-theme="light"] .yiyi-select-option.is-selected {
  background: linear-gradient(90deg, rgba(16,185,129,.12), rgba(34,211,238,.07));
  color: #08775a;
}
html[data-theme="light"] .yiyi-select-check { color: #0f9f78; }

@media(max-width:640px) {
  .yiyi-select-trigger { min-height: 46px; border-radius: 13px; padding: 10px 13px; }
  .yiyi-select-menu { max-height: min(42vh, 270px); border-radius: 14px; }
  .yiyi-select-option { min-height: 44px; }
}

/* =========================================================
   YIYI 1.6.14 — Game detail player / My Games / fullscreen
   ========================================================= */
html.yiyi-mobile-player-open,
body.yiyi-mobile-player-open,
body.yiyi-modal-open {
  overflow: hidden !important;
  overscroll-behavior: none;
}

body.yiyi-page-game .yiyi-player-topbar {
  display: none;
  min-height: 66px;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 10px 14px;
  background: rgba(8, 12, 23, .97);
  border-bottom: 1px solid rgba(255,255,255,.10);
  color: #f7f9ff;
  flex: 0 0 auto;
  z-index: 40;
}
body.yiyi-page-game .yiyi-player-topbar-left,
body.yiyi-page-game .yiyi-player-topbar-actions {
  display: flex;
  align-items: center;
  min-width: 0;
}
body.yiyi-page-game .yiyi-player-topbar-left { gap: 11px; }
body.yiyi-page-game .yiyi-player-topbar-actions { gap: 7px; margin-left: auto; }
body.yiyi-page-game .yiyi-player-topbar-thumb {
  width: 42px;
  height: 42px;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.12);
  flex: 0 0 auto;
}
body.yiyi-page-game .yiyi-player-topbar-title {
  max-width: min(36vw, 480px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 800 .98rem var(--fd);
}
body.yiyi-page-game .yiyi-topbar-action,
body.yiyi-page-game .yiyi-mobile-player-exit {
  min-width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 12px;
  background: rgba(255,255,255,.065);
  color: #f7f9ff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 12px;
  font: 800 .78rem var(--fb);
  cursor: pointer;
  transition: background .16s ease, border-color .16s ease, transform .16s ease;
}
body.yiyi-page-game .yiyi-topbar-action:hover {
  background: rgba(255,255,255,.11);
  border-color: rgba(255,255,255,.22);
}
body.yiyi-page-game .yiyi-topbar-action svg,
body.yiyi-page-game .yiyi-mobile-player-exit svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
body.yiyi-page-game .yiyi-topbar-favorite.active {
  color: #ff6d88;
  border-color: rgba(255,109,136,.45);
  background: rgba(255,109,136,.10);
}
body.yiyi-page-game .yiyi-topbar-favorite.active svg { fill: currentColor; }
body.yiyi-page-game .yiyi-mobile-player-exit { display: none; }

/* Native desktop fullscreen keeps the topbar visible and gives the iframe the rest of the screen. */
body.yiyi-page-game [data-yiyi-player-wrap]:fullscreen,
body.yiyi-page-game [data-yiyi-player-wrap]:-webkit-full-screen {
  width: var(--yiyi-vv-w, 100vw) !important;
  height: var(--yiyi-vv-h, 100dvh) !important;
  min-height: var(--yiyi-vv-h, 100dvh) !important;
  max-width: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  background: #080b12 !important;
  overflow: hidden !important;
}
body.yiyi-page-game [data-yiyi-player-wrap]:fullscreen .yiyi-player-topbar,
body.yiyi-page-game [data-yiyi-player-wrap]:-webkit-full-screen .yiyi-player-topbar {
  display: flex;
}
body.yiyi-page-game [data-yiyi-player-wrap]:fullscreen .stage,
body.yiyi-page-game [data-yiyi-player-wrap]:-webkit-full-screen .stage {
  flex: 1 1 auto;
  min-height: 0;
  height: auto !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
}
body.yiyi-page-game [data-yiyi-player-wrap]:fullscreen .stage-bar,
body.yiyi-page-game [data-yiyi-player-wrap]:-webkit-full-screen .stage-bar {
  display: none !important;
}
body.yiyi-page-game [data-yiyi-player-wrap]:fullscreen .yiyi-stage-frame,
body.yiyi-page-game [data-yiyi-player-wrap]:-webkit-full-screen .yiyi-stage-frame {
  width: 100% !important;
  height: 100% !important;
}

/* Mobile immersive player. Native fullscreen is requested where supported, but this CSS fallback is always available. */
body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  width: var(--yiyi-vv-w, 100vw) !important;
  height: var(--yiyi-vv-h, 100dvh) !important;
  min-height: var(--yiyi-vv-h, 100dvh) !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  background: #070a11 !important;
  overflow: hidden !important;
}
body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar {
  display: flex !important;
  min-height: calc(54px + env(safe-area-inset-top));
  padding: calc(7px + env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) 7px max(10px, env(safe-area-inset-left));
  background: #070b14;
}
body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit {
  display: inline-flex !important;
  width: auto;
  min-width: 82px;
  height: 38px;
  padding: 0 12px;
  border-radius: 9px;
  background: #1677e9;
  border-color: #2488fb;
  color: #fff;
  font-size: .78rem;
}
body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar-thumb,
body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar-title,
body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar-actions {
  display: none !important;
}
body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .stage {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  height: auto !important;
  aspect-ratio: auto !important;
  border-radius: 0 !important;
  background: #090d14 !important;
}
body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .stage-bar { display: none !important; }
body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-stage-frame {
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  background: #090d14 !important;
}

/* Desktop fullscreen control is deliberately removed on phones, including landscape phones. */
@media (max-width: 900px) and (pointer: coarse), (max-height: 620px) and (pointer: coarse) {
  body.yiyi-page-game .yiyi-desktop-fullscreen-action { display: none !important; }
}

/* My Games modal */
body.yiyi-page-game .yiyi-my-games-modal[hidden] { display: none !important; }
body.yiyi-page-game .yiyi-my-games-modal {
  position: fixed;
  inset: 0;
  z-index: 2147482000;
  display: grid;
  place-items: center;
  padding: max(18px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
}
body.yiyi-page-game .yiyi-my-games-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(2,6,15,.78);
  backdrop-filter: blur(10px);
}
body.yiyi-page-game .yiyi-my-games-dialog {
  position: relative;
  width: min(780px, calc(100vw - 32px));
  max-height: min(760px, calc(100dvh - 36px));
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border-radius: 25px;
  border: 1px solid rgba(112,148,213,.25);
  border-top: 4px solid #208bff;
  background: linear-gradient(180deg,#11192b 0%,#17243e 100%);
  color: #f4f7ff;
  box-shadow: 0 35px 100px rgba(0,0,0,.55);
}
body.yiyi-page-game .yiyi-my-games-head {
  min-height: 72px;
  padding: 14px 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: rgba(11,16,29,.48);
  position: relative;
}
body.yiyi-page-game .yiyi-my-games-head h3 {
  margin: 0;
  font: 800 clamp(1.2rem,2vw,1.55rem) var(--fd);
}
body.yiyi-page-game .yiyi-my-games-close {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 1.55rem;
  cursor: pointer;
}
body.yiyi-page-game .yiyi-my-games-body {
  padding: 20px;
  overflow: auto;
  overscroll-behavior: contain;
}
body.yiyi-page-game .yiyi-my-games-featured {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 12px;
  align-items: center;
}
body.yiyi-page-game .yiyi-my-games-featured-game {
  min-width: 0;
  min-height: 80px;
  padding: 10px;
  border-radius: 17px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.055);
  display: flex;
  align-items: center;
  gap: 13px;
  color: #fff;
}
body.yiyi-page-game .yiyi-my-games-featured-game img {
  width: 62px;
  height: 62px;
  object-fit: cover;
  border-radius: 13px;
  flex: 0 0 auto;
}
body.yiyi-page-game .yiyi-my-games-featured-game span { min-width: 0; }
body.yiyi-page-game .yiyi-my-games-featured-game strong,
body.yiyi-page-game .yiyi-my-games-featured-game small { display: block; }
body.yiyi-page-game .yiyi-my-games-featured-game strong {
  font: 800 1rem var(--fd);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body.yiyi-page-game .yiyi-my-games-featured-game small {
  margin-top: 4px;
  color: #b8c5e1;
  font-weight: 700;
  font-size: .72rem;
}
body.yiyi-page-game .yiyi-my-games-save {
  min-height: 54px;
  border: 0;
  border-radius: 14px;
  padding: 0 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  background: linear-gradient(135deg,#268cff,#0877e8);
  color: #fff;
  font: 800 .86rem var(--fb);
  cursor: pointer;
  box-shadow: 0 13px 28px -18px rgba(38,140,255,.9);
}
body.yiyi-page-game .yiyi-my-games-save.active { background: linear-gradient(135deg,#263650,#1d2b44); }
body.yiyi-page-game .yiyi-my-games-save svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
}
body.yiyi-page-game .yiyi-my-games-save.active svg { fill: currentColor; }
body.yiyi-page-game .yiyi-my-games-tabs {
  margin-top: 24px;
  display: grid;
  grid-template-columns: repeat(3,1fr);
  border-bottom: 1px solid rgba(255,255,255,.11);
}
body.yiyi-page-game .yiyi-my-games-tabs button {
  position: relative;
  min-height: 54px;
  border: 0;
  background: transparent;
  color: #c2cce1;
  font: 800 .84rem var(--fb);
  cursor: pointer;
}
body.yiyi-page-game .yiyi-my-games-tabs button::after {
  content: "";
  position: absolute;
  left: 12%;
  right: 12%;
  bottom: -1px;
  height: 3px;
  border-radius: 5px 5px 0 0;
  background: transparent;
}
body.yiyi-page-game .yiyi-my-games-tabs button.active { color: #fff; }
body.yiyi-page-game .yiyi-my-games-tabs button.active::after { background: #2d91ff; }
body.yiyi-page-game .yiyi-my-games-list {
  margin-top: 12px;
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}
body.yiyi-page-game .yiyi-my-games-row {
  position: relative;
  min-width: 0;
  min-height: 76px;
  padding: 8px 48px 8px 8px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 15px;
  background: rgba(255,255,255,.045);
  display: flex;
  align-items: center;
  gap: 11px;
  color: #fff;
}
body.yiyi-page-game .yiyi-my-games-row:hover {
  border-color: rgba(75,150,255,.45);
  background: rgba(255,255,255,.07);
}

body.yiyi-page-game .yiyi-my-games-item {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  color: inherit;
  flex: 1 1 auto;
}
body.yiyi-page-game .yiyi-my-games-item span { min-width: 0; }
body.yiyi-page-game .yiyi-my-games-remove {
  z-index: 2;
  line-height: 1;
}
body.yiyi-page-game .yiyi-my-games-item img {
  width: 62px;
  height: 58px;
  flex: 0 0 auto;
  object-fit: cover;
  border-radius: 11px;
}
body.yiyi-page-game .yiyi-my-games-item span { min-width: 0; }
body.yiyi-page-game .yiyi-my-games-item strong,
body.yiyi-page-game .yiyi-my-games-item small { display: block; }
body.yiyi-page-game .yiyi-my-games-item strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 800 .84rem var(--fd);
}
body.yiyi-page-game .yiyi-my-games-item small {
  margin-top: 4px;
  color: #9faecb;
  font-size: .69rem;
  font-weight: 700;
}
body.yiyi-page-game .yiyi-my-games-remove {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
  width: 31px;
  height: 31px;
  border: 0;
  border-radius: 50%;
  background: #f20d4f;
  color: #fff;
  display: grid;
  place-items: center;
  font-size: 1rem;
  font-weight: 900;
  cursor: pointer;
}
body.yiyi-page-game .yiyi-my-games-empty {
  padding: 34px 16px 20px;
  text-align: center;
  color: #9faecb;
  font-weight: 700;
}

/* Favorite appearance in the normal stage bar. */
body.yiyi-page-game .yiyi-favorite-action.active {
  color: #ff6b86;
  border-color: rgba(255,107,134,.5);
  background: rgba(255,107,134,.12);
}

/* Light theme keeps modal/player chrome legible but follows the active theme. */
html[data-theme="light"] body.yiyi-page-game .yiyi-my-games-dialog {
  background: linear-gradient(180deg,#f8faff 0%,#e9effa 100%);
  color: #172033;
  border-color: rgba(34,74,128,.17);
}
html[data-theme="light"] body.yiyi-page-game .yiyi-my-games-head { background: rgba(255,255,255,.64); border-bottom-color: rgba(21,38,66,.10); }
html[data-theme="light"] body.yiyi-page-game .yiyi-my-games-close { color:#23304a; background:rgba(20,35,60,.06); }
html[data-theme="light"] body.yiyi-page-game .yiyi-my-games-featured-game,
html[data-theme="light"] body.yiyi-page-game .yiyi-my-games-row { color:#172033; background:rgba(255,255,255,.65); border-color:rgba(21,38,66,.12); }
html[data-theme="light"] body.yiyi-page-game .yiyi-my-games-featured-game small,
html[data-theme="light"] body.yiyi-page-game .yiyi-my-game-row small,
html[data-theme="light"] body.yiyi-page-game .yiyi-my-games-empty,
html[data-theme="light"] body.yiyi-page-game .yiyi-my-games-tabs button { color:#687691; }
html[data-theme="light"] body.yiyi-page-game .yiyi-my-games-tabs button.active { color:#172033; }
html[data-theme="light"] body.yiyi-page-game .yiyi-my-games-tabs { border-bottom-color:rgba(21,38,66,.12); }

@media (max-width: 620px) {
  body.yiyi-page-game .yiyi-my-games-modal { padding: 8px; align-items: end; }
  body.yiyi-page-game .yiyi-my-games-dialog {
    width: 100%;
    max-height: calc(100dvh - 16px);
    border-radius: 22px 22px 15px 15px;
  }
  body.yiyi-page-game .yiyi-my-games-head { min-height: 62px; }
  body.yiyi-page-game .yiyi-my-games-body { padding: 14px; }
  body.yiyi-page-game .yiyi-my-games-featured { grid-template-columns: 1fr; }
  body.yiyi-page-game .yiyi-my-games-save { width: 100%; }
  body.yiyi-page-game .yiyi-my-games-list { grid-template-columns: 1fr; }
  body.yiyi-page-game .yiyi-my-games-tabs button { min-height: 48px; font-size: .78rem; }
}

/* Collection row markup produced by yiyi.js. */
body.yiyi-page-game .yiyi-my-games-row {
  position: relative;
  min-width: 0;
  min-height: 76px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 15px;
  background: rgba(255,255,255,.045);
  overflow: hidden;
}
body.yiyi-page-game .yiyi-my-games-item {
  min-width: 0;
  min-height: 76px;
  padding: 8px 48px 8px 8px;
  display: flex;
  align-items: center;
  gap: 11px;
  color: #fff;
}
body.yiyi-page-game .yiyi-my-games-row:hover {
  border-color: rgba(75,150,255,.45);
  background: rgba(255,255,255,.07);
}

body.yiyi-page-game .yiyi-my-games-item {
  display: flex;
  align-items: center;
  gap: 11px;
  min-width: 0;
  color: inherit;
  flex: 1 1 auto;
}
body.yiyi-page-game .yiyi-my-games-item span { min-width: 0; }
body.yiyi-page-game .yiyi-my-games-remove {
  z-index: 2;
  line-height: 1;
}
body.yiyi-page-game .yiyi-my-games-item img,
body.yiyi-page-game .yiyi-my-games-fallback {
  width: 62px;
  height: 58px;
  flex: 0 0 auto;
  border-radius: 11px;
}
body.yiyi-page-game .yiyi-my-games-item img { object-fit: cover; }
body.yiyi-page-game .yiyi-my-games-fallback {
  display: grid;
  place-items: center;
  background: rgba(255,255,255,.07);
  font-size: 1.45rem;
}
body.yiyi-page-game .yiyi-my-games-item > span { min-width: 0; }
body.yiyi-page-game .yiyi-my-games-item strong,
body.yiyi-page-game .yiyi-my-games-item small { display: block; }
body.yiyi-page-game .yiyi-my-games-item strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font: 800 .84rem var(--fd);
}
body.yiyi-page-game .yiyi-my-games-item small {
  margin-top: 4px;
  color: #9faecb;
  font-size: .69rem;
  font-weight: 700;
}
body.yiyi-page-game .yiyi-my-games-loading {
  grid-column: 1 / -1;
  padding: 25px 12px;
  text-align: center;
  color: #9faecb;
  font-weight: 700;
}
html[data-theme="light"] body.yiyi-page-game .yiyi-my-games-row {
  background: rgba(255,255,255,.65);
  border-color: rgba(21,38,66,.12);
}
html[data-theme="light"] body.yiyi-page-game .yiyi-my-games-item { color:#172033; }
html[data-theme="light"] body.yiyi-page-game .yiyi-my-games-item small,
html[data-theme="light"] body.yiyi-page-game .yiyi-my-games-loading { color:#687691; }

/* Fullscreen API fallback: the same player chrome works even when native fullscreen is unavailable. */
html.yiyi-desktop-player-open,
body.yiyi-desktop-player-open { overflow: hidden !important; }
body.yiyi-page-game [data-yiyi-player-wrap].is-desktop-fullscreen {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147482500 !important;
  width: var(--yiyi-vv-w, 100vw) !important;
  height: var(--yiyi-vv-h, 100dvh) !important;
  min-height: var(--yiyi-vv-h, 100dvh) !important;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-direction: column !important;
  background: #080b12 !important;
  overflow: hidden !important;
}
body.yiyi-page-game [data-yiyi-player-wrap].is-desktop-fullscreen .yiyi-player-topbar { display:flex !important; }
body.yiyi-page-game [data-yiyi-player-wrap].is-desktop-fullscreen .stage {
  flex:1 1 auto !important;
  min-height:0 !important;
  height:auto !important;
  aspect-ratio:auto !important;
  border-radius:0 !important;
}
body.yiyi-page-game [data-yiyi-player-wrap].is-desktop-fullscreen .stage-bar { display:none !important; }
body.yiyi-page-game [data-yiyi-player-wrap].is-desktop-fullscreen .yiyi-stage-frame { width:100% !important;height:100% !important; }
body.yiyi-page-game .yiyi-player-topbar-actions .yiyi-topbar-action.active:not(.yiyi-topbar-favorite) {
  color: #63e6c2;
  border-color: rgba(99,230,194,.48);
  background: rgba(52,211,153,.11);
}


/* YIYI 1.6.15 — SVG player tools + real game thumbnail */
body.yiyi-page-game .stage-bar .glogo.yiyi-stage-game-thumb{
  padding:0;
  overflow:hidden;
  background:var(--glass-2);
  border:1px solid var(--stroke);
}
body.yiyi-page-game .stage-bar .glogo.yiyi-stage-game-thumb > img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
}
body.yiyi-page-game .stage-bar .glogo.yiyi-stage-game-thumb .yiyi-stage-game-thumb-fallback,
body.yiyi-page-game .stage-bar .glogo.yiyi-stage-game-thumb .yiyi-stage-game-thumb-fallback img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
}
body.yiyi-page-game .stage-actions .yiyi-icon-action{
  width:38px;
  min-width:38px;
  height:38px;
  padding:0;
  justify-content:center;
}
body.yiyi-page-game .stage-actions .yiyi-icon-action svg{
  width:17px;
  height:17px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.9;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
body.yiyi-page-game .stage-actions .yiyi-favorite-action.active{
  color:#ff6b8a;
  border-color:rgba(255,107,138,.55);
  background:rgba(255,107,138,.12);
}
body.yiyi-page-game .stage-actions .yiyi-favorite-action.active svg{
  fill:currentColor;
  stroke:currentColor;
}
body.yiyi-page-game .stage-actions .yiyi-icon-action:hover{
  color:var(--cyan);
  border-color:rgba(34,211,238,.5);
}
body.yiyi-page-game .stage-actions .yiyi-favorite-action.active:hover{
  color:#ff6b8a;
  border-color:rgba(255,107,138,.68);
}



/* =========================================================
   YIYI 1.6.17 — compact mobile exit + spacious mobile game detail
   ========================================================= */
body.yiyi-page-game .yiyi-mobile-play-cta,
body.yiyi-page-game .yiyi-mobile-game-facts,
body.yiyi-page-game .yiyi-mobile-game-actions { display:none; }

/* The mobile exit is an overlay, not a full-height toolbar. */
body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar {
  display:block !important;
  position:absolute !important;
  top:0 !important;
  left:0 !important;
  width:auto !important;
  min-height:0 !important;
  height:auto !important;
  padding:max(8px,env(safe-area-inset-top)) 0 0 max(8px,env(safe-area-inset-left)) !important;
  background:transparent !important;
  border:0 !important;
  z-index:80 !important;
  pointer-events:none !important;
}
body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar-left {
  display:block !important;
  pointer-events:none !important;
}
body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit {
  display:inline-flex !important;
  pointer-events:auto !important;
  min-width:0 !important;
  width:auto !important;
  height:38px !important;
  padding:0 12px !important;
  gap:7px !important;
  border-radius:11px !important;
  border:1px solid rgba(255,255,255,.18) !important;
  background:rgba(8,13,24,.82) !important;
  color:#fff !important;
  box-shadow:0 8px 22px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(12px) !important;
  -webkit-backdrop-filter:blur(12px) !important;
}
body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit svg { width:17px;height:17px; }
body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .stage {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  flex:none !important;
}

@media (max-width: 680px) {
  body.yiyi-page-game .wrap { width:min(100% - 20px,430px); padding-left:0; padding-right:0; }
  body.yiyi-page-game .play-layout main { min-width:0; }
  body.yiyi-page-game [data-yiyi-player-wrap] {
    width:100%;
    border-radius:24px;
    overflow:hidden;
    background:#090e1a;
    box-shadow:0 22px 52px -28px rgba(0,0,0,.86);
  }
  body.yiyi-page-game .stage {
    aspect-ratio:4 / 5 !important;
    min-height:420px;
    background-size:cover !important;
    background-position:center !important;
  }
  body.yiyi-page-game .stage::after {
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    pointer-events:none;
    background:linear-gradient(180deg,rgba(4,8,18,.04) 48%,rgba(5,8,18,.56) 76%,#090e1a 100%);
  }
  body.yiyi-page-game .stage-overlay { z-index:2; background:transparent; backdrop-filter:none; }
  body.yiyi-page-game .stage-overlay h1,
  body.yiyi-page-game .stage-overlay .play-big { display:none !important; }

  body.yiyi-page-game .stage-bar {
    position:relative;
    z-index:5;
    display:flex;
    flex-direction:column;
    align-items:center !important;
    text-align:center;
    gap:9px;
    padding:0 18px 18px;
    margin:0;
    background:#090e1a;
    border-top:0;
    overflow:visible;
  }
  body.yiyi-page-game .stage-bar .glogo.yiyi-stage-game-thumb {
    width:148px;
    height:116px;
    margin-top:-74px;
    border-radius:19px;
    border:4px solid #090e1a;
    box-shadow:0 16px 34px -18px rgba(0,0,0,.78);
    background:#10172a;
  }
  body.yiyi-page-game .stage-bar h2 {
    margin:2px auto 0;
    max-width:100%;
    font-size:1.42rem;
    line-height:1.18;
    letter-spacing:-.45px;
    color:#fff;
  }
  body.yiyi-page-game .stage-bar .cat-link { display:none; }
  body.yiyi-page-game .stage-bar .stage-actions,
  body.yiyi-page-game .stage-bar .yiyi-live-session { display:none !important; }
  body.yiyi-page-game .yiyi-mobile-play-cta {
    display:inline-flex;
    width:min(100%,270px);
    min-height:56px;
    justify-content:center;
    gap:9px;
    margin:8px auto 0;
    border-radius:20px;
    font-size:1.02rem;
    font-weight:850;
    box-shadow:0 14px 30px -18px rgba(34,211,238,.9);
  }
  body.yiyi-page-game .yiyi-mobile-play-cta svg {
    width:18px;height:18px;fill:currentColor;stroke:none;
  }
  body.yiyi-page-game .yiyi-mobile-game-facts {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:10px 18px 8px;
    background:#090e1a;
  }
  body.yiyi-page-game .yiyi-mobile-game-fact {
    min-width:0;
    min-height:66px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) auto;
    align-items:center;
    gap:10px;
    padding:10px 12px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:16px;
    color:#fff;
    background:linear-gradient(135deg,rgba(20,93,142,.30),rgba(71,50,120,.32));
  }
  body.yiyi-page-game .yiyi-mobile-game-fact-icon {
    width:38px;height:38px;border-radius:12px;
    display:grid;place-items:center;
    color:#ffd96d;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
  }
  body.yiyi-page-game .yiyi-mobile-game-fact-icon svg,
  body.yiyi-page-game .yiyi-mobile-game-fact-arrow {
    width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  }
  body.yiyi-page-game .yiyi-mobile-game-fact small,
  body.yiyi-page-game .yiyi-mobile-game-fact strong { display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
  body.yiyi-page-game .yiyi-mobile-game-fact small { color:#b5c1dd;font-size:.58rem;font-weight:850;letter-spacing:.06em; }
  body.yiyi-page-game .yiyi-mobile-game-fact strong { margin-top:2px;font:800 .86rem var(--fd); }
  body.yiyi-page-game .yiyi-mobile-game-fact-arrow { color:#b7c5e4; }

  body.yiyi-page-game .yiyi-mobile-game-actions {
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    padding:9px 18px 18px;
    background:#090e1a;
  }
  body.yiyi-page-game .yiyi-mobile-game-actions button {
    min-width:0;
    height:48px;
    border-radius:16px;
    border:1px solid rgba(255,255,255,.11);
    background:rgba(255,255,255,.055);
    color:#dce6ff;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    font-weight:800;
  }
  body.yiyi-page-game .yiyi-mobile-game-actions button svg {
    width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  }
  body.yiyi-page-game .yiyi-mobile-game-actions button.active {
    color:#ff6b8a;
    border-color:rgba(255,107,138,.55);
    background:rgba(255,107,138,.11);
  }
  body.yiyi-page-game .yiyi-mobile-game-actions button.active svg { fill:currentColor; }
  body.yiyi-page-game .rating-strip { display:none !important; }
}

@media (max-width: 390px) {
  body.yiyi-page-game .stage { min-height:390px; }
  body.yiyi-page-game .stage-bar .glogo.yiyi-stage-game-thumb { width:134px;height:105px;margin-top:-66px; }
  body.yiyi-page-game .yiyi-mobile-game-facts,
  body.yiyi-page-game .yiyi-mobile-game-actions { padding-left:12px;padding-right:12px; }
  body.yiyi-page-game .yiyi-mobile-game-fact { padding:9px;grid-template-columns:36px minmax(0,1fr) auto;gap:7px; }
  body.yiyi-page-game .yiyi-mobile-game-fact-icon { width:34px;height:34px; }
}

/* Expanded player always wins over the pre-play mobile card rules. */
@media (max-width: 680px) {
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded { overflow:hidden !important; border-radius:0 !important; }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .stage::after { display:none !important; }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .stage-overlay,
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .stage-bar,
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-game-facts,
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-game-actions { display:none !important; }
}


/* =========================================================
   YIYI 1.6.18 — mobile exit resets player + compact portrait card
   ========================================================= */
@media (max-width: 680px) and (orientation: portrait) {
  body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .stage {
    aspect-ratio: auto !important;
    height: clamp(250px, 76vw, 325px) !important;
    min-height: 0 !important;
    max-height: 325px !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .stage-bar {
    gap: 6px !important;
    padding: 0 14px 13px !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .stage-bar .glogo.yiyi-stage-game-thumb {
    width: 112px !important;
    height: 84px !important;
    margin-top: -48px !important;
    border-width: 3px !important;
    border-radius: 16px !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .stage-bar h2 {
    margin-top: 1px !important;
    font-size: 1.16rem !important;
    line-height: 1.15 !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .yiyi-mobile-play-cta {
    width: min(100%, 226px) !important;
    min-height: 48px !important;
    margin-top: 5px !important;
    border-radius: 17px !important;
    font-size: .94rem !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .yiyi-mobile-game-facts {
    gap: 8px !important;
    padding: 8px 14px 6px !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .yiyi-mobile-game-fact {
    min-height: 56px !important;
    grid-template-columns: 34px minmax(0,1fr) auto !important;
    gap: 7px !important;
    padding: 8px 9px !important;
    border-radius: 14px !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .yiyi-mobile-game-fact-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .yiyi-mobile-game-actions {
    gap: 8px !important;
    padding: 7px 14px 13px !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .yiyi-mobile-game-actions button {
    height: 43px !important;
    border-radius: 14px !important;
  }
}

@media (max-width: 390px) and (orientation: portrait) {
  body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .stage {
    height: clamp(240px, 74vw, 288px) !important;
    min-height: 0 !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .stage-bar .glogo.yiyi-stage-game-thumb {
    width: 104px !important;
    height: 78px !important;
    margin-top: -44px !important;
  }
}


/* YIYI 1.6.19 — account favorites + compact reordered account navigation */
body.yiyi-page-account .yiyi-account-nav { gap: 4px; }
body.yiyi-page-account .yiyi-account-nav > a { padding: 10px 13px; }
.yiyi-account-favorites-sub { max-width: 760px; }
.yiyi-account-favorites { margin-top: 22px; }
.yiyi-account-favorite-tabs {
  display: inline-flex;
  gap: 5px;
  padding: 5px;
  border: 1px solid var(--stroke);
  border-radius: 15px;
  background: var(--glass);
  margin-bottom: 16px;
}
.yiyi-account-favorite-tabs button {
  min-width: 112px;
  border: 0;
  border-radius: 11px;
  padding: 10px 14px;
  background: transparent;
  color: var(--muted);
  font: 800 .82rem var(--fb);
  cursor: pointer;
}
.yiyi-account-favorite-tabs button.active {
  color: #fff;
  background: var(--grad);
  box-shadow: 0 8px 22px -12px rgba(34,211,238,.7);
}
.yiyi-account-favorite-list {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}
.yiyi-account-favorite-card {
  position: relative;
  min-width: 0;
  min-height: 84px;
  padding: 9px 48px 9px 9px;
  border: 1px solid var(--stroke);
  border-radius: 17px;
  background: var(--glass);
}
.yiyi-account-favorite-card:hover { border-color: var(--stroke-hi); background: var(--glass-2); }
.yiyi-account-favorite-game { display:flex;align-items:center;gap:12px;min-width:0; }
.yiyi-account-favorite-game img,
.yiyi-account-favorite-fallback { width:66px;height:66px;flex:0 0 66px;border-radius:13px;object-fit:cover; }
.yiyi-account-favorite-fallback { display:grid;place-items:center;background:var(--glass-2);font-size:1.5rem; }
.yiyi-account-favorite-game span { min-width:0; }
.yiyi-account-favorite-game strong,
.yiyi-account-favorite-game small { display:block; }
.yiyi-account-favorite-game strong { overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:800 .92rem var(--fd); }
.yiyi-account-favorite-game small { margin-top:5px;color:var(--muted);font-size:.76rem;font-weight:700; }
.yiyi-account-favorite-remove {
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  width:30px;height:30px;border-radius:10px;border:1px solid var(--stroke);
  background:var(--glass-2);color:var(--muted);display:grid;place-items:center;cursor:pointer;
}
.yiyi-account-favorite-remove:hover { color:#fff;background:rgba(255,61,90,.82);border-color:rgba(255,61,90,.9); }
.yiyi-account-favorite-remove svg { width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round; }
.yiyi-account-favorite-empty,
.yiyi-account-favorite-loading { padding:38px 18px;text-align:center;color:var(--muted);font-weight:700;border:1px dashed var(--stroke);border-radius:17px; }
@media(max-width:760px){
  .yiyi-account-favorite-list{grid-template-columns:1fr}
  .yiyi-account-favorite-tabs{display:flex;width:100%}
  .yiyi-account-favorite-tabs button{flex:1;min-width:0}
}

/* =========================================================
   YIYI 1.6.20 — light theme player action colors
   ========================================================= */
html[data-theme="light"] body.yiyi-page-game .stage-actions .act,
html[data-theme="light"] body.yiyi-page-game .stage-actions .yiyi-icon-action {
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(28,48,82,.14) !important;
  color: #526078 !important;
  box-shadow: 0 4px 14px rgba(28,48,82,.06);
}
html[data-theme="light"] body.yiyi-page-game .stage-actions .act:hover,
html[data-theme="light"] body.yiyi-page-game .stage-actions .yiyi-icon-action:hover {
  background: #fff !important;
  border-color: rgba(35,99,235,.28) !important;
  color: #2563eb !important;
}
html[data-theme="light"] body.yiyi-page-game .stage-actions [data-yiyi-vote="1"].active {
  color: #0891b2 !important;
  border-color: rgba(8,145,178,.32) !important;
  background: rgba(6,182,212,.10) !important;
}
html[data-theme="light"] body.yiyi-page-game .stage-actions [data-yiyi-vote="-1"].active {
  color: #dc6b2f !important;
  border-color: rgba(220,107,47,.32) !important;
  background: rgba(249,115,22,.09) !important;
}
html[data-theme="light"] body.yiyi-page-game .stage-actions .yiyi-favorite-action.active {
  color: #e44870 !important;
  border-color: rgba(228,72,112,.34) !important;
  background: rgba(244,63,94,.09) !important;
}
html[data-theme="light"] body.yiyi-page-game .stage-actions .yiyi-favorite-action.active svg {
  fill: currentColor !important;
  stroke: currentColor !important;
}

@media (max-width: 680px) {
  html[data-theme="light"] body.yiyi-page-game .yiyi-mobile-game-actions {
    background: #f6f8fc !important;
  }
  html[data-theme="light"] body.yiyi-page-game .yiyi-mobile-game-actions button {
    background: rgba(255,255,255,.96) !important;
    border-color: rgba(28,48,82,.14) !important;
    color: #526078 !important;
    box-shadow: 0 4px 14px rgba(28,48,82,.06);
  }
  html[data-theme="light"] body.yiyi-page-game .yiyi-mobile-game-actions button:hover {
    color: #2563eb !important;
    border-color: rgba(35,99,235,.28) !important;
  }
  html[data-theme="light"] body.yiyi-page-game .yiyi-mobile-game-actions [data-yiyi-vote="1"].active {
    color: #0891b2 !important;
    border-color: rgba(8,145,178,.32) !important;
    background: rgba(6,182,212,.10) !important;
  }
  html[data-theme="light"] body.yiyi-page-game .yiyi-mobile-game-actions [data-yiyi-vote="-1"].active {
    color: #dc6b2f !important;
    border-color: rgba(220,107,47,.32) !important;
    background: rgba(249,115,22,.09) !important;
  }
  html[data-theme="light"] body.yiyi-page-game .yiyi-mobile-game-actions [data-yiyi-favorite].active {
    color: #e44870 !important;
    border-color: rgba(228,72,112,.34) !important;
    background: rgba(244,63,94,.09) !important;
  }
  html[data-theme="light"] body.yiyi-page-game .yiyi-mobile-game-actions [data-yiyi-favorite].active svg {
    fill: currentColor !important;
  }
}


/* =========================================================
   YIYI 1.6.21 — player action alignment + vote colors
   ========================================================= */
body.yiyi-page-game .nav .search{overflow:visible;}
body.yiyi-page-game .nav .search::before{
  content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;border:2px solid currentColor;border-radius:50%;
  border-right-color:transparent;border-bottom-color:transparent;
  color:var(--muted);opacity:.9;pointer-events:none;
}
body.yiyi-page-game .nav .search::after{
  content:"";position:absolute;left:26px;top:calc(50% + 4px);width:7px;height:2px;
  background:currentColor;color:var(--muted);transform:rotate(45deg);border-radius:999px;pointer-events:none;opacity:.9;
}
body.yiyi-page-game .nav .search input{padding-left:42px;}
body.yiyi-page-game .yiyi-my-games-close,
.yiyi-guest-profile-close{display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0;}
body.yiyi-page-game .yiyi-my-games-close{right:16px;top:16px;transform:none;}
body.yiyi-page-game .stage-actions{align-items:center;gap:10px;}
body.yiyi-page-game .stage-actions .act{
  min-height:40px;
  padding:0 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  line-height:1;
}
body.yiyi-page-game .stage-actions .yiyi-vote-action svg,
body.yiyi-page-game .yiyi-player-topbar-actions [data-yiyi-vote] svg{
  width:16px;height:16px;display:block;flex:0 0 16px;
  fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;
}
body.yiyi-page-game .stage-actions .yiyi-vote-action span,
body.yiyi-page-game .yiyi-player-topbar-actions [data-yiyi-vote] span{display:inline-block;line-height:1;}
body.yiyi-page-game .yiyi-player-topbar-actions .yiyi-topbar-action{min-width:46px;padding:0 13px;line-height:1;}
body.yiyi-page-game .yiyi-player-topbar-actions .yiyi-topbar-favorite,
body.yiyi-page-game .yiyi-player-topbar-actions .yiyi-topbar-exit{padding:0;min-width:42px;}
body.yiyi-page-game .yiyi-player-topbar-actions .yiyi-topbar-action.active[data-yiyi-vote="1"],
body.yiyi-page-game .stage-actions [data-yiyi-vote="1"].active{
  color:#20c997;
  border-color:rgba(32,201,151,.52);
  background:rgba(32,201,151,.12);
}
body.yiyi-page-game .yiyi-player-topbar-actions .yiyi-topbar-action.active[data-yiyi-vote="-1"],
body.yiyi-page-game .stage-actions [data-yiyi-vote="-1"].active{
  color:#ff5a6f;
  border-color:rgba(255,90,111,.54);
  background:rgba(255,90,111,.12);
}
body.yiyi-page-game .yiyi-player-topbar-actions .yiyi-topbar-action.active[data-yiyi-vote="1"] svg,
body.yiyi-page-game .yiyi-player-topbar-actions .yiyi-topbar-action.active[data-yiyi-vote="-1"] svg,
body.yiyi-page-game .stage-actions [data-yiyi-vote].active svg{stroke:currentColor;fill:none;}
@media (max-width:680px){
  body.yiyi-page-game .yiyi-mobile-game-actions{align-items:center;}
  body.yiyi-page-game .yiyi-mobile-game-actions button{padding:0 10px;line-height:1;}
  body.yiyi-page-game .yiyi-mobile-game-actions button span{line-height:1;}
  body.yiyi-page-game .yiyi-mobile-game-actions [data-yiyi-vote="1"].active{
    color:#20c997;
    border-color:rgba(32,201,151,.52);
    background:rgba(32,201,151,.12);
  }
  body.yiyi-page-game .yiyi-mobile-game-actions [data-yiyi-vote="-1"].active{
    color:#ff5a6f;
    border-color:rgba(255,90,111,.54);
    background:rgba(255,90,111,.12);
  }
}
html[data-theme="light"] body.yiyi-page-game .stage-actions [data-yiyi-vote="1"].active,
html[data-theme="light"] body.yiyi-page-game .yiyi-player-topbar-actions .yiyi-topbar-action.active[data-yiyi-vote="1"],
html[data-theme="light"] body.yiyi-page-game .yiyi-mobile-game-actions [data-yiyi-vote="1"].active{
  color:#0f9f6e !important;
  border-color:rgba(15,159,110,.34) !important;
  background:rgba(16,185,129,.10) !important;
}
html[data-theme="light"] body.yiyi-page-game .stage-actions [data-yiyi-vote="-1"].active,
html[data-theme="light"] body.yiyi-page-game .yiyi-player-topbar-actions .yiyi-topbar-action.active[data-yiyi-vote="-1"],
html[data-theme="light"] body.yiyi-page-game .yiyi-mobile-game-actions [data-yiyi-vote="-1"].active{
  color:#e23b52 !important;
  border-color:rgba(226,59,82,.32) !important;
  background:rgba(244,63,94,.10) !important;
}


/* =========================================================
   YIYI 1.6.23 — Affiliate mobile layout + natural blog card height
   ========================================================= */
/* Fix nested flex selector: only each direct audience row is flex. */
body.yiyi-page-affiliate .who > span{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:12px;
  align-items:start;
  color:var(--muted);
  font-size:.87rem;
  font-weight:600;
  line-height:1.6;
  min-width:0;
}
body.yiyi-page-affiliate .who > span > span:not(.wic){
  display:block;
  min-width:0;
  color:inherit;
  font:inherit;
  line-height:inherit;
}
body.yiyi-page-affiliate .who > span > span:not(.wic) b{
  display:inline;
  color:var(--text);
  font-weight:800;
}
body.yiyi-page-affiliate .who .wic{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  flex:none;
}

/* Blog cards keep their own content height instead of stretching to the grid row. */
.yiyi-post-grid{align-items:start;}
.yiyi-post-card.glass{
  height:auto !important;
  min-height:0 !important;
  align-self:start;
}
.yiyi-post-card.glass .yiyi-post-cover{
  flex:0 0 auto;
}
.yiyi-post-card.glass .yiyi-post-cover img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
}

@media (max-width:560px){
  body.yiyi-page-affiliate .af-hero{
    padding:23px 12px !important;
  }
  body.yiyi-page-affiliate .af-hero h1{
    font-size:clamp(1.8rem,9.2vw,2.35rem);
    letter-spacing:-1px;
  }
  body.yiyi-page-affiliate .af-hero .eyebrow{
    max-width:100%;
    white-space:normal;
    line-height:1.35;
  }
  body.yiyi-page-affiliate .af-form{
    padding:15px !important;
  }
  body.yiyi-page-affiliate .panel{
    padding:18px 15px;
  }
  body.yiyi-page-affiliate .who{
    gap:14px;
  }
  body.yiyi-page-affiliate .who > span{
    grid-template-columns:36px minmax(0,1fr);
    gap:10px;
    font-size:.84rem;
    line-height:1.55;
  }
  body.yiyi-page-affiliate .who .wic{
    width:36px;
    height:36px;
    border-radius:11px;
  }
  .yiyi-post-card.glass{
    padding:0 !important;
  }
  .yiyi-post-card.glass .yiyi-post-cover{
    height:170px !important;
    border-radius:20px 20px 0 0;
  }
  .yiyi-post-card.glass .yiyi-post-copy{
    padding:16px !important;
  }
}


/* =========================================================
   YIYI 1.6.24 — polished light palette + zero-flash theme boot
   ========================================================= */
html[data-theme="light"] {
  color-scheme: light;
  --bg:#F7F9FD;
  --glass:rgba(255,255,255,.80);
  --glass-2:rgba(24,39,75,.055);
  --stroke:rgba(37,55,88,.115);
  --stroke-hi:rgba(37,55,88,.205);
  --text:#162033;
  --muted:#68748A;
  --cyan:#0EA5C6;
  --violet:#6D5CE7;
  --coral:#E84F67;
  --amber:#D99A12;
  --mint:#159A75;
}
html[data-theme="dark"] { color-scheme: dark; }
html[data-theme="light"] body {
  background:#F7F9FD;
  color:var(--text);
}
html[data-theme="light"] .mesh {
  opacity:1;
  background:
    radial-gradient(620px 450px at 4% -8%,rgba(109,92,231,.105),transparent 64%),
    radial-gradient(680px 500px at 100% 2%,rgba(14,165,198,.10),transparent 62%),
    radial-gradient(760px 620px at 48% 110%,rgba(232,79,103,.045),transparent 64%),
    #F7F9FD;
}
html[data-theme="light"] .mesh::after { opacity:.11; }
html[data-theme="light"] .nav-in {
  background:rgba(255,255,255,.88);
  border-color:rgba(37,55,88,.10);
  box-shadow:0 12px 34px -22px rgba(31,48,78,.30);
}
html[data-theme="light"] .nav-links a:hover,
html[data-theme="light"] .nav-links a.on {
  background:#EEF2F8;
  color:#172238;
}
html[data-theme="light"] .nav .search input,
html[data-theme="light"] .search-panel,
html[data-theme="light"] .pmodal,
html[data-theme="light"] .yiyi-guest-profile-modal,
html[data-theme="light"] .yiyi-account-nav,
html[data-theme="light"] .yiyi-account-main {
  background:rgba(255,255,255,.92);
}
html[data-theme="light"] .nav .search input {
  border-color:rgba(37,55,88,.11);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] .nav .search input::placeholder,
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder { color:#8A95A8; }
html[data-theme="light"] .theme-btn,
html[data-theme="light"] .search-fab,
html[data-theme="light"] .profile-chip,
html[data-theme="light"] .coin {
  background:#F4F7FB;
  border-color:rgba(37,55,88,.11);
  box-shadow:0 4px 12px -8px rgba(25,40,70,.28);
}
html[data-theme="light"] .glass,
html[data-theme="light"] .glass-soft,
html[data-theme="light"] .info-card,
html[data-theme="light"] .yiyi-post-card,
html[data-theme="light"] .yiyi-stat-grid>div,
html[data-theme="light"] .yiyi-security-card,
html[data-theme="light"] .yiyi-security-pill,
html[data-theme="light"] .af-card,
html[data-theme="light"] .af-step,
html[data-theme="light"] .tier,
html[data-theme="light"] .who,
html[data-theme="light"] .faq-item {
  background:rgba(255,255,255,.78);
  border-color:rgba(37,55,88,.11);
  box-shadow:0 10px 30px -24px rgba(31,48,78,.22);
}
html[data-theme="light"] .cell {
  border-color:rgba(37,55,88,.11);
  box-shadow:0 7px 20px -15px rgba(31,48,78,.22);
}
html[data-theme="light"] .cell:hover {
  box-shadow:0 14px 30px -18px rgba(31,48,78,.28),0 0 0 1px rgba(14,165,198,.12);
}
html[data-theme="light"] .yiyi-form input:not([type=checkbox]),
html[data-theme="light"] .yiyi-form textarea,
html[data-theme="light"] .gamejoy-account-form input:not([type=checkbox]),
html[data-theme="light"] .gamejoy-account-form textarea,
html[data-theme="light"] body.yiyi-page-affiliate .f-field input,
html[data-theme="light"] body.yiyi-page-affiliate .f-field textarea,
html[data-theme="light"] body.yiyi-page-content .f-field input,
html[data-theme="light"] body.yiyi-page-content .f-field textarea,
html[data-theme="light"] body.yiyi-page-kids .f-field input,
html[data-theme="light"] body.yiyi-page-kids .f-field textarea {
  background:#FFFFFF;
  color:#182238;
  border-color:rgba(37,55,88,.14);
  box-shadow:inset 0 1px 2px rgba(31,48,78,.025);
}
html[data-theme="light"] .yiyi-form input:focus,
html[data-theme="light"] .yiyi-form textarea:focus,
html[data-theme="light"] .gamejoy-account-form input:focus,
html[data-theme="light"] .gamejoy-account-form textarea:focus {
  border-color:rgba(14,165,198,.55);
  box-shadow:0 0 0 4px rgba(14,165,198,.09);
}
html[data-theme="light"] .btn-glass,
html[data-theme="light"] .act,
html[data-theme="light"] .yiyi-icon-action {
  background:#FFFFFF;
  border-color:rgba(37,55,88,.13);
  color:#4D5B72;
}
html[data-theme="light"] .btn-glass:hover,
html[data-theme="light"] .act:hover,
html[data-theme="light"] .yiyi-icon-action:hover {
  background:#F8FAFD;
  border-color:rgba(14,165,198,.30);
  color:#0F8FAE;
}
html[data-theme="light"] .yiyi-account-nav>a:hover,
html[data-theme="light"] .yiyi-account-nav>a.active {
  background:#EDF2F8;
  color:#172238;
}
html[data-theme="light"] .yiyi-security-list,
html[data-theme="light"] .yiyi-security-session-box {
  background:#F6F9FC;
  border-color:rgba(37,55,88,.10);
}
html[data-theme="light"] .yiyi-toast,
html[data-theme="light"] .toast {
  background:rgba(255,255,255,.97);
  color:#172238;
  border-color:rgba(37,55,88,.12);
  box-shadow:0 14px 34px -18px rgba(31,48,78,.32);
}
html[data-theme="light"] .m-search { background:rgba(238,243,250,.90); }
html[data-theme="light"] footer {
  background:rgba(250,252,255,.72);
  border-color:rgba(37,55,88,.10);
}
html[data-theme="light"] .foot-btm { border-color:rgba(37,55,88,.10); }
html[data-theme="light"] .socials .soc {
  background:#F6F8FC;
  border-color:rgba(37,55,88,.12);
  color:#526078;
}
html[data-theme="light"] body.yiyi-page-affiliate .calc-out,
html[data-theme="light"] body.yiyi-page-affiliate .f-field input,
html[data-theme="light"] body.yiyi-page-affiliate .f-field select,
html[data-theme="light"] body.yiyi-page-content .f-field input,
html[data-theme="light"] body.yiyi-page-content .f-field select,
html[data-theme="light"] body.yiyi-page-content .f-field textarea,
html[data-theme="light"] body.yiyi-page-kids .f-field input,
html[data-theme="light"] body.yiyi-page-kids .f-field select,
html[data-theme="light"] body.yiyi-page-kids .f-field textarea {
  background:#FFFFFF;
}
/* Make theme switches instantaneous for the page canvas; component transitions remain intact. */
html,body,.mesh { transition:none !important; }

/* =========================================================
   YIYI 1.6.25 — light titles + consistent blog text rhythm
   ========================================================= */
/* Image-backed game tiles must keep high-contrast overlay text in light mode. */
html[data-theme="light"] .tile-grid .cell .veil h4,
html[data-theme="light"] .bento .cell .veil h4,
html[data-theme="light"] .cell .veil h4 {
  color:#fff !important;
  text-shadow:0 2px 10px rgba(0,0,0,.65);
}
html[data-theme="light"] .tile-grid .cell .veil span,
html[data-theme="light"] .bento .cell .veil span,
html[data-theme="light"] .cell .veil span {
  color:#DDE6F6 !important;
  text-shadow:0 1px 7px rgba(0,0,0,.58);
}

/* Blog/list cards: dark title in light mode and identical text block heights. */
.yiyi-post-copy h2 {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  min-height:2.56em;
  max-height:2.56em;
  line-height:1.28;
}
.yiyi-post-copy h2 a {
  color:var(--text);
}
.yiyi-post-copy p {
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
  min-height:5.16em;
  max-height:5.16em;
  line-height:1.72;
  margin:0;
}
.yiyi-post-copy small {
  align-self:end;
  margin-top:auto;
}
html[data-theme="light"] .yiyi-post-copy h2,
html[data-theme="light"] .yiyi-post-copy h2 a {
  color:#172033 !important;
}
html[data-theme="light"] .yiyi-post-copy p {
  color:#6A768C;
}

@media (max-width:560px) {
  .yiyi-post-copy h2 {
    min-height:2.56em;
    max-height:2.56em;
    -webkit-line-clamp:2;
  }
  .yiyi-post-copy p {
    min-height:4.65em;
    max-height:4.65em;
    line-height:1.55;
    -webkit-line-clamp:3;
  }
}


/* =========================================================
   YIYI 1.7.2 — restore normal admin sidebar + white game card titles
   ========================================================= */
.yiyi-slide-body strong,
html[data-theme="light"] .yiyi-slide-body strong {
  color:#fff !important;
  text-shadow:0 1px 8px rgba(0,0,0,.34);
}
.yiyi-slide-body small,
html[data-theme="light"] .yiyi-slide-body small {
  color:#AEB9D2 !important;
}


/* =========================================================
   YIYI 1.9.2 — media fields for fully managed page sections
   ========================================================= */
.yiyi-managed-pic{
  overflow:hidden;
  position:relative;
}
.yiyi-managed-pic > img{
  display:block;
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  border-radius:inherit;
}
.pic.yiyi-managed-pic,
.cic.yiyi-managed-pic,
.pi.yiyi-managed-pic,
.sic.yiyi-managed-pic,
.dev-emoji.yiyi-managed-pic,
.emo-ic.yiyi-managed-pic{
  padding:0 !important;
}
body.yiyi-page-content .panel .pic.yiyi-managed-pic img,
body.yiyi-page-contact .c-card .cic.yiyi-managed-pic img,
body.yiyi-page-kids .pledge .pi.yiyi-managed-pic img,
body.yiyi-page-affiliate .steps .sic.yiyi-managed-pic img,
body.yiyi-page-affiliate .who .sic.yiyi-managed-pic img{
  object-fit:cover;
}


/* =========================================================
   YIYI 1.9.3 — verified play HUD + compact game actions
   ========================================================= */
body.yiyi-page-game .stage-actions .act { padding: 0 10px !important; }
body.yiyi-page-game .yiyi-player-hud {
  position:absolute;
  top:12px;
  right:12px;
  z-index:12;
  max-width:min(360px,calc(100% - 24px));
  display:grid;
  gap:7px;
  pointer-events:none;
  color:#fff;
  font-family:var(--fb);
}
body.yiyi-page-game .yiyi-player-hud[hidden]{display:none!important}
body.yiyi-page-game .yiyi-player-hud-stats{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  flex-wrap:wrap;
}
body.yiyi-page-game .yiyi-player-hud-stats>span{
  min-height:32px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:11px;
  background:rgba(6,10,20,.76);
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  font-size:.72rem;
  font-weight:800;
  white-space:nowrap;
}
body.yiyi-page-game .yiyi-player-hud-clock svg{
  width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
}
body.yiyi-page-game .yiyi-player-hud-clock b{font:800 .82rem var(--fd)}
body.yiyi-page-game .yiyi-player-hud-points{color:#ffd56a}
body.yiyi-page-game .yiyi-player-hud-state{color:#7ff0c8}
body.yiyi-page-game .yiyi-player-hud.is-idle .yiyi-player-hud-state{color:#ffd56a;border-color:rgba(255,213,106,.32)}
body.yiyi-page-game .yiyi-player-hud-warning{
  justify-self:end;
  max-width:330px;
  padding:8px 11px;
  border-radius:11px;
  border:1px solid rgba(255,190,70,.34);
  background:rgba(67,39,4,.90);
  color:#ffe3a3;
  box-shadow:0 10px 28px rgba(0,0,0,.26);
  font-size:.72rem;
  font-weight:750;
  line-height:1.45;
}
body.yiyi-page-game .yiyi-player-hud-warning[hidden]{display:none!important}
@media(max-width:680px){
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud{
    top:max(8px,env(safe-area-inset-top));
    right:max(8px,env(safe-area-inset-right));
    left:auto;
    max-width:min(270px,calc(100% - 106px));
    z-index:85;
  }
  body.yiyi-page-game .yiyi-player-hud-stats>span{min-height:30px;padding:5px 8px;font-size:.66rem}
  body.yiyi-page-game .yiyi-player-hud-warning{font-size:.66rem;padding:7px 9px}
}


/* =========================================================
   YIYI 1.9.5 — smooth verified clock + iPhone blog thumbs
   ========================================================= */
@media (max-width:680px){
  .yiyi-blog-list .yiyi-post-card.glass{overflow:hidden!important;}
  .yiyi-blog-list .yiyi-post-card.glass .yiyi-post-cover{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16 / 9;
    min-height:0!important;
    display:block;
  }
  .yiyi-blog-list .yiyi-post-card.glass .yiyi-post-cover img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:cover!important;
    object-position:center center!important;
  }
}
@supports (-webkit-touch-callout:none){
  @media (max-width:680px){
    .yiyi-blog-list .yiyi-post-card.glass .yiyi-post-cover{aspect-ratio:16 / 9!important;}
  }
}

/* =========================================================
   YIYI 1.9.6 — mobile player controls by orientation
   Portrait: Exit + verified time stay across the top.
   Landscape: controls move into a compact rail left of iframe.
   ========================================================= */
@media (max-width: 900px) and (orientation: portrait) {
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar {
    top:0 !important;
    left:0 !important;
    right:auto !important;
    bottom:auto !important;
    width:auto !important;
    height:auto !important;
    padding:max(8px,env(safe-area-inset-top)) 0 0 max(8px,env(safe-area-inset-left)) !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud {
    top:max(8px,env(safe-area-inset-top)) !important;
    right:max(8px,env(safe-area-inset-right)) !important;
    left:auto !important;
    bottom:auto !important;
    width:auto !important;
    max-width:min(190px,calc(100% - 108px)) !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-stats {
    justify-content:flex-end !important;
    flex-wrap:nowrap !important;
  }
  /* On a phone the top row should stay compact: timer/points only. */
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-state {
    display:none !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-warning {
    position:fixed !important;
    top:calc(max(8px,env(safe-area-inset-top)) + 42px) !important;
    left:50% !important;
    right:auto !important;
    width:min(360px,calc(100vw - 20px)) !important;
    max-width:none !important;
    transform:translateX(-50%) !important;
    justify-self:auto !important;
  }
}

@media (orientation: landscape) and (max-height: 620px) {
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded {
    --yiyi-mobile-rail: 82px;
    display:block !important;
    padding:0 !important;
    background:#070a11 !important;
    width:var(--yiyi-vv-w,100vw) !important;
    height:var(--yiyi-vv-h,100dvh) !important;
    min-height:var(--yiyi-vv-h,100dvh) !important;
    overflow:hidden !important;
  }

  /* Reserve a real rail at the left and visible safe-area space so the iframe
     never loses the top/bottom edges on iPhone landscape. */
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .stage {
    position:absolute !important;
    top:max(0px, env(safe-area-inset-top)) !important;
    right:max(0px, env(safe-area-inset-right)) !important;
    bottom:max(0px, env(safe-area-inset-bottom)) !important;
    left:calc(var(--yiyi-mobile-rail) + max(0px, env(safe-area-inset-left))) !important;
    width:auto !important;
    height:auto !important;
    overflow:hidden !important;
    border-radius:0 !important;
    box-sizing:border-box !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-stage-frame {
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    border-radius:0 !important;
  }

  /* Exit button becomes the first item in the left control rail. */
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar {
    display:block !important;
    position:absolute !important;
    top:0 !important;
    left:0 !important;
    bottom:0 !important;
    right:auto !important;
    width:var(--yiyi-mobile-rail) !important;
    height:100% !important;
    padding:max(8px,env(safe-area-inset-top)) 7px max(8px,env(safe-area-inset-bottom)) max(7px,env(safe-area-inset-left)) !important;
    background:#070a11 !important;
    border-right:1px solid rgba(255,255,255,.10) !important;
    box-sizing:border-box !important;
    z-index:90 !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar-left {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    width:100% !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit {
    width:100% !important;
    min-width:0 !important;
    height:48px !important;
    padding:0 5px !important;
    flex-direction:column !important;
    gap:2px !important;
    border-radius:10px !important;
    font-size:.62rem !important;
    line-height:1 !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit svg {
    width:18px !important;
    height:18px !important;
  }

  /* The HUD belongs to .stage, so pull it into the reserved rail. */
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud {
    top:64px !important;
    left:calc(-1 * var(--yiyi-mobile-rail) + 7px) !important;
    right:auto !important;
    bottom:auto !important;
    width:calc(var(--yiyi-mobile-rail) - 14px) !important;
    max-width:none !important;
    gap:6px !important;
    z-index:95 !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-stats {
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:6px !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-stats > span {
    width:100% !important;
    min-width:0 !important;
    min-height:38px !important;
    padding:5px 4px !important;
    justify-content:center !important;
    box-sizing:border-box !important;
    border-radius:9px !important;
    font-size:.61rem !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-clock {
    flex-direction:column !important;
    gap:1px !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-clock svg {
    width:14px !important;
    height:14px !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-clock b {
    font-size:.72rem !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-state {
    display:none !important;
  }

  /* Warning stays readable over the game instead of being squeezed into rail. */
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-warning {
    position:absolute !important;
    top:0 !important;
    left:calc(var(--yiyi-mobile-rail) - 2px) !important;
    width:min(330px,calc(100vw - var(--yiyi-mobile-rail) - 24px)) !important;
    max-width:none !important;
    padding:7px 9px !important;
    font-size:.65rem !important;
    box-sizing:border-box !important;
    justify-self:auto !important;
  }
}

/* =========================================================
   YIYI 1.9.7 — explicit player block notice
   ========================================================= */
body.yiyi-page-game .yiyi-player-block-notice{
  position:absolute;
  z-index:35;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  width:min(560px,calc(100% - 32px));
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 32px;
  gap:14px;
  align-items:start;
  padding:18px;
  border:1px solid rgba(255,90,111,.48);
  border-radius:18px;
  background:rgba(18,22,36,.96);
  box-shadow:0 24px 70px rgba(0,0,0,.42);
  color:#fff;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
body.yiyi-page-game .yiyi-player-block-notice[hidden]{display:none!important}
body.yiyi-page-game .yiyi-player-block-notice__icon{
  width:44px;height:44px;border-radius:14px;display:grid;place-items:center;
  background:rgba(255,90,111,.16);color:#ff6b7d;font-size:24px;font-weight:900;
}
body.yiyi-page-game .yiyi-player-block-notice__body strong{display:block;font-size:17px;line-height:1.3;color:#fff;margin:1px 0 7px}
body.yiyi-page-game .yiyi-player-block-notice__body p{margin:0 0 8px;color:#f7dfe3;font-size:14px;line-height:1.55}
body.yiyi-page-game .yiyi-player-block-notice__meta{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-size:12px;font-weight:800;margin-bottom:8px}
body.yiyi-page-game .yiyi-player-block-notice__body small{display:block;color:#b9c2d4;font-size:12px;line-height:1.5}
body.yiyi-page-game .yiyi-player-block-notice__close{appearance:none;border:0;background:rgba(255,255,255,.08);color:#fff;border-radius:10px;width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:0;cursor:pointer}
body.yiyi-page-game .yiyi-player-block-notice__close svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
body.yiyi-page-game .yiyi-player-block-notice__close:hover{background:rgba(255,255,255,.16)}
@media(max-width:680px){
  body.yiyi-page-game .yiyi-player-block-notice{width:calc(100% - 20px);grid-template-columns:38px minmax(0,1fr) 30px;gap:10px;padding:13px;border-radius:15px}
  body.yiyi-page-game .yiyi-player-block-notice__icon{width:38px;height:38px;border-radius:12px;font-size:21px}
  body.yiyi-page-game .yiyi-player-block-notice__body strong{font-size:15px}
  body.yiyi-page-game .yiyi-player-block-notice__body p{font-size:13px}
}

/* =========================================================
   YIYI 1.9.8 — orientation controls + affiliate account detail
   Portrait: controls live in a reserved strip OUTSIDE the game.
   Landscape: only exit icon + verified clock live in the left rail.
   ========================================================= */
@media (max-width:900px) and (orientation:portrait) {
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded {
    --yiyi-portrait-control-h:calc(56px + env(safe-area-inset-top));
    display:block!important;
    padding:0!important;
    background:#070a11!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .stage {
    position:absolute!important;
    top:var(--yiyi-portrait-control-h)!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    width:100%!important;
    height:calc(100% - var(--yiyi-portrait-control-h))!important;
    min-height:0!important;
    overflow:hidden!important;
    border-radius:0!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar {
    display:flex!important;
    position:absolute!important;
    top:0!important;
    left:0!important;
    right:0!important;
    bottom:auto!important;
    width:100%!important;
    height:var(--yiyi-portrait-control-h)!important;
    min-height:0!important;
    padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left))!important;
    align-items:center!important;
    box-sizing:border-box!important;
    background:#070b14!important;
    border:0!important;
    border-bottom:1px solid rgba(255,255,255,.10)!important;
    pointer-events:auto!important;
    z-index:100!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar-left {
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    pointer-events:auto!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit {
    height:38px!important;
    min-width:0!important;
    width:auto!important;
    padding:0 11px!important;
  }
  /* HUD belongs to .stage in markup, so pin it into the reserved strip above it. */
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud {
    position:fixed!important;
    top:calc(env(safe-area-inset-top) + 9px)!important;
    right:max(10px,env(safe-area-inset-right))!important;
    left:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:calc(100vw - 112px)!important;
    z-index:2147483100!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-stats {
    flex-wrap:nowrap!important;
    justify-content:flex-end!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-state {display:none!important;}
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-warning {
    position:fixed!important;
    top:calc(var(--yiyi-portrait-control-h) + 8px)!important;
    left:50%!important;
    right:auto!important;
    width:min(360px,calc(100vw - 20px))!important;
    max-width:none!important;
    transform:translateX(-50%)!important;
    justify-self:auto!important;
    z-index:2147483090!important;
  }
}

@media (orientation:landscape) and (max-height:620px) {
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded {
    --yiyi-mobile-rail:54px!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar {
    width:var(--yiyi-mobile-rail)!important;
    padding:max(8px,env(safe-area-inset-top)) 6px max(8px,env(safe-area-inset-bottom)) max(6px,env(safe-area-inset-left))!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar-left {
    align-items:center!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit {
    width:40px!important;
    min-width:40px!important;
    height:40px!important;
    padding:0!important;
    border-radius:10px!important;
    display:grid!important;
    place-items:center!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit span {display:none!important;}
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit svg {
    width:19px!important;
    height:19px!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud {
    top:58px!important;
    left:calc(-1 * var(--yiyi-mobile-rail) + 6px)!important;
    width:42px!important;
    gap:0!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-stats {
    display:block!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-stats > span {display:none!important;}
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-stats > .yiyi-player-hud-clock {
    display:flex!important;
    width:42px!important;
    min-width:42px!important;
    min-height:34px!important;
    padding:4px 2px!important;
    border-radius:9px!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:row!important;
    box-sizing:border-box!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-clock svg {display:none!important;}
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-clock b {
    font-size:.68rem!important;
    line-height:1!important;
    letter-spacing:-.02em!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-warning {
    left:calc(var(--yiyi-mobile-rail) - 1px)!important;
    width:min(330px,calc(100vw - var(--yiyi-mobile-rail) - 18px))!important;
  }
}

/* Account > Affiliate reporting. */
.yiyi-aff-account-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:22px 0 14px}
.yiyi-aff-account-link{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 10px;align-items:center;padding:14px 15px;border:1px solid var(--stroke);border-radius:16px;background:var(--glass)}
.yiyi-aff-account-link small{grid-column:1/-1;color:var(--muted);font-size:.66rem;font-weight:850;letter-spacing:.08em}
.yiyi-aff-account-link strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cyan);font-size:.82rem}
.yiyi-aff-month-filter{display:flex;align-items:end;gap:8px}
.yiyi-aff-month-filter label{display:grid;gap:5px;color:var(--muted);font-size:.7rem;font-weight:800}
.yiyi-aff-month-filter input[type=month]{min-height:42px;padding:0 10px;border-radius:11px;border:1px solid var(--stroke);background:var(--glass);color:var(--text)}
.yiyi-aff-account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
.yiyi-aff-account-stats>div{min-width:0;padding:15px;border:1px solid var(--stroke);border-radius:16px;background:var(--glass);display:flex;flex-direction:column;gap:5px}
.yiyi-aff-account-stats span{color:var(--muted);font-size:.69rem;font-weight:800}
.yiyi-aff-account-stats b{color:var(--text);font:850 1.15rem var(--fd)}
.yiyi-aff-account-stats small{color:var(--muted);font-size:.66rem;line-height:1.35}
.yiyi-aff-account-stats .money b{color:#22c55e}
.yiyi-aff-account-head{display:flex;gap:14px;align-items:end;justify-content:space-between;margin:8px 0 13px}
.yiyi-aff-account-head h2{margin:0 0 4px;font-size:1.15rem}.yiyi-aff-account-head p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5}
.yiyi-aff-ref-list{display:grid;gap:12px}
.yiyi-aff-ref-person{overflow:hidden;border:1px solid var(--stroke);border-radius:18px;background:var(--glass)}
.yiyi-aff-ref-person>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 15px;border-bottom:1px solid var(--stroke)}
.yiyi-aff-ref-user{display:flex;align-items:center;min-width:0;gap:10px}.yiyi-aff-ref-user img,.yiyi-aff-ref-user .avatar-fallback{width:42px;height:42px;border-radius:13px;object-fit:cover;display:grid;place-items:center;background:rgba(125,140,170,.14);flex:0 0 auto}.yiyi-aff-ref-user div{min-width:0}.yiyi-aff-ref-user b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.yiyi-aff-ref-user small{display:block;margin-top:3px;color:var(--muted);font-size:.66rem}
.yiyi-aff-ref-summary{display:flex;gap:18px;flex:0 0 auto}.yiyi-aff-ref-summary span{display:grid;gap:2px;text-align:right}.yiyi-aff-ref-summary small{color:var(--muted);font-size:.61rem}.yiyi-aff-ref-summary b{color:var(--text);font-size:.82rem}
.yiyi-aff-ref-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:0}
.yiyi-aff-ref-games,.yiyi-aff-ref-risk{padding:14px 15px}.yiyi-aff-ref-risk{border-left:1px solid var(--stroke)}
.yiyi-aff-ref-games h3,.yiyi-aff-ref-risk h3{margin:0 0 10px;color:var(--text);font-size:.78rem}
.yiyi-aff-game-line{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px dashed color-mix(in srgb,var(--stroke) 80%,transparent)}.yiyi-aff-game-line:first-of-type{border-top:0;padding-top:0}.yiyi-aff-game-line a{display:block;color:var(--text);font-weight:800;font-size:.75rem}.yiyi-aff-game-line small{display:block;margin-top:3px;color:var(--muted);font-size:.62rem}.yiyi-aff-game-line>b{white-space:nowrap;color:var(--cyan);font-size:.74rem}
.yiyi-aff-risk-list{display:grid;gap:7px}.yiyi-aff-risk-item{display:grid;gap:2px;padding:8px 9px;border-radius:10px;border:1px solid rgba(245,158,11,.22);background:rgba(245,158,11,.07)}.yiyi-aff-risk-item.high,.yiyi-aff-risk-item.critical{border-color:rgba(244,63,94,.28);background:rgba(244,63,94,.08)}.yiyi-aff-risk-item b{color:var(--text);font-size:.68rem}.yiyi-aff-risk-item span{color:var(--muted);font-size:.61rem;line-height:1.4}.yiyi-aff-clean{padding:10px;border-radius:10px;background:rgba(34,197,94,.08);color:#22c55e;font-size:.7rem;font-weight:800}
.yiyi-aff-account-empty{display:flex;align-items:center;gap:14px;margin-top:22px;padding:18px;border-radius:17px}.yiyi-aff-account-empty>span{font-size:30px}.yiyi-aff-account-empty>div{flex:1;min-width:0}.yiyi-aff-account-empty b{color:var(--text)}.yiyi-aff-account-empty p{margin:4px 0 0;color:var(--muted);font-size:.78rem;line-height:1.5}
@media(max-width:900px){.yiyi-aff-account-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.yiyi-aff-ref-grid{grid-template-columns:1fr}.yiyi-aff-ref-risk{border-left:0;border-top:1px solid var(--stroke)}}
@media(max-width:620px){.yiyi-aff-account-toolbar{grid-template-columns:1fr}.yiyi-aff-month-filter{justify-content:space-between}.yiyi-aff-account-stats{grid-template-columns:1fr 1fr}.yiyi-aff-account-head{align-items:flex-start;flex-direction:column}.yiyi-aff-ref-person>header{align-items:flex-start;flex-direction:column}.yiyi-aff-ref-summary{width:100%;justify-content:space-between;gap:8px}.yiyi-aff-ref-summary span{text-align:left}.yiyi-aff-account-empty{align-items:flex-start;flex-wrap:wrap}.yiyi-aff-account-empty .btn{width:100%;justify-content:center}}

/* =========================================================
   YIYI 1.9.9 — center compact landscape mobile rail
   ========================================================= */
@media (orientation:landscape) and (max-height:620px) {
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    padding:max(8px,env(safe-area-inset-top)) 6px max(8px,env(safe-area-inset-bottom)) 6px!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar-left {
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    margin:0!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit {
    display:grid!important;
    place-items:center!important;
    margin:0 auto!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud {
    left:calc(-1 * var(--yiyi-mobile-rail))!important;
    width:var(--yiyi-mobile-rail)!important;
    padding:0 6px!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-items:center!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-stats {
    width:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-stats > .yiyi-player-hud-clock {
    margin:0 auto!important;
    text-align:center!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-clock b {
    width:100%!important;
    display:block!important;
    text-align:center!important;
  }
}


/* YIYI 1.9.11 — centered SVG dismiss control */
body.yiyi-page-game .yiyi-player-block-notice__close{box-sizing:border-box!important;margin:0!important;vertical-align:middle!important;}

/* =========================================================
   YIYI 1.9.12 — move compact landscape controls lower
   ========================================================= */
@media (orientation:landscape) and (max-height:620px) {
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar-left {
    position:absolute!important;
    left:6px!important;
    right:6px!important;
    bottom:52px!important;
    width:auto!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit {
    margin:0 auto!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud {
    top:auto!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    left:calc(-1 * var(--yiyi-mobile-rail))!important;
    width:var(--yiyi-mobile-rail)!important;
    padding:0 6px!important;
    margin:0!important;
    box-sizing:border-box!important;
    align-items:center!important;
    justify-items:center!important;
  }
}


/* =========================================================
   YIYI 1.9.13 — one-piece mobile exit + clock control
   The landscape controls are one real DOM block so responsive
   layout cannot separate the exit icon and verified clock.
   ========================================================= */
body.yiyi-page-game .yiyi-mobile-compact-controls{display:contents}
body.yiyi-page-game .yiyi-mobile-compact-clock{display:none}

@media (max-width:900px) and (orientation:portrait){
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-compact-controls{display:contents!important}
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-compact-clock{display:none!important}
}

@media (orientation:landscape) and (max-height:620px){
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar-left{
    position:absolute!important;
    left:5px!important;
    right:5px!important;
    top:auto!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:auto!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-compact-controls{
    width:42px!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:center!important;
    gap:0!important;
    padding:3px!important;
    margin:0 auto!important;
    border:1px solid rgba(255,255,255,.14)!important;
    border-radius:12px!important;
    background:rgba(7,11,20,.94)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.28)!important;
    overflow:hidden!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit{
    display:grid!important;
    place-items:center!important;
    width:34px!important;
    min-width:34px!important;
    height:34px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit:hover,
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit:focus-visible{
    background:rgba(255,255,255,.08)!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit span{display:none!important}
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-player-exit svg{
    width:18px!important;
    height:18px!important;
    margin:0!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-compact-clock{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:34px!important;
    min-width:34px!important;
    height:30px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.10)!important;
    border-radius:0!important;
    background:transparent!important;
    color:#fff!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-mobile-compact-clock b{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font:800 .66rem/1 var(--fd)!important;
    letter-spacing:-.03em!important;
    text-align:center!important;
    white-space:nowrap!important;
  }
  /* The original HUD keeps warnings/idle state only; its clock is mirrored
     in the compact block above and therefore hidden in landscape. */
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud{
    top:10px!important;
    right:max(10px,env(safe-area-inset-right))!important;
    left:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:min(330px,calc(100vw - var(--yiyi-mobile-rail) - 22px))!important;
    padding:0!important;
    margin:0!important;
    align-items:end!important;
    justify-items:end!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-stats{display:none!important}
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-warning{
    position:static!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:auto!important;
    max-width:330px!important;
    transform:none!important;
  }
}

/* =========================================================
   YIYI 1.9.14 — mobile detail autoplay preview + landscape play
   ========================================================= */
body.yiyi-page-game .yiyi-mobile-detail-preview{
  display:none;
}

@media (max-width:900px), (max-height:620px) and (pointer:coarse){
  body.yiyi-page-game .stage:not(.is-playing) .yiyi-mobile-detail-preview:not([hidden]){
    position:absolute;
    inset:0;
    z-index:0;
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    background:#05070d;
    pointer-events:none;
  }
  body.yiyi-page-game .stage.is-playing .yiyi-mobile-detail-preview{
    display:none!important;
  }
}

/* Keep the transition into a landscape-only game visually clean while the
   Screen Orientation API changes the viewport before fullscreen is requested. */
html.yiyi-wants-landscape,
body.yiyi-wants-landscape{
  overscroll-behavior:none;
}

:root{
  --yiyi-vv-w:100vw;
  --yiyi-vv-h:100dvh;
}



/* =========================================================
   YIYI 1.9.16 — force Horizontal before fullscreen on all phones
   Android: native fullscreen + Screen Orientation API where available.
   iPhone/Safari fallback: rotate the immersive fixed player itself 90deg.
   ========================================================= */
@media (orientation:portrait) and (max-width:900px),
       (orientation:portrait) and (max-height:900px) and (pointer:coarse){
  html.yiyi-force-landscape,
  html.yiyi-force-landscape body{
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
    overscroll-behavior:none !important;
  }

  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded.yiyi-force-landscape{
    position:fixed !important;
    inset:auto !important;
    top:50% !important;
    left:50% !important;
    right:auto !important;
    bottom:auto !important;
    width:var(--yiyi-vv-h,100dvh) !important;
    height:var(--yiyi-vv-w,100vw) !important;
    min-width:var(--yiyi-vv-h,100dvh) !important;
    min-height:var(--yiyi-vv-w,100vw) !important;
    max-width:none !important;
    max-height:none !important;
    margin:0 !important;
    transform:translate(-50%,-50%) rotate(90deg) !important;
    transform-origin:50% 50% !important;
    background:#070a11 !important;
    overflow:hidden !important;
    z-index:2147483640 !important;
  }

  /* After rotating the full player, the normal portrait top bar becomes a
     compact side control area visually. Keep the game itself edge-to-edge. */
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded.yiyi-force-landscape .stage{
    min-width:0 !important;
    min-height:0 !important;
    width:auto !important;
    height:auto !important;
    flex:1 1 auto !important;
    border-radius:0 !important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded.yiyi-force-landscape .yiyi-stage-frame{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    border:0 !important;
    border-radius:0 !important;
  }
}

/* Once Android really rotates to landscape, remove any transform side effects
   while retaining the class as a harmless marker until the player exits. */
@media (orientation:landscape){
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded.yiyi-force-landscape{
    top:0 !important;
    left:0 !important;
    right:auto !important;
    bottom:auto !important;
    width:var(--yiyi-vv-w,100vw) !important;
    height:var(--yiyi-vv-h,100dvh) !important;
    min-width:var(--yiyi-vv-w,100vw) !important;
    min-height:var(--yiyi-vv-h,100dvh) !important;
    transform:none !important;
  }
}


/* =========================================================
   YIYI 1.9.19 — transparent border, new hover color
   Homepage game cards keep the same size, but default border is invisible.
   The border only appears on hover/focus/preview-active states.
   ========================================================= */
.home .tile-grid .cell,
.home .bento .cell,
.home .yiyi-slide-card,
.home .hcard,
.home .cont-card{
  border:1px solid transparent !important;
}

.home .tile-grid .cell,
.home .bento .cell{
  box-shadow:0 18px 42px -26px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.home .tile-grid .cell:hover,
.home .tile-grid .cell:focus-visible,
.home .tile-grid .cell.is-previewing,
.home .bento .cell:hover,
.home .bento .cell:focus-visible,
.home .bento .cell.is-previewing,
.home .hcard:hover,
.home .hcard:focus-visible,
.home .cont-card:hover,
.home .cont-card:focus-visible,
.home .yiyi-slide-card:hover,
.home .yiyi-slide-card:focus-visible,
.home .yiyi-slide-card.is-previewing{
  border-color:#22d3ee !important;
}

.home .yiyi-slide-card:hover,
.home .yiyi-slide-card:focus-visible,
.home .yiyi-slide-card.is-previewing{
  box-shadow:0 20px 38px -24px rgba(0,0,0,.78),0 0 0 1px rgba(34,211,238,.12) !important;
}

html[data-theme="light"] .home .tile-grid .cell,
html[data-theme="light"] .home .bento .cell,
html[data-theme="light"] .home .yiyi-slide-card,
html[data-theme="light"] .home .hcard,
html[data-theme="light"] .home .cont-card{
  border-color:transparent !important;
}

html[data-theme="light"] .home .tile-grid .cell:hover,
html[data-theme="light"] .home .tile-grid .cell:focus-visible,
html[data-theme="light"] .home .tile-grid .cell.is-previewing,
html[data-theme="light"] .home .bento .cell:hover,
html[data-theme="light"] .home .bento .cell:focus-visible,
html[data-theme="light"] .home .bento .cell.is-previewing,
html[data-theme="light"] .home .hcard:hover,
html[data-theme="light"] .home .hcard:focus-visible,
html[data-theme="light"] .home .cont-card:hover,
html[data-theme="light"] .home .cont-card:focus-visible,
html[data-theme="light"] .home .yiyi-slide-card:hover,
html[data-theme="light"] .home .yiyi-slide-card:focus-visible,
html[data-theme="light"] .home .yiyi-slide-card.is-previewing{
  border-color:#0891b2 !important;
}


/* =========================================================
   YIYI 1.9.17 — stronger light mode + mobile store row + mobile lb glass
   Based on latest UI feedback.
   ========================================================= */
html[data-theme="light"]{
  --bg:#F3F6FB;
  --glass:rgba(255,255,255,.94);
  --glass-2:rgba(20,35,65,.075);
  --stroke:rgba(30,41,59,.16);
  --stroke-hi:rgba(14,165,198,.34);
  --text:#0F172A;
  --muted:#556277;
}
html[data-theme="light"] body{
  background:#F3F6FB;
  color:var(--text);
}
html[data-theme="light"] .hero-main{
  background:linear-gradient(135deg,rgba(139,92,246,.16) 0%,rgba(34,211,238,.20) 58%,rgba(255,255,255,.98) 100%);
  border-color:rgba(30,41,59,.14);
  box-shadow:0 22px 44px -30px rgba(15,23,42,.22);
}
html[data-theme="light"] .eyebrow{
  background:rgba(14,165,198,.12);
  border-color:rgba(14,165,198,.28);
  color:#0E86A7;
}
html[data-theme="light"] .hero p,
html[data-theme="light"] .hero-kpi .hstat span,
html[data-theme="light"] .lb-foot,
html[data-theme="light"] .cat span,
html[data-theme="light"] .pill,
html[data-theme="light"] .yiyi-reward-strip-copy span{
  color:#5A667B;
}
html[data-theme="light"] .hero h1,
html[data-theme="light"] .lb-head h3,
html[data-theme="light"] .lb-name,
html[data-theme="light"] .cat h4,
html[data-theme="light"] .hstat b{
  color:#101827;
}
html[data-theme="light"] .glass,
html[data-theme="light"] .glass-soft,
html[data-theme="light"] .lb,
html[data-theme="light"] .cat,
html[data-theme="light"] .yiyi-reward-strip,
html[data-theme="light"] .yiyi-post-card,
html[data-theme="light"] .faq-item{
  background:rgba(255,255,255,.92);
  border-color:rgba(30,41,59,.13);
  box-shadow:0 16px 34px -28px rgba(15,23,42,.24);
}
html[data-theme="light"] .lb-row:hover,
html[data-theme="light"] .cat:hover,
html[data-theme="light"] .pill:hover{
  background:rgba(15,23,42,.04);
}
html[data-theme="light"] .pill{
  color:#48566B;
  border-color:rgba(30,41,59,.14);
}
.pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  line-height:1.1;
}
.hero-web-btn{
  gap:8px;
}
.hero-web-btn::before{
  content:"🎮";
  font-size:1rem;
  line-height:1;
}
@media(max-width:920px){
  .hero{grid-template-columns:1fr!important;gap:14px;}
  .lb.glass,
  .lb{
    display:block!important;
    width:100%;
  }
}
@media(max-width:760px){
  .hero-store-cta{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
    align-items:stretch;
  }
  .store-btn{
    width:100%;
    justify-content:flex-start;
  }
  .hero-web-btn{
    grid-column:1 / -1;
    display:flex;
    justify-content:center;
    width:100%;
  }
}
@media(max-width:560px){
  .hero-store-cta{
    grid-template-columns:1fr 1fr!important;
    gap:10px;
  }
  .store-btn{
    min-height:54px;
    padding:10px 12px;
    border-radius:16px;
  }
  .store-btn .store-ic{
    width:24px;
    height:24px;
    border-radius:8px;
  }
  .store-copy small{font-size:.54rem;}
  .store-copy strong{font-size:.9rem;}
  .hero-web-btn{
    grid-column:1 / -1!important;
    display:block!important;
  }
  .lb.glass,
  .lb{
    display:block!important;
    padding:18px 16px;
    border-radius:20px;
  }
  .lb-head{
    flex-wrap:wrap;
    row-gap:8px;
  }
  .lb-live{margin-left:0;}
}
@media(max-width:390px){
  .hero-store-cta{gap:8px;}
  .store-btn{padding:10px 10px;}
  .store-copy strong{font-size:.84rem;}
  .store-copy small{font-size:.5rem;letter-spacing:.12em;}
}


/* =========================================================
   YIYI 1.9.18 — stronger light contrast, especially leaderboard mobile
   ========================================================= */
html[data-theme="light"]{
  --glass:rgba(255,255,255,.97);
  --glass-2:rgba(15,23,42,.06);
  --stroke:rgba(15,23,42,.15);
  --stroke-hi:rgba(14,165,198,.42);
  --text:#0B1324;
  --muted:#4F5D73;
}
html[data-theme="light"] .mesh::after{opacity:.06}
html[data-theme="light"] .glass,
html[data-theme="light"] .glass-soft,
html[data-theme="light"] .lb,
html[data-theme="light"] .cat,
html[data-theme="light"] .yiyi-reward-strip,
html[data-theme="light"] .pill,
html[data-theme="light"] .store-btn,
html[data-theme="light"] .btn-glass{
  background:#FFFFFF;
  border-color:rgba(15,23,42,.14);
  box-shadow:0 18px 36px -28px rgba(15,23,42,.24);
}
html[data-theme="light"] .hero-main{
  background:linear-gradient(135deg,rgba(139,92,246,.18) 0%,rgba(34,211,238,.22) 56%,rgba(255,255,255,1) 100%);
}
html[data-theme="light"] .hero p,
html[data-theme="light"] .yiyi-reward-strip-copy span,
html[data-theme="light"] .cat span,
html[data-theme="light"] .lb-foot,
html[data-theme="light"] .pill,
html[data-theme="light"] .store-copy small{
  color:#55657D;
}
html[data-theme="light"] .hero h1,
html[data-theme="light"] .lb-head h3,
html[data-theme="light"] .lb-name,
html[data-theme="light"] .lbp-name,
html[data-theme="light"] .cat h4,
html[data-theme="light"] .store-copy strong,
html[data-theme="light"] .hstat b{
  color:#0B1324;
}
html[data-theme="light"] .lb{
  background:#FFFFFF;
  border-color:rgba(15,23,42,.14);
  box-shadow:0 22px 44px -30px rgba(15,23,42,.22);
}
html[data-theme="light"] .lb-head span:first-child{filter:none}
html[data-theme="light"] .lb-live{
  background:rgba(16,185,129,.10);
  border-color:rgba(16,185,129,.28);
  color:#0F9C71;
}
html[data-theme="light"] .lbp-col.is-empty,
html[data-theme="light"] .lb-row.is-empty{
  opacity:1;
}
html[data-theme="light"] .lbp-col.is-empty .lbp-name,
html[data-theme="light"] .lb-row.is-empty .lb-name{
  color:#728096;
}
html[data-theme="light"] .lbp-col.is-empty .lbp-pts,
html[data-theme="light"] .lb-row.is-empty .lb-pts{
  color:#9AA6B6;
}
html[data-theme="light"] .lbp-ava{
  background:linear-gradient(180deg,#FFFFFF,#F2F5FA);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
html[data-theme="light"] .lbp-ph,
html[data-theme="light"] .lb-mini-ph{
  color:#7B8AA0;
  opacity:1;
}
html[data-theme="light"] .lb-row{
  background:rgba(15,23,42,.02);
}
html[data-theme="light"] .lb-row:hover{
  background:rgba(15,23,42,.05);
}
html[data-theme="light"] .lb-row .lb-rank,
html[data-theme="light"] .lb-row .lb-ava{
  background:#F2F5FA;
  color:#5D6B7F;
}
html[data-theme="light"] .lbp-pts,
html[data-theme="light"] .lb-row .lb-pts{
  color:#D18A00;
}
html[data-theme="light"] .btn-glass,
html[data-theme="light"] .store-btn{
  color:#0B1324;
}
html[data-theme="light"] .btn-glass:hover,
html[data-theme="light"] .store-btn:hover,
html[data-theme="light"] .pill:hover{
  background:#F6F8FC;
}
@media(max-width:560px){
  html[data-theme="light"] .lb{
    background:#FFFFFF!important;
    border:1px solid rgba(15,23,42,.15)!important;
    box-shadow:0 18px 40px -28px rgba(15,23,42,.24)!important;
  }
  html[data-theme="light"] .lb-head h3{
    font-size:1.02rem;
  }
  html[data-theme="light"] .lbp-name,
  html[data-theme="light"] .lb-row .lb-name{
    color:#68778F;
  }
  html[data-theme="light"] .lb-foot{
    color:#55657D;
  }
}


/* =========================================================
   YIYI 1.9.20 — game detail info layout + playable preview mode
   ========================================================= */
body.yiyi-page-game .stage.is-previewing .yiyi-stage-frame{display:block}
body.yiyi-page-game .stage.is-previewing .stage-overlay{display:none!important}
body.yiyi-page-game .yiyi-stage-cover-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
body.yiyi-page-game .yiyi-preview-big{min-width:180px}
body.yiyi-page-game .yiyi-stage-preview-note{
  position:absolute;left:16px;right:16px;bottom:16px;z-index:6;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 16px;border-radius:18px;
  background:rgba(8,12,24,.78);border:1px solid rgba(255,255,255,.12);
  backdrop-filter:blur(12px);box-shadow:0 18px 30px -22px rgba(0,0,0,.72);
}
body.yiyi-page-game .yiyi-stage-preview-copy{display:grid;gap:4px;min-width:0}
body.yiyi-page-game .yiyi-stage-preview-copy strong{font:800 .95rem var(--fd);color:#fff}
body.yiyi-page-game .yiyi-stage-preview-copy span{font-size:.84rem;line-height:1.55;color:rgba(255,255,255,.82)}
body.yiyi-page-game .yiyi-stage-preview-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}
body.yiyi-page-game .yiyi-stage-preview-actions .btn{min-height:44px}
body.yiyi-page-game .info-grid{grid-template-columns:1fr 1fr;align-items:start}
body.yiyi-page-game .info-card.info-card-content{grid-column:1/-1}
body.yiyi-page-game .info-card.info-card-content .yiyi-wp-content > *:first-child{margin-top:0}
body.yiyi-page-game .info-card.info-card-content .yiyi-wp-content > *:last-child{margin-bottom:0}
body.yiyi-page-game .yiyi-controls ul{margin-left:0;padding-left:0;list-style:none}
body.yiyi-page-game .yiyi-controls li{margin:0 0 12px;padding-left:18px;position:relative;line-height:1.8;word-break:break-word}
body.yiyi-page-game .yiyi-controls li:last-child{margin-bottom:0}
body.yiyi-page-game .yiyi-controls li::before{content:"•";position:absolute;left:0;top:0;color:var(--cyan);font-weight:900}
body.yiyi-page-game .yiyi-controls li strong{color:var(--text)}
body.yiyi-page-game .yiyi-copyright-block{
  margin-top:18px;padding-top:18px;border-top:1px solid var(--stroke);
}
body.yiyi-page-game .yiyi-copyright-block h3{margin-bottom:10px}
body.yiyi-page-game .yiyi-copyright-block p{
  margin:0 0 10px;line-height:1.85;word-break:break-word;
}
body.yiyi-page-game .yiyi-copyright-block a{color:var(--cyan);font-weight:800}
html[data-theme="light"] body.yiyi-page-game .yiyi-stage-preview-note{
  background:rgba(255,255,255,.96);border-color:rgba(15,23,42,.12);
}
html[data-theme="light"] body.yiyi-page-game .yiyi-stage-preview-copy strong{color:#0B1324}
html[data-theme="light"] body.yiyi-page-game .yiyi-stage-preview-copy span{color:#526076}
@media (max-width:860px){
  body.yiyi-page-game .info-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
  body.yiyi-page-game .yiyi-stage-preview-note{
    left:12px;right:12px;bottom:12px;padding:12px;
    flex-direction:column;align-items:stretch;
  }
  body.yiyi-page-game .yiyi-stage-preview-actions{width:100%}
  body.yiyi-page-game .yiyi-stage-preview-actions .btn{flex:1 1 100%;justify-content:center}
}


/* =========================================================
   YIYI 1.9.21 — align info + controls, copyright above content
   ========================================================= */
body.yiyi-page-game .yiyi-detail-top-grid{
  grid-template-columns:1fr 1fr;
  align-items:stretch;
}
body.yiyi-page-game .yiyi-detail-top-grid .info-card,
body.yiyi-page-game .yiyi-copyright-card,
body.yiyi-page-game .info-card.info-card-content{
  width:100%;
}
body.yiyi-page-game .yiyi-detail-top-grid .info-card{
  height:100%;
}
body.yiyi-page-game .yiyi-copyright-card{
  margin-top:14px;
}
body.yiyi-page-game .info-card.info-card-content{
  margin-top:14px;
}
body.yiyi-page-game .yiyi-copyright-card .yiyi-copyright-block{
  margin-top:0;
  padding-top:0;
  border-top:0;
}
@media (max-width:860px){
  body.yiyi-page-game .yiyi-detail-top-grid{
    grid-template-columns:1fr;
  }
}

/* =========================================================
   YIYI 1.9.22 — WordPress draft preview can run iframe safely
   ========================================================= */
body.yiyi-page-game .yiyi-wp-preview-banner{
  display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  margin:0 0 10px;padding:10px 14px;border-radius:14px;
  background:rgba(34,211,238,.08);border:1px solid rgba(34,211,238,.28);
  color:var(--text);font-size:.82rem;font-weight:600;
}
body.yiyi-page-game .yiyi-wp-preview-banner strong{font-family:var(--fd);color:var(--cyan)}
body.yiyi-page-game .yiyi-wp-preview-banner span{color:var(--muted)}
html[data-theme="light"] body.yiyi-page-game .yiyi-wp-preview-banner{
  background:#ECF9FC;border-color:rgba(14,165,198,.25);color:#0B1324;
}
html[data-theme="light"] body.yiyi-page-game .yiyi-wp-preview-banner span{color:#536176}


/* =========================================================
   YIYI 1.9.23 — equal-height top info cards like reference
   ========================================================= */
body.yiyi-page-game .yiyi-detail-top-grid{
  display:flex;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
}
body.yiyi-page-game .yiyi-detail-top-grid > .info-card{
  display:flex;
  flex-direction:column;
  align-self:stretch;
  justify-content:flex-start;
  min-height:256px;
  height:100%;
}
body.yiyi-page-game .yiyi-info-card-meta .meta-dl,
body.yiyi-page-game .yiyi-controls ul{
  flex:1 1 auto;
}
body.yiyi-page-game .yiyi-info-card-meta .meta-dl{
  align-content:start;
}
body.yiyi-page-game .yiyi-controls ul{
  display:grid;
  gap:18px;
  margin:0;
}
body.yiyi-page-game .yiyi-controls li{
  margin:0;
  line-height:1.65;
}
body.yiyi-page-game .yiyi-info-card-meta,
body.yiyi-page-game .yiyi-controls{
  border-radius:24px;
}
@media (max-width:860px){
  body.yiyi-page-game .yiyi-detail-top-grid{
    grid-template-columns:1fr;
  }
  body.yiyi-page-game .yiyi-detail-top-grid > .info-card{
    min-height:0;
  }
}


/* =========================================================
   YIYI 1.9.24 — desktop detail cards use flex !important
   ========================================================= */
@media (min-width:861px){
  body.yiyi-page-game .yiyi-detail-top-grid{
    display:flex !important;
    gap:14px;
    align-items:stretch;
  }
  body.yiyi-page-game .yiyi-detail-top-grid > .info-card{
    flex:1 1 0;
    min-width:0;
    width:auto;
    height:auto;
  }
}


/* =========================================================
   YIYI 1.9.26 — controls layout like reference
   Label stays on its own row; description starts below it.
   Both rows align to the same left edge after the bullet.
   ========================================================= */
body.yiyi-page-game .yiyi-controls ul{
  gap:24px;
}
body.yiyi-page-game .yiyi-controls li{
  display:block;
  padding-left:18px;
  line-height:1.55;
}
body.yiyi-page-game .yiyi-controls .yiyi-control-label{
  display:block;
  white-space:nowrap;
  line-height:1.35;
}
body.yiyi-page-game .yiyi-controls .yiyi-control-value{
  display:block;
  min-width:0;
  margin-top:10px;
  color:var(--muted);
  line-height:1.55;
}

/* =========================================================
   YIYI 1.9.27 — verified-time HUD below every game
   Applies globally to every game detail page. Normal play keeps
   time/points/status in the lower game bar; fullscreen/mobile
   keeps the clock at the bottom edge instead of the top-right.
   ========================================================= */
body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .yiyi-player-hud {
  top:auto!important;
  right:auto!important;
  bottom:-48px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  max-width:min(420px,calc(100% - 280px))!important;
  z-index:30!important;
}
body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .yiyi-player-hud-stats {
  justify-content:center!important;
  flex-wrap:nowrap!important;
}
body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .yiyi-player-hud-warning {
  position:absolute!important;
  left:50%!important;
  right:auto!important;
  bottom:43px!important;
  width:min(330px,calc(100vw - 32px))!important;
  max-width:330px!important;
  transform:translateX(-50%)!important;
  justify-self:auto!important;
}

/* Narrow non-expanded players still use the same lower placement. */
@media (max-width:900px) {
  body.yiyi-page-game [data-yiyi-player-wrap]:not(.is-mobile-expanded) .yiyi-player-hud {
    bottom:-46px!important;
    max-width:calc(100% - 24px)!important;
  }
}

/* Expanded portrait/mobile player: clock lives on the bottom edge. */
@media (max-width:900px) and (orientation:portrait) {
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud {
    top:auto!important;
    right:auto!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
    max-width:calc(100% - 24px)!important;
    padding:0!important;
    z-index:95!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-stats {
    width:auto!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    flex-wrap:nowrap!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-stats > span {
    width:auto!important;
    min-width:0!important;
    min-height:32px!important;
    padding:5px 9px!important;
    display:inline-flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-state {
    display:none!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud-warning {
    position:absolute!important;
    top:auto!important;
    right:auto!important;
    bottom:44px!important;
    left:50%!important;
    width:min(330px,calc(100vw - 24px))!important;
    max-width:330px!important;
    transform:translateX(-50%)!important;
  }
}

/* Landscape mobile already has one compact clock control; pin it at bottom
   and hide the duplicate HUD clock. */
@media (orientation:landscape) and (max-height:620px) {
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-hud {
    display:none!important;
  }
  body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded .yiyi-player-topbar-left {
    top:auto!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
  }
}

/* Desktop/native fullscreen has no stage bar, so keep the HUD at the
   bottom-center inside the game instead of returning it to the top-right. */
body.yiyi-page-game [data-yiyi-player-wrap].is-desktop-fullscreen .yiyi-player-hud,
body.yiyi-page-game [data-yiyi-player-wrap]:fullscreen .yiyi-player-hud,
body.yiyi-page-game [data-yiyi-player-wrap]:-webkit-full-screen .yiyi-player-hud {
  top:auto!important;
  right:auto!important;
  bottom:14px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  max-width:calc(100% - 28px)!important;
  z-index:95!important;
}


/* =========================================================
   YIYI 1.9.23 — iOS portrait-safe landscape game player
   iPhone Safari must not rotate the whole iframe/player 90deg.
   Keep the existing immersive portrait layout and let the game
   respond to the real portrait viewport.
   ========================================================= */
@supports (-webkit-touch-callout:none) {
  @media (orientation:portrait) and (max-width:900px) {
    html.yiyi-ios-portrait-safe,
    html.yiyi-ios-portrait-safe body {
      width:100% !important;
      height:100% !important;
      overflow:hidden !important;
      overscroll-behavior:none !important;
    }

    body.yiyi-page-game.yiyi-ios-portrait-safe [data-yiyi-player-wrap].is-mobile-expanded,
    body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded.yiyi-ios-portrait-safe,
    body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded.yiyi-force-landscape.yiyi-ios-portrait-safe {
      position:fixed !important;
      inset:0 !important;
      top:0 !important;
      left:0 !important;
      right:0 !important;
      bottom:0 !important;
      width:100vw !important;
      min-width:100vw !important;
      max-width:100vw !important;
      height:100vh !important;
      height:100svh !important;
      height:100dvh !important;
      min-height:100dvh !important;
      max-height:none !important;
      margin:0 !important;
      transform:none !important;
      -webkit-transform:none !important;
      rotate:none !important;
      transform-origin:center center !important;
      overflow:hidden !important;
      background:#070a11 !important;
    }

    body.yiyi-page-game.yiyi-ios-portrait-safe [data-yiyi-player-wrap].is-mobile-expanded .stage,
    body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded.yiyi-ios-portrait-safe .stage {
      position:absolute !important;
      top:var(--yiyi-portrait-control-h,56px) !important;
      left:0 !important;
      right:0 !important;
      bottom:0 !important;
      width:100% !important;
      height:auto !important;
      min-width:0 !important;
      min-height:0 !important;
      flex:none !important;
      border-radius:0 !important;
      overflow:hidden !important;
    }

    body.yiyi-page-game.yiyi-ios-portrait-safe [data-yiyi-player-wrap].is-mobile-expanded .yiyi-stage-frame,
    body.yiyi-page-game [data-yiyi-player-wrap].is-mobile-expanded.yiyi-ios-portrait-safe .yiyi-stage-frame {
      position:absolute !important;
      inset:0 !important;
      width:100% !important;
      height:100% !important;
      min-width:0 !important;
      max-width:none !important;
      border:0 !important;
      border-radius:0 !important;
      transform:none !important;
      -webkit-transform:none !important;
    }
  }
}


/* =========================================================
   YIYI 1.9.25 — light theme stage overlay readability
   Light mode should keep game cover titles readable above busy artwork.
   ========================================================= */
html[data-theme="light"] body.yiyi-page-game .stage-overlay{
  background:rgba(7,11,20,.30)!important;
  backdrop-filter:blur(2px)!important;
}
html[data-theme="light"] body.yiyi-page-game .stage-overlay h1,
html[data-theme="light"] body.yiyi-page-game .stage-overlay .big{
  color:#ffffff!important;
  text-shadow:0 4px 18px rgba(0,0,0,.62)!important;
}
html[data-theme="light"] body.yiyi-page-game .stage-overlay .play-big{
  color:#ffffff!important;
}