/* Real game imagery on the TCHH website — 2026-10-17; scene and logos supplied for TCHH */
.tchh-landing .world-background{
 background:linear-gradient(180deg,rgba(230,246,255,.96),rgba(200,231,248,.94) 52%,rgba(232,245,255,.95)),
 url("../img/tchh-hero-city.webp") center 58% /cover fixed;
}
.tchh-landing .header{
 background:linear-gradient(180deg,#143963 0%,#071d39 88%);
 box-shadow:inset 0 0 0 1px rgba(255,224,153,.30),0 3px 17px rgba(6,34,65,.54);
}
.tchh-landing .top-nav{max-width:1450px}
.tchh-landing .nav-logo{display:flex;align-items:center;justify-content:center;height:49px;width:56px;flex-shrink:0}
.tchh-landing .nav-logo img{width:53px;height:53px;object-fit:contain;filter:drop-shadow(0 0 5px #86daff)}
.tchh-landing .nav-link:first-of-type{margin-left:0}
.tchh-landing .hero{
 min-height:510px;
 max-width:1672px;
 background:linear-gradient(90deg,rgba(3,30,74,.05),rgba(255,255,255,.04) 45%,rgba(23,79,144,.03)),
 url("../img/tchh-hero-fantasy.webp") center 41% /cover no-repeat;
 border-bottom:1px solid #b29a65;
 box-shadow:0 14px 30px rgba(23,69,121,.15);
}
.tchh-landing .hero:before{background:linear-gradient(180deg,transparent 0%,transparent 78%,rgba(219,239,252,.78));opacity:1}
.tchh-landing .hero:after{height:40px;background:linear-gradient(transparent,rgba(222,242,255,.74))}
.tchh-landing .hero-castle,.tchh-landing .hero-label,.tchh-landing .hero-petals{display:none}
.tchh-landing .hero-center{max-width:none;width:41%;margin:0 5% 0 auto;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}
.tchh-landing .hero-sky-kicker{display:none}
.tchh-landing .hero-title{display:block;margin:-22px auto -24px;line-height:1;filter:drop-shadow(0 8px 12px #0a376d85);-webkit-text-stroke:0;text-shadow:none;letter-spacing:0}
.tchh-landing .hero-title img{display:block;width:min(430px,36vw);height:auto;max-width:100%;object-fit:contain}
.tchh-landing .hero-slogan{font-size:12px;color:#132f58;background:rgba(245,253,255,.82);border:1px solid #a6cce8;padding:7px 13px;border-radius:22px;max-width:100%;margin:0 auto;box-shadow:0 3px 10px #2d66923b;text-shadow:0 1px white}
.tchh-landing .hero-ctas{width:min(815px,86%);bottom:11px}
.tchh-landing .gold-btn{backdrop-filter:blur(2px);border-color:#fff0ae;box-shadow:0 3px 0 #695029,0 7px 18px #17395f7a,inset 0 0 0 3px #f6d694a1,inset 0 0 0 5px #78501a9e}
.tchh-landing .content-shell{margin-top:9px}
.tchh-landing .ornate-panel{border-color:#ffdd8e;box-shadow:0 7px 24px #1f507e55,inset 0 0 0 2px #fff2c5a8}
.tchh-landing .news-panel{background:linear-gradient(#fffdfa,#e8f1ff)}
.tchh-landing .feature-card img{object-position:50% 43%}
.tchh-landing .feature-card:after{background:linear-gradient(transparent 28%,rgba(3,24,56,.87))}
.tchh-landing .feature-purple{
 background:linear-gradient(90deg,rgba(4,18,44,.95),rgba(5,40,80,.80) 60%,rgba(5,40,80,.20)),url("../img/tchh-banner-fox.webp") center/cover no-repeat;
}
.tchh-landing .feature-blue{
 background:linear-gradient(90deg,rgba(4,18,44,.95),rgba(6,43,88,.80) 60%,rgba(6,43,88,.20)),url("../img/tchh-banner-beast.webp") center/cover no-repeat;
}
.tchh-landing .feature-rose{
 background:linear-gradient(90deg,rgba(4,18,44,.95),rgba(47,45,90,.75) 60%,rgba(47,45,90,.14)),url("../img/tchh-banner-style.webp") center/cover no-repeat;
}
.tchh-landing .feature-banner .banner-glyph{opacity:.3}
@media(max-width:1150px){
 .tchh-landing .hero{min-height:490px}
 .tchh-landing .hero-center{width:44%;margin-right:4%}
 .tchh-landing .hero-title img{width:min(390px,40vw)}
 .tchh-landing .hero-slogan{font-size:10px}
}
@media(max-width:920px){
 .tchh-landing .hero{min-height:420px}
 .tchh-landing .hero-center{width:46%;margin-right:3%}
 .tchh-landing .hero-title img{width:320px}
 .tchh-landing .nav-logo{width:41px}
 .tchh-landing .nav-logo img{width:40px;height:40px}
}
@media(max-width:630px){
 .tchh-landing .hero{min-height:335px;background-position:45% center}
 .tchh-landing .hero-center{width:100%;max-width:340px;margin:auto;padding-top:5px}
 .tchh-landing .hero-title{margin:-10px auto -28px}
 .tchh-landing .hero-title img{width:230px}
 .tchh-landing .hero-slogan{font-size:8px;padding:6px 9px;max-width:93%}
 .tchh-landing .hero-ctas{width:96%;bottom:8px}
 .tchh-landing .gold-btn{height:60px}
 .tchh-landing .content-shell{margin-top:9px}
 .tchh-landing .nav-logo{height:50px;width:52px}
 .tchh-landing .nav-logo img{width:45px;height:45px}
}