*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}
body{background-color:hsl(145,35%,8%);color:#eef2f8;font-family:'Inter',system-ui,Arial,sans-serif;font-size:15px;line-height:1.6}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul,ol{list-style:none}button{font:inherit}
body{overflow-wrap:break-word}
h1,h2,h3,h4,p,span,b,em,li,figcaption,td,th,blockquote{overflow-wrap:break-word;word-break:normal}
.pg-wrap{margin:0 auto;max-width:1200px;padding:0 1rem}section{padding:3rem 0}section:nth-of-type(even){background-color:hsl(145,30%,12%)}
.top-h1{font-family:'Inter',sans-serif;font-size:clamp(1.625rem,4vw,2.625rem);font-weight:800;line-height:1.15;text-transform:uppercase}
.pg-h2{border-left:5px solid hsl(28,85%,55%);color:hsl(28,85%,55%);font-family:'Inter',sans-serif;font-size:clamp(1.188rem,2.4vw,1.688rem);font-weight:800;letter-spacing:.5px;margin-bottom:18px;padding-left:14px;text-transform:uppercase}
.pg-h3{color:hsl(28,85%,55%);font-family:'Inter',sans-serif;font-size:1.125rem;margin:0.75rem 0 0.375rem}
.pg-sub{color:#9aa8bd;margin:-0.625rem 0 1.125rem}.top-lead{color:#9aa8bd;font-size:17px;margin-bottom:14px}.pg-more{color:hsl(28,85%,55%);display:inline-block;font-weight:700;margin-top:14px}
.button-btn{border-radius:0.375rem;border:0;cursor:pointer;display:inline-block;font-weight:800;line-height:1.2;padding:11px 1.375rem;white-space:nowrap}
.button-btn-pri{background-color:hsl(28,85%,55%);color:#141414}.button-btn-pri:hover{filter:brightness(1.08)}
.button-btn-sec{background:transparent;border-width:1.5px;border-style:solid;border-color:hsl(28,85%,55%);color:hsl(28,85%,50%)}
.button-btn-sm{background-color:hsl(145,75%,58%);color:#141414;font-size:13px;padding:0.5rem 0.875rem}.button-btn[data-big]{font-size:17px;padding:0.875rem 1.875rem}
.promo-badge{background-color:hsl(28,85%,55%);border-radius:999px;color:#141414;display:inline-block;font-size:11px;font-weight:800;margin-bottom:8px;padding:3px 9px}
.play-thumb{aspect-ratio:70/63;background-color:hsl(145,30%,12%);border-radius:calc(6px - 0.125rem)}
.pg-phero{padding:2.125rem 0 0.625rem}.pg-crumb{color:#9aa8bd;font-size:13px;margin-bottom:10px}.pg-crumb a{color:hsl(28,85%,55%)}.pg-page p{color:#9aa8bd;margin-bottom:14px}.pg-page-col{max-width:820px}
.promo-pd{background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);margin-bottom:14px;padding:1.25rem}.promo-pd h2{margin-bottom:8px}.pg-guide{display:grid;gap:1.438rem;grid-template-columns:1fr 1fr}.intro-art-list article{border-bottom:1px solid hsl(145,20%,22%);padding:1rem 0}.intro-art-list img{aspect-ratio:16/9;border-radius:6px;margin-bottom:10px;max-width:300px;object-fit:cover;width:100%}.intro-art-hero{aspect-ratio:16/9;border-radius:6px;margin-bottom:18px;object-fit:cover;width:100%}.intro-art-list h2{margin-bottom:4px}.intro-art-list time{color:#9aa8bd;font-size:0.75rem}
.intro-article{max-width:780px}.intro-article h2{margin:1.375rem 0 0.625rem}.intro-article time{color:#9aa8bd;display:block;font-size:13px;margin-bottom:16px}.pg-related{border-top:1px solid hsl(145,20%,22%);margin-top:29px;padding-top:16px}.pg-related a{color:hsl(28,85%,55%);display:block;padding:0.375rem 0}
@media(max-width:760px){.pg-guide{grid-template-columns:1fr}}.sanh-cat-head{align-items:center;display:flex;gap:1.375rem;margin-bottom:17px}.sanh-cat-hero{aspect-ratio:1;background-repeat:no-repeat;border-radius:6px;flex:0 0 auto;width:144px}@media(max-width:760px){.sanh-cat-hero{width:84px}}
.tag-chips{display:flex;flex-wrap:wrap;gap:0.625rem}.tag-chip{align-items:center;background-color:hsl(145,28%,15%);border-radius:999px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);color:#9aa8bd;display:inline-flex;font-size:13px;font-weight:700;gap:0.375rem;padding:0.5rem 0.875rem}.tag-chip svg{height:16px;width:16px}
.head-hd{background:hsl(145,35%,10%);border-bottom:1px solid hsl(145,20%,22%);color:#ffffff}
.button-btn-onhd{border-color:hsl(28,85%,50%);color:hsl(28,85%,50%)}
.head-hd-in{align-items:center;display:flex;flex-wrap:wrap;gap:clamp(0.5rem,1.1vw,1.125rem);min-height:74px;padding:0.375rem 0.938rem;row-gap:0.5rem}.head-logo{flex:0 0 auto}.head-logo img{height:58px;max-width:240px;object-fit:contain}.head-logo b{color:hsl(28,85%,55%);font-size:1.625rem;font-weight:900}
.head-nav{display:flex;flex-wrap:wrap;flex:0 1 auto;gap:1.125rem;justify-content:flex-start;margin-left:auto;margin-right:8px;min-width:0;row-gap:0.5rem}
.head-nav>ul{align-items:center;display:flex;flex-wrap:wrap;gap:inherit;min-width:0;row-gap:0.5rem}
.head-nav>ul>li{flex:0 0 auto}
.head-nav a{flex:0 0 auto;font-size:13px;font-size:0.875rem;font-weight:700;opacity:.9;text-transform:uppercase;white-space:nowrap}.head-nav a:hover,.head-nav a.on{color:hsl(28,85%,55%);opacity:1}
.md-auth{display:flex;flex-wrap:wrap;gap:0.5rem;margin-left:auto;row-gap:0.375rem}.head-topbar{background-color:hsl(145,30%,12%);color:#9aa8bd;font-size:0.75rem;padding:0.375rem 0}
@media(min-width:761px) and (max-width:1023px){.head-nav{flex-basis:100%;justify-content:flex-start;margin-left:0;margin-right:0;order:3;padding-top:2px}.md-auth{order:2}}
.pg-burger{background:none;border-radius:3px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);color:#eef2f8;cursor:pointer;display:none;font-size:1.188rem;line-height:1;padding:7px 11px}
@media(max-width:760px){.pg-burger{display:block;order:2}.md-auth{gap:0.375rem;order:3}.md-auth > .button-btn{font-size:0.75rem;padding:0.5rem 0.625rem;white-space:nowrap}
.head-nav{display:none;flex-basis:100%;flex-direction:column;order:4;padding:0.375rem 0 0.125rem}
.head-nav.on{background:hsl(145,35%,10%);box-shadow:0 10px 20px rgba(0,0,0,.28);display:flex}
.head-nav a{border-bottom:1px solid hsl(145,20%,22%);padding:11px 0.25rem}
.head-hd{position:sticky;top:0;z-index:50}
.head-hd-in{align-items:center;flex-wrap:wrap;height:auto;min-height:77px;padding-bottom:6px;row-gap:0.5rem}}.head-nav ul,.head-nav li{display:contents;list-style:none;margin:0;padding:0}
.head-hd-2row > .head-hd-in{flex-wrap:wrap;height:auto;min-height:0;padding:0.75rem 1rem 0;row-gap:0.25rem}
.head-hd-top{align-items:center;display:flex;flex-wrap:wrap;gap:1.063rem;min-width:0;row-gap:0.5rem;width:100%}.head-hd-top>*{min-width:0}.head-hd-top > .md-auth{flex-wrap:wrap;margin-left:auto;row-gap:0.375rem}
.head-hd-2row > .head-nav{flex-basis:100%;justify-content:flex-start;margin:0;order:5;padding:0.375rem 0 0.5rem}
@media(max-width:760px){.head-hd-2row .head-hd-top > .pg-burger{order:0}.head-hd-2row .head-hd-top > .md-auth{order:0}}
.promo-pgrid{display:flex;flex-wrap:wrap;gap:0.875rem}.promo-pcard{background-color:hsl(145,28%,15%);border-left:4px solid hsl(28,85%,55%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);flex:1 1 calc(100%/var(--cols,3) - 14px);min-width:min(100%,180px);padding:1.125rem}.promo-pcard b{display:block;font-size:1rem;margin-bottom:6px}.promo-pcard p{color:#9aa8bd;font-size:0.875rem;margin-bottom:12px}
.promo-promo-list li{align-items:center;background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);display:flex;flex-wrap:wrap;gap:0.875rem;margin-bottom:10px;padding:0.875rem;row-gap:0.625rem}.promo-promo-list li div{flex:1 1 180px;min-width:0}.promo-promo-list p{color:#9aa8bd;font-size:0.875rem}
.promo-promo-big{align-items:center;background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;padding:1.375rem}.promo-promo-big img{border-radius:6px}@media(max-width:760px){.promo-pgrid,.promo-promo-big{grid-template-columns:1fr}}
.intro-art-col{max-width:860px}.intro-art p{color:#9aa8bd;margin-bottom:14px}.intro-art > .pg-h2{margin-top:10px}.intro-art a{color:hsl(28,85%,55%);text-decoration:underline}
.intro-art-cols{display:grid;gap:1.938rem;grid-template-columns:1.2fr 1fr}.intro-art-boxes{display:flex;flex-wrap:wrap;gap:0.875rem}.intro-art-box{background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);flex:1 1 calc(100%/3 - 14px);min-width:min(100%,180px);padding:1.125rem;position:relative}.intro-art-n{color:hsl(145,20%,22%);font-size:1.625rem;font-weight:900;position:absolute;right:14px;top:10px}
.intro-quote{background-color:hsl(145,28%,15%);border-left:4px solid hsl(28,85%,55%);border-radius:0 6px 6px 0;color:#eef2f8;font-size:1.125rem;margin-bottom:18px;padding:0.625rem 1.125rem}.intro-art-d{border-bottom:1px solid hsl(145,20%,22%);padding:0.625rem 0}.intro-art-d summary{cursor:pointer;font-size:1rem;font-weight:800}.intro-art-d p{margin-top:8px}
@media(max-width:760px){.intro-art-cols,.intro-art-boxes{grid-template-columns:1fr}}.intro-art-item{margin-bottom:22px}.intro-art-item h3{margin:0 0 0.5rem}.intro-art article{margin-bottom:21px}
.step-steps-ol{display:flex;flex-wrap:wrap;gap:0.875rem}.step-steps-ol li{background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);flex:1 1 calc(100%/3 - 14px);min-width:min(100%,180px);padding:1.125rem}.step-step-n{align-items:center;background-color:hsl(28,85%,55%);border-radius:50%;color:#141414;display:inline-flex;font-weight:900;height:30px;justify-content:center;margin-bottom:8px;width:29px}.step-steps-ol b{display:block}.step-steps-ol p{color:#9aa8bd;font-size:13px}
.step-tl{border-left:2px solid hsl(145,20%,22%);padding-left:25px;position:relative}.step-tl li{margin-bottom:17px;position:relative}.step-tl-dot{background-color:hsl(28,85%,55%);border-radius:50%;box-shadow:0 0 0 4px hsl(145,35%,8%);height:13px;left:-34px;position:absolute;top:4px;width:14px}.step-tl p{color:#9aa8bd;font-size:0.875rem}
.step-inl{align-items:center;background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);display:flex;flex-wrap:wrap;gap:0.875rem;padding:1rem 1.25rem}.step-inl > .pg-h2{font-size:1.125rem;margin:0 0.625rem 0 0}.step-inl-step{align-items:center;display:inline-flex;font-weight:700;gap:0.5rem}.step-inl-step em{align-items:center;background-color:hsl(28,85%,55%);border-radius:50%;color:#141414;display:inline-flex;font-size:0.75rem;font-style:normal;height:23px;justify-content:center;width:23px}.step-inl-arrow{color:#9aa8bd}
@media(max-width:760px){.step-steps-ol{grid-template-columns:1fr}}
.fab-fab{bottom:16px;display:flex;flex-direction:column;gap:0.625rem;position:fixed;right:16px;z-index:60}.fab-fab a{align-items:center;background:linear-gradient(135deg,hsl(28,85%,55%),hsl(28,80%,45%));border-radius:50%;box-shadow:0 8px 19px #0005;color:#141414;display:flex;height:50px;justify-content:center;width:50px}.fab-fab svg{height:22px;width:21px}
.dl-split{align-items:center;display:grid;gap:1.688rem;grid-template-columns:1fr 1fr}.dl-split img{border-radius:6px}.dl-dl{display:flex;gap:0.625rem;margin-top:14px}@media(max-width:760px){.dl-split{grid-template-columns:1fr}}
.bottom-footer{background-color:hsl(145,30%,12%);border-top:1px solid hsl(145,20%,22%);color:#9aa8bd;font-size:13px;padding:2.188rem 0 1.313rem}.bottom-f-grid{display:grid;gap:1.375rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.bottom-f-grid>.bottom-f-brand{grid-column:span 2}.bottom-f-grid b{color:#eef2f8;display:block;margin-bottom:8px}.bottom-f-grid a{display:block;padding:3px 0}.bottom-f-brand img{height:33px;margin-bottom:10px}.bottom-f-legal{border-top:1px solid hsl(145,20%,22%);display:flex;flex-wrap:wrap;gap:0.5rem;justify-content:space-between;padding-top:14px}
.bottom-f-inline{display:flex;flex-wrap:wrap;gap:0.875rem;margin:0.875rem 0}.bottom-f-inline a{flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){.bottom-f-grid{grid-template-columns:1fr}.bottom-f-grid>.bottom-f-brand{grid-column:auto}}.bottom-f-inline ul,.bottom-f-inline li{display:contents;list-style:none;margin:0;padding:0}.bottom-f-about{margin:0 auto 0.75rem;max-width:720px;text-align:center}
.cs-contact-box,.cs-agent-box{align-items:center;background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);display:flex;flex-wrap:wrap;gap:1.125rem;padding:1.25rem;row-gap:0.75rem}.cs-contact-box div,.cs-agent-box div{flex:1 1 200px;min-width:0}.cs-ico{color:hsl(28,85%,55%);height:36px;width:35px}
.review-tm-grid{display:flex;flex-wrap:wrap;gap:0.813rem}.review-tm-card{background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);flex:1 1 calc(100%/3 - 14px);min-width:min(100%,180px);padding:1.063rem}.pg-stars{color:hsl(28,85%,55%);margin-bottom:8px}.review-tm-card blockquote{color:#9aa8bd;font-size:0.875rem;margin-bottom:10px}.review-tm-card figcaption{font-size:13px;font-weight:700}@media(max-width:760px){.review-tm-grid{grid-template-columns:1fr}}
.news-news-grid{display:flex;flex-wrap:wrap;gap:0.813rem}.news-news-card{background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);flex:1 1 calc(100%/3 - 14px);min-width:min(100%,180px);overflow:hidden}.news-news-img{aspect-ratio:16/9}.news-news-card time,.news-news-list time{color:#9aa8bd;display:block;font-size:0.75rem;padding:0.625rem 0.875rem 0}.news-news-card h3,.news-news-list h3{font-size:15px;padding:0.25rem 0.875rem}.news-news-card p,.news-news-list p{color:#9aa8bd;font-size:13px;padding:0 0.875rem 0.875rem}.news-news-list li{border-bottom:1px solid hsl(145,20%,22%);display:flex;gap:0.875rem;padding:0.625rem 0}@media(max-width:760px){.news-news-grid{grid-template-columns:1fr}}
.top-hero{padding:1.25rem 0 0}.top-hero-banner{position:relative}.top-hero-banner img{border-radius:6px;margin:0 auto;max-width:1200px;width:100%}
.top-hero-bn{align-items:center;aspect-ratio:1400/440;background:linear-gradient(145deg,hsl(145,75%,58%) 0%,hsl(145,30%,12%) 55%,hsl(28,85%,55%) 140%);border-radius:6px;display:grid;gap:0;grid-template-columns:5fr 7fr;overflow:hidden}
.top-hero-bn.art-right{grid-template-columns:7fr 5fr}.top-hero-bn.art-right > .top-hero-bn-art{order:2}.top-hero-bn.alt{background:linear-gradient(215deg,hsl(28,85%,55%) -40%,hsl(145,30%,12%) 45%,hsl(145,75%,58%) 100%)}
.top-hero-bn-art{height:100%;min-height:0}.top-hero-bn-art img{display:block;height:100%;object-fit:cover;width:100%}
.top-hero-bn-txt{color:#fff;padding:4% 5%;text-shadow:0 2px 12px rgba(0,0,0,.45)}.top-hero-bn-txt > .top-h1{color:#fff;font-size:clamp(1.375rem,3.4vw,2.813rem);line-height:1.12;margin:0 0 0.625rem;text-transform:uppercase}.top-hero-bn-txt > .top-lead{color:rgba(255,255,255,.88);margin-bottom:14px}
@media(max-width:760px){.top-hero-bn,.top-hero-bn.art-right{aspect-ratio:auto;grid-template-columns:1fr}.top-hero-bn-art{aspect-ratio:16/9;order:0!important}.top-hero-bn-txt{padding:1rem}}
.top-hero-cta{margin:1.125rem 0 0;text-align:center}.top-hero-text{padding:3.75rem 0 1.875rem;text-align:center}.top-hero-text > .top-h1{margin-bottom:12px}
.top-car{border-radius:6px;margin:0 auto;max-width:1200px;overflow:hidden;position:relative}.top-car-track{display:flex;transition:transform .5s}.top-car-slide{flex:0 0 100%}.top-car-slide img{aspect-ratio:1400/400;display:block;object-fit:cover;width:100%}
.top-car-dots{bottom:10px;display:flex;gap:7px;justify-content:center;left:0;position:absolute;right:0}.top-car-dots span{background-color:#fff7;border-radius:50%;cursor:pointer;height:9px;width:9px}.top-car-dots span.on{background-color:hsl(28,85%,55%)}
.top-hero-grid .pg-wrap,.top-hero-split > .pg-wrap{align-items:center;display:grid;gap:1.688rem;grid-template-columns:1.1fr 1fr}.top-hero-split img{border-radius:6px}
.top-hero-mini{display:grid;gap:0.625rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr))}.play-mini{background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);font-size:0.75rem;font-weight:700;padding:0.5rem;text-align:center}
@media(max-width:760px){.top-hero-grid .pg-wrap,.top-hero-split > .pg-wrap{grid-template-columns:1fr}}.top-hero-bn-art{margin:0}.top-hero-bn.txt-first.art-left > .top-hero-bn-art{order:-1}
.md-mask{align-items:center;background-color:#000a;display:none;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:100}.md-mask.on{display:flex}.md-modal{background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(28,85%,55%);box-shadow:0 19px 60px #000c;max-width:400px;overflow:hidden;position:relative;width:100%}.md-x{background-color:#0008;border-radius:50%;border:0;color:#fff;cursor:pointer;font-size:1.25rem;height:30px;position:absolute;right:10px;top:8px;width:29px;z-index:2}
.md-mtabs{display:flex}.md-mtab{border-bottom:2px solid hsl(145,20%,22%);color:#9aa8bd;cursor:pointer;flex:1;font-weight:800;padding:0.875rem;text-align:center}.md-mtab.on{border-bottom-color:hsl(28,85%,55%);color:hsl(28,85%,55%)}.md-mbody{padding:1.25rem}.md-inp{background-color:hsl(145,35%,8%);border-radius:4px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);color:#eef2f8;margin-bottom:10px;padding:11px 13px;width:100%}.md-mnote{color:#9aa8bd;font-size:0.75rem;margin-top:10px;text-align:center}.promo-promo-modal img{width:100%}.promo-promo-modal div{padding:1.063rem;text-align:center}
.level-vip-grid{display:flex;flex-wrap:wrap;gap:0.875rem}.level-vip-card{background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);flex:1 1 calc(100%/4 - 14px);min-width:min(100%,180px);padding:1rem;text-align:center}.level-vip-card svg{color:hsl(28,85%,55%);height:28px;width:27px}.level-vip-card p{color:#9aa8bd;font-size:13px}@media(max-width:760px){.level-vip-grid{grid-template-columns:repeat(2,1fr)}}
.hoi-faq-dl dt{font-weight:800;margin-top:14px}.hoi-faq-dl dd{color:#9aa8bd;margin-top:4px}.hoi-acc-item{background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);margin-bottom:8px}.hoi-acc-q{background:none;border:0;color:#eef2f8;cursor:pointer;display:flex;font-weight:800;justify-content:space-between;padding:0.875rem 1rem;text-align:left;width:100%}.hoi-acc-a{color:#9aa8bd;display:none;padding:0 1rem 0.875rem}.hoi-acc-item.on > .hoi-acc-a{display:block}.hoi-faq-ul{list-style:none;margin:0;padding:0}.hoi-faq-ul li{border-bottom:1px solid hsl(145,20%,22%);padding:0.75rem 0}.hoi-faq-ul h3{font-size:15px;margin:0 0 0.25rem}.hoi-faq-ul p{color:#9aa8bd;margin:0}.hoi-faq-det{border-bottom:1px solid hsl(145,20%,22%);padding:0.625rem 0}.hoi-faq-det summary{cursor:pointer;font-weight:800}.hoi-faq-det p{color:#9aa8bd;margin:0.375rem 0 0}
.sanh-cats-row{display:flex;flex-wrap:wrap;gap:0.625rem;justify-content:center}.sanh-cat{align-items:center;background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:0.375rem;min-width:93px;padding:0.875rem 1.125rem;transition:.2s}.sanh-cat:hover{border-color:hsl(28,85%,55%);transform:translateY(-4px)}.sanh-cat svg{color:hsl(28,85%,55%);height:26px;width:26px}
.sanh-cat-grid{display:flex;flex-wrap:wrap;gap:0.875rem}.sanh-cat-card{background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);display:block;flex:1 1 calc(100%/var(--cols,4) - 14px);min-width:min(100%,180px);padding:0.625rem;transition:.2s}.sanh-cat-card:hover{border-color:hsl(28,85%,55%);transform:translateY(-4px)}.sanh-cat-card b{display:block;margin-top:8px}.sanh-cat-card small{color:#9aa8bd}
.sanh-tabs{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:16px}.sanh-tab{align-items:center;background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);color:#eef2f8;cursor:pointer;display:flex;font-weight:700;gap:0.375rem;padding:9px 1rem}.sanh-tab svg{height:18px;width:18px}.sanh-tab.on{background-color:hsl(28,85%,55%);border-color:transparent;color:#141414}
.sanh-pane{display:none}.sanh-pane.on{display:block}.sanh-pane-in{align-items:center;background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);display:grid;gap:1.313rem;grid-template-columns:1fr 1fr;padding:1.375rem}.sanh-pane-img{margin:0 auto;max-width:360px;width:100%}.sanh-pane-in h3{color:hsl(28,85%,55%);font-size:1.375rem;margin-bottom:8px}.sanh-pane-in p{color:#9aa8bd;margin-bottom:14px}
@media(max-width:760px){.sanh-cat-grid{grid-template-columns:repeat(2,1fr)}.sanh-pane-in{grid-template-columns:1fr}}
.play-ggrid{display:flex;flex-wrap:wrap;gap:0.875rem}.play-gcard{background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);display:block;flex:1 1 calc(100%/var(--cols,4) - 14px);min-width:min(100%,180px);overflow:hidden;transition:.2s}.play-gcard:hover{border-color:hsl(28,85%,55%);transform:translateY(-4px)}.play-gcard > .play-thumb{border-radius:0}.play-gcap{align-items:center;display:flex;font-size:13px;gap:0.5rem;justify-content:space-between;padding:0.625rem}
.play-gcap>*:first-child{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;line-height:1.3;min-width:0;overflow:hidden}.play-gcap em{color:hsl(28,85%,55%);flex:0 0 auto;font-size:11px;font-style:normal;white-space:nowrap}
.play-glist-ul li{align-items:center;background-color:hsl(145,28%,15%);border-radius:6px;border-width:1px;border-style:solid;border-color:hsl(145,20%,22%);display:flex;flex-wrap:wrap;gap:0.875rem;margin-bottom:10px;padding:0.625rem;row-gap:0.5rem}.play-glist-img{flex:0 0 62px;width:63px}.play-gl-txt{flex:1 1 150px;min-width:0}.play-glist-ul span{color:#9aa8bd;display:block;font-size:0.75rem}
.play-gov{border-radius:6px;cursor:pointer;flex:1 1 calc(100%/var(--cols,4) - 14px);margin:0;min-width:min(100%,180px);overflow:hidden;position:relative}
.play-gov figcaption{align-items:stretch;background:linear-gradient(transparent,#000a 38%,#000d);bottom:0;color:#fff;display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:0.5rem;left:0;padding:0.75rem 0.625rem 0.625rem;position:absolute;right:0}
.play-gov figcaption>span{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;line-height:1.3;min-width:0;overflow:hidden}
.play-gov figcaption .button-btn{background-color:hsl(28,85%,55%);color:#141414;display:block;font-size:0.75rem;font-weight:800;line-height:1.25;overflow-wrap:break-word;padding:7px 0.5rem;text-align:center;white-space:normal;width:100%}
.play-rank li{align-items:center;border-bottom:1px solid hsl(145,20%,22%);display:grid;gap:0.75rem;grid-template-columns:auto auto minmax(0,1fr) auto;padding:0.625rem}.play-rank li>*{min-width:0}.play-rank i{color:hsl(28,85%,55%);font-size:1.125rem;font-style:normal;font-weight:900}.play-rank-img{width:56px}.play-rank-bar{background-color:hsl(145,20%,22%);border-radius:3px;height:6px;overflow:hidden}.play-rank-bar span{background-color:hsl(28,85%,55%);display:block;height:100%}
@media(min-width:761px) and (max-width:1100px){.play-ggrid{grid-template-columns:repeat(3,1fr)}.play-gcard,.play-gov{flex-basis:calc(33.333% - 14px)}}
@media(max-width:760px){.play-ggrid{grid-template-columns:repeat(2,1fr)}.play-gcard,.play-gov{flex-basis:calc(50% - 14px)}.play-rank li{grid-template-columns:auto auto minmax(0,1fr)}.play-rank-bar{display:none}}