/* TANHU METE Empire of the Wolf Visual Upgrade 8.5.13.0.A3.JR */
:root{--imperial-gold:#e9b54a;--imperial-cyan:#45dcff;--imperial-ink:#02060d}
body.tanhu-game-page{background:radial-gradient(circle at 50% 0,#102536 0,#05080e 42%,#010205 100%);}
body.tanhu-game-page:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-2;background:linear-gradient(rgba(1,4,8,.68),rgba(1,4,8,.94)),url('../assets/game/tanhu-mete/imperial-85130/cavalry-volley.jpg') center/cover fixed;filter:saturate(.88) contrast(1.08)}
.menuPage{max-width:1600px!important;gap:18px!important}
.posterPanel{min-height:520px!important;position:relative!important;overflow:hidden!important;border:2px solid rgba(233,181,74,.72)!important;box-shadow:0 0 42px rgba(69,220,255,.2),inset 0 0 38px rgba(0,0,0,.75)!important;background:none!important}
.posterPanel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.18) 55%,rgba(0,0,0,.94)),url('../assets/game/tanhu-mete/imperial-85130/mete-camp.jpg') center 26%/cover no-repeat;animation:imperialBreath 12s ease-in-out infinite alternate}
.posterPanel:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(69,220,255,.12) 50%,transparent 73%);transform:translateX(-120%);animation:imperialScan 7s ease-in-out infinite}
.posterText{position:absolute!important;left:5%!important;right:5%!important;bottom:5%!important;z-index:3!important;padding:20px 24px!important;border:1px solid rgba(233,181,74,.66)!important;border-radius:18px!important;background:linear-gradient(90deg,rgba(1,5,10,.94),rgba(5,16,25,.7),rgba(1,5,10,.94))!important;backdrop-filter:blur(7px);text-shadow:0 2px 8px #000!important}
.posterText:before{content:"TANHU METE • IMPERIAL EDITION";display:block;color:var(--imperial-cyan);font-weight:1000;letter-spacing:.16em;font-size:clamp(17px,2vw,30px);margin-bottom:8px}
.menuCard,.profileRankPanel,.quickRules{border-color:rgba(233,181,74,.7)!important;box-shadow:0 12px 42px rgba(0,0,0,.5),0 0 22px rgba(69,220,255,.08)!important}
.menuCard h1{font-size:clamp(30px,4vw,52px)!important;letter-spacing:.08em;background:linear-gradient(#fff,#9ae9ff 48%,#3a8fac 52%,#fff);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:0 0 26px rgba(69,220,255,.23)}
.btn.primary{background:linear-gradient(135deg,#9b4d0b,#ffb32a 46%,#7d3106)!important;border-color:#ffd978!important;box-shadow:0 0 24px rgba(255,151,28,.35)!important}
.btn.primary:hover{transform:translateY(-2px) scale(1.015);filter:brightness(1.12)}
.imperial-showcase{grid-column:1/-1;display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:12px;margin-top:6px}
.imperial-card{position:relative;min-height:210px;border:1px solid rgba(233,181,74,.7);border-radius:15px;overflow:hidden;background:#03070c;box-shadow:0 8px 28px rgba(0,0,0,.55)}
.imperial-card img,.imperial-card video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .7s ease,filter .7s ease;filter:saturate(.9) contrast(1.08)}
.imperial-card:hover img,.imperial-card:hover video{transform:scale(1.05);filter:saturate(1.08) contrast(1.12)}
.imperial-card .caption{position:absolute;inset:auto 0 0;padding:28px 13px 12px;background:linear-gradient(transparent,rgba(0,0,0,.95));font-weight:950;color:#fff;text-shadow:0 2px 5px #000;letter-spacing:.04em}
.imperial-card.logo-card{background:#01040a}.imperial-card.logo-card img{object-fit:contain;padding:12px}
.piece-wolf-standard{display:inline-flex;align-items:center;gap:8px;color:#d9f4ff;font-weight:900}.piece-wolf-standard:before{content:"🐺";font-size:1.2em;filter:drop-shadow(0 0 7px rgba(69,220,255,.65))}
@keyframes imperialBreath{from{transform:scale(1)}to{transform:scale(1.045)}}
@keyframes imperialScan{0%,38%{transform:translateX(-120%)}64%,100%{transform:translateX(120%)}}
@media(max-width:900px){.posterPanel{min-height:420px!important}.imperial-showcase{grid-template-columns:1fr 1fr}.imperial-card{min-height:165px}.imperial-card:first-child{grid-column:1/-1}}
@media(max-width:560px){.imperial-showcase{grid-template-columns:1fr}.imperial-card:first-child{grid-column:auto}.posterText{padding:14px!important}.posterPanel{min-height:360px!important}}
@media(prefers-reduced-motion:reduce){.posterPanel:before,.posterPanel:after{animation:none!important}.imperial-card img,.imperial-card video{transition:none!important}}