/* ===== extra.css: games, anime home, sister-site links, anime-wide redesign ===== */
.muted{color:var(--tx2)}
/* ---- sister sites ---- */
.net{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.net b{color:var(--tx);font-size:13px}.net a{padding:6px 14px;border-radius:999px;background:var(--bg3);border:1px solid var(--line);color:var(--tx);font-size:13px;font-weight:600;transition:.2s}
.net a:hover{border-color:var(--ac);color:var(--ac);transform:translateY(-1px)}

/* ---- games ---- */
.games2{padding-block:26px 60px}
.g2hero{text-align:center;padding:36px 18px 30px;border-radius:26px;margin-bottom:22px;background:radial-gradient(500px 240px at 15% 0,rgba(200,77,255,.28),transparent 70%),radial-gradient(500px 240px at 90% 100%,rgba(123,77,255,.32),transparent 70%),var(--bg2);border:1px solid var(--line)}
.g2hero h1{font-size:clamp(26px,4.4vw,42px);margin:0 0 10px;font-weight:900}.g2hero p{max-width:640px;margin:0 auto 18px;color:var(--tx2);line-height:1.6}
.g2stat{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.g2pill{padding:9px 18px;border-radius:999px;background:var(--bg3);border:1px solid var(--line);font-size:14px}
.g2pill b{font-variant-numeric:tabular-nums;color:var(--ac)}.g2pill--vip{background:linear-gradient(90deg,rgba(255,207,90,.2),rgba(200,77,255,.2));border-color:#ffcf5a88}
.g2tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:18px}
.g2tabs button{padding:14px 10px;border-radius:16px;border:1px solid var(--line);background:var(--bg2);color:var(--tx);font:inherit;font-weight:700;cursor:pointer;transition:.2s}
.g2tabs button:hover{border-color:var(--ac)}.g2tabs button.is-on{background:linear-gradient(135deg,#7b4dff,#c84dff);border-color:transparent;color:#fff;box-shadow:0 10px 28px rgba(123,77,255,.4)}
.g2stage{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 16px;border-radius:26px;background:var(--bg2);border:1px solid var(--line);min-height:430px}
.gw__res{font-size:17px;margin:4px 0}.g2msg{padding:12px 18px;border-radius:14px;background:rgba(255,207,90,.12);border:1px solid #ffcf5a66;text-align:center;max-width:520px}
.g2prizes{margin-top:22px;text-align:center}.g2prizes h2{font-size:20px}.g2prizes div{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:12px 0}
.g2prizes span{padding:8px 16px;border-radius:999px;background:var(--bg3);border:1px solid var(--line);font-weight:700;font-size:14px}
.gw{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px}
.gw__pin{font-size:34px;line-height:1;color:#ffcf5a;filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));margin-bottom:-26px;z-index:2}
.gw__wheel{position:relative;width:min(320px,80vw);aspect-ratio:1;border-radius:50%;border:8px solid #ffcf5a;box-shadow:0 0 0 4px #2b2146,0 20px 60px rgba(123,77,255,.5);transition:transform 4.5s cubic-bezier(.12,.7,.08,1)}
.gw__wheel span{position:absolute;left:50%;top:50%;width:70px;margin-left:-35px;margin-top:-9px;text-align:center;font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 3px #000}
.gw__hub{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:28px;background:#1a1233;border:4px solid #ffcf5a}
.gw__go{min-width:230px;justify-content:center;font-size:17px;padding:14px 28px}.gw__go:disabled{opacity:.55;cursor:not-allowed}
.gs{display:flex;flex-direction:column;align-items:center;gap:16px}
.gs__machine{display:flex;gap:10px;padding:18px;border-radius:24px;background:linear-gradient(#2b2146,#120d24);border:4px solid #ffcf5a;box-shadow:0 20px 50px rgba(123,77,255,.4),inset 0 0 30px #000}
.gs__reel{width:92px;height:112px;display:grid;place-items:center;font-size:56px;border-radius:14px;background:linear-gradient(#fff,#e6e0f5 50%,#fff);box-shadow:inset 0 8px 14px rgba(0,0,0,.3),inset 0 -8px 14px rgba(0,0,0,.3)}
.gs__reel.is-spin{animation:gsblur .12s linear infinite}@keyframes gsblur{50%{filter:blur(2px);transform:translateY(3px)}}
.gc{display:flex;flex-direction:column;align-items:center;gap:14px}
.gc__card{display:grid;grid-template-columns:repeat(3,92px);gap:10px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#ffcf5a,#ff9a3c);box-shadow:0 16px 40px rgba(255,154,60,.35)}
.gc__cell{width:92px;height:92px;border-radius:14px;border:0;font-size:42px;cursor:pointer;background:linear-gradient(135deg,#b9b9c4,#7a7a88);transition:.25s}
.gc__cell:hover:not(:disabled){transform:scale(1.06)}.gc__cell.is-open{background:#fff;cursor:default;animation:gcpop .35s}@keyframes gcpop{50%{transform:scale(1.15)}}
.gb{display:flex;flex-direction:column;align-items:center;gap:14px}.gb__row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.gb__box{position:relative;width:110px;height:130px;border-radius:18px;border:2px solid var(--line);background:linear-gradient(160deg,#7b4dff,#c84dff);cursor:pointer;color:#fff;font:inherit;transition:.25s}
.gb__box:hover:not(:disabled){transform:translateY(-8px) rotate(-3deg)}.gb__box:disabled{cursor:default}
.gb__lid{font-size:56px;display:block;transition:.5s}.gb__in{display:block;font-size:13px;font-weight:800;min-height:34px}
.gb__box.is-open{background:#241a3d}.gb__box.is-open .gb__lid{transform:translateY(-14px) rotate(20deg);opacity:.5}.gb__box.is-pick{border-color:#ffcf5a;box-shadow:0 0 30px rgba(255,207,90,.7);background:linear-gradient(160deg,#4b2d9a,#7b2d9f)}

/* ---- anime pager (shared) ---- */
.apager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin:34px 0 10px}
.apager a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 14px;border-radius:12px;background:var(--bg2);border:1px solid var(--line);color:var(--tx);font-weight:800;transition:.2s}
.apager a:hover{border-color:var(--ac);color:var(--ac);transform:translateY(-2px)}.apager a.is-on{background:var(--ac);border-color:var(--ac);color:#150a10;box-shadow:0 8px 22px rgba(0,0,0,.4)}
.apager em{padding:0 4px;color:var(--tx2)}.apager span{display:inline-flex;align-items:center;gap:8px}.apager__nav{padding:0 18px!important}

/* ---- anime home ---- */
.spot{position:relative;min-height:min(560px,72vh);display:flex;align-items:flex-end;overflow:hidden;margin-bottom:26px}
.spot__bg{position:absolute;inset:0;background-size:cover;background-position:center 25%;transform:scale(1.04);filter:saturate(1.1)}
.spot::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,var(--bg) 2%,rgba(0,0,0,0) 60%),linear-gradient(90deg,rgba(0,0,0,.85),transparent 70%)}
.spot__in{position:relative;z-index:2;width:100%;max-width:1300px;margin:0 auto;padding:110px var(--pad) 70px}
.spot__tag{display:inline-block;padding:5px 14px;border-radius:999px;background:var(--ac);color:#150a10;font-weight:900;font-size:12px;letter-spacing:1px;text-transform:uppercase}
.spot h2{font-size:clamp(28px,5vw,54px);max-width:760px;margin:12px 0 8px;font-weight:900;line-height:1.08;text-shadow:0 4px 24px #000}
.spot__meta{display:flex;gap:10px;align-items:center;margin:0 0 10px}.spot__meta b{color:#ffcf5a}.spot__meta span{padding:2px 10px;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:13px}
.spot__d{max-width:620px;color:#e6e6f0;line-height:1.6;margin:0 0 20px}
.spot__dots{position:absolute;z-index:3;bottom:26px;right:var(--pad);display:flex;gap:8px}.spot__dots button{width:12px;height:12px;border-radius:50%;border:0;background:rgba(255,255,255,.35);cursor:pointer;padding:0}.spot__dots button.is-on{background:var(--ac);width:30px;border-radius:99px}
.ahome__h1{font-size:clamp(24px,3.4vw,36px);font-weight:900;margin:6px 0 16px}.ahome__h1 small{font-size:.5em;color:var(--tx2);font-weight:600}
.ahome__cols{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.ahome__cols:has(.ahome__main:only-child){grid-template-columns:1fr}
.ahome__bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}
.ahome__bar h2{margin:0;font-size:22px}.ahome__bar h2 small{font-size:13px;color:var(--tx2);font-weight:600;margin-left:6px}
.ahome__sort{display:flex;gap:6px;flex-wrap:wrap;padding:4px;border-radius:12px;background:var(--bg2);border:1px solid var(--line)}
.ahome__sort a{padding:7px 14px;border-radius:9px;font-size:13px;font-weight:700;color:var(--tx2)}.ahome__sort a.is-on{background:var(--ac);color:#150a10}
.agrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.ahome__cols:has(.ahome__main:only-child) .agrid{grid-template-columns:repeat(6,minmax(0,1fr))}
.ac{position:relative;display:block;aspect-ratio:2/3;border-radius:16px;overflow:hidden;background:var(--bg2);border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.ac img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.ac:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.6),0 0 0 2px var(--ac)}.ac:hover img{transform:scale(1.08)}
.ac__t{position:absolute;left:0;right:0;bottom:0;padding:34px 10px 10px;background:linear-gradient(0deg,rgba(0,0,0,.92),transparent)}
.ac__t b{display:-webkit-box;font-size:14px;line-height:1.25;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff}.ac__t small{color:#cfd3e6}
.ac__q,.ac__r,.ac__s{position:absolute;top:8px;padding:3px 9px;border-radius:8px;font-size:11px;font-weight:900}
.ac__q{left:8px;background:var(--ac);color:#150a10}.ac__r{right:8px;background:rgba(0,0,0,.72);color:#ffcf5a}.ac__s{left:8px;top:34px;background:#ffcf5a;color:#150a10}
.ahome__side h2{font-size:18px;margin:0 0 12px}.ahome__side section{margin-bottom:26px;padding:18px;border-radius:18px;background:var(--bg2);border:1px solid var(--line)}
.rank{list-style:none;margin:0;padding:0;counter-reset:r}.rank li{margin:0 0 10px}.rank a{display:flex;gap:12px;align-items:center;padding:6px;border-radius:12px;transition:.2s}.rank a:hover{background:var(--bg3)}
.rank i{font-style:normal;font-weight:900;font-size:22px;width:26px;text-align:center;color:var(--ac)}.rank li:nth-child(-n+3) i{color:#ffcf5a}
.rank img{width:48px;height:72px;object-fit:cover;border-radius:8px}.rank b{display:-webkit-box;font-size:14px;line-height:1.25;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.rank small{color:var(--tx2)}
.seo-text{margin:44px 0 10px;padding:24px 26px;border-radius:20px;background:var(--bg2);border:1px solid var(--line)}.seo-text h2{margin:0 0 8px;font-size:18px}.seo-text p{margin:0;color:var(--tx2);line-height:1.7;font-size:14px}
@media(max-width:1180px){.ahome__cols{grid-template-columns:1fr}.agrid,.ahome__cols:has(.ahome__main:only-child) .agrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){.agrid,.ahome__cols:has(.ahome__main:only-child) .agrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:520px){.agrid,.ahome__cols:has(.ahome__main:only-child) .agrid{grid-template-columns:repeat(2,minmax(0,1fr))}.spot__in{padding-bottom:60px}.gc__card{grid-template-columns:repeat(3,78px)}.gc__cell{width:78px;height:78px}.gs__reel{width:76px;height:96px;font-size:46px}}

/* ---- anime sites: catalogs / genres use the same poster-overlay look + numbered pages ---- */
.is-anime .grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.is-anime .card{aspect-ratio:2/3;border-radius:16px}.is-anime .card img{position:absolute;inset:0;height:100%;aspect-ratio:auto}
.is-anime .card__t{position:absolute;left:0;right:0;bottom:0;padding:34px 10px 10px;background:linear-gradient(0deg,rgba(0,0,0,.92),transparent)}.is-anime .card__t b{color:#fff}
.is-anime .pager a{min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;border-radius:12px}
.is-anime .foot{background:var(--bg2)}
@media(max-width:1180px){.is-anime .grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:820px){.is-anime .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.is-anime .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}