*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}html,body{min-width:1200px}body{margin:0;color:#333;font-family:"Microsoft YaHei",Arial,sans-serif;overflow-x:auto}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;vertical-align:middle}header{height:4.2vw;min-height:52px;max-height:80px;min-width:1200px;position:fixed;inset:0 0 auto;z-index:20;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:space-between;padding:0 5.3%;color:#ccc;font-size:clamp(12px,1vw,16px);font-weight:bold}.brand img{width:4.8vw;min-width:58px}nav{display:flex;align-items:center;gap:2.2vw;height:100%}nav>a,.nav-group>a{display:flex;align-items:center;height:100%;white-space:nowrap}nav a:hover{color:#ff8a43}nav>span{color:#999}.nav-group{position:relative;height:100%;display:flex;align-items:center}.dropdown{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:150px;text-align:center;background:rgba(15,15,15,.94);padding:12px 0}.dropdown a,.dropdown .dropdown-label{display:block;padding:12px 16px}.nav-group:hover .dropdown,.nav-group:focus-within .dropdown{display:block}.login{gap:8px}.login img{width:21px}.menu-toggle{display:none}.hero{height:100vh;position:relative;overflow:hidden;background:#1b292a url('../images/bg-banner1.png') center/cover}.hero video{width:100%;height:100%;object-fit:cover;object-position:center center}.shade{position:absolute;inset:0;background:#0003;pointer-events:none}.downloads{position:absolute;right:5.3%;bottom:2.3vw;display:flex;align-items:flex-start;gap:5px;color:white}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.download-grid a{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #ffffff60;border-radius:3px;width:8vw;height:2.8vw;font-size:.85vw;font-weight:bold;background:#0002;transition:background .2s}.download-grid a:hover{background:#ff8b36}.download-grid img{width:1.5vw}.qr>img{display:block;width:5.7vw;height:5.7vw;object-fit:fill;border:0}.qr small{display:block;font-size:.65vw;text-align:center;margin-top:3px}.scroll-cue{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:10.5vw;height:3.7vw;background:url('../images/bg-banner-arrow.png') center/contain no-repeat;display:grid;place-items:center}.scroll-cue img{width:1.1vw;animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(5px)}}.games{padding-top:4vw}.section-title{margin:0 auto 1.5vw;text-align:center;line-height:1}.section-title img{width:14.6vw;height:auto}.game-row{position:relative;display:flex;justify-content:center;gap:1.1vw;width:77%;margin:auto}.game-card{display:block;position:relative;width:20.35vw;height:33.2vw;overflow:hidden;color:white;background:#243435}.game-art{height:100%;width:100%;object-fit:cover;transition:transform .5s}.age{position:absolute;right:1vw;top:1vw;width:3.3vw}.card-content{position:absolute;inset:auto 0 0;padding:7vw 1.5vw 2vw;text-align:center;background:linear-gradient(transparent,#0009);transition:background .4s}.game-logo{width:5.3vw;margin-bottom:.4vw}.game-card h3{font-size:1.65vw;margin:0;white-space:nowrap}.game-card p{font-size:1.05vw;line-height:1.8;margin:0;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s,opacity .4s,margin .4s}.game-card:hover .game-art,.game-card:focus-visible .game-art{transform:scale(1.1)}.game-card:hover .card-content,.game-card:focus-visible .card-content{background:linear-gradient(transparent,#000d)}.game-card:hover p,.game-card:focus-visible p{max-height:180px;opacity:1;margin-top:1vw}.more{position:absolute;left:calc(100% - 3.3vw);top:48%;width:6.9vw}.more img{width:100%}.games:last-of-type{padding-bottom:8vw}.content{width:77%;margin:auto}.dark-zone{background:#1d1d1f url('../images/bg-match-light2.png') center top/100% auto no-repeat;color:#ddd;padding-bottom:6vw}.matches{padding-top:6.3vw}.matches .section-title{margin-bottom:5vw}.carousel{position:relative}.slide>img{width:100%;aspect-ratio:1460/574;object-fit:cover}.slide-caption{display:flex;gap:6vw;align-items:center;min-height:6vw}.slide-caption p{font-size:1.1vw;line-height:1.5;margin:1vw 0;flex:1}.slide-caption>a{width:7vw;flex-shrink:0}.dots{display:flex;justify-content:center;gap:10px;margin:1.5vw 0}.dots button{width:9px;height:9px;border:0;padding:0;border-radius:100%;background:#777;color:transparent;font-size:0}.dots button[aria-pressed=true]{background:#fff;transform:scale(1.3)}.television{padding-top:3vw}.television .section-title{margin-bottom:5vw}.tv-layout{display:flex;align-items:center;gap:5vw;min-height:21vw}.tv-panels{width:60%}.tv-panel{display:flex;align-items:flex-start;gap:2vw}.tv-panel[hidden],.slide[hidden]{display:none}.program{width:19vw;align-self:center}.tv-panel>div{flex:1}.tv-panel h3{font-size:2vw;white-space:nowrap;margin:0 0 1vw}.tv-panel h3 img{width:3vw}.tv-panel h4{font-size:1.25vw;line-height:1.6;margin:0 0 .5vw}.tv-panel p{font-size:1.1vw;line-height:2.05;margin:0}.tv-tabs{display:grid;grid-template-columns:1fr 1fr;flex:1}.tv-tabs button{background:none;border:1px solid transparent;color:#aaa;white-space:nowrap;padding:1vw;font-size:1.05vw;text-align:left}.tv-tabs button img{width:3vw;margin-right:.7vw}.tv-tabs button[aria-selected=true]{border-color:#ffffff40;color:white}.about{padding-top:7vw}.about .section-title{margin-bottom:3vw}.about-banner{display:block}.about-banner img{width:100%}footer{background:#161616;color:#666;padding:3vw 0}.footer-wrap{width:85%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:3vw}.social{display:flex;gap:1.5vw;text-align:center;font-size:.9vw}.social img{display:block;width:9vw;margin-bottom:12px}.legal{font-size:.85vw;line-height:1.5}.legal p{margin:5px 0}.footer-links{display:flex;gap:1.5vw;margin-bottom:18px;color:#aaa}.service{display:flex;flex-direction:column;gap:12px;text-align:center;white-space:nowrap;font-size:1.1vw}.service>a:first-of-type{font-size:1.6vw;color:#aaa}.support{border:1px solid #555;padding:10px 25px;color:#aaa}.reveal.entering{animation:rise .7s both;animation-delay:var(--delay,0s)}@keyframes rise{from{opacity:0;transform:translateY(55px)}to{opacity:1;transform:translateY(0)}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}