:root{--bg:hsl(36 35% 8%);--bg2:hsl(36 30% 12%);--card:hsl(36 28% 15%);--line:hsl(36 20% 22%);--text:#eef2f8;--muted:#9aa8bd;--pri:hsl(36 75% 58%);--pri2:hsl(36 70% 45%);--acc:#e6e6e6;--acc2:#bdbdbd;--onacc:#111;--onpri:#141414;--accon:#e6e6e6;--acconhd:#e6e6e6;--r:11px;--gap:44px}
*{margin:0;padding:0}*,:after,:before{box-sizing:inherit}html{box-sizing:border-box;scroll-behavior:smooth}
body{font-family:'Arial',system-ui,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),var(--bg2));color:var(--text);line-height:1.6;font-size:13px}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}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}
.tp-wrap{max-width:1120px;margin:0 auto;padding:0 14px}section{padding:var(--gap) 0}
.hr-h1{font-family:'Arial',sans-serif;font-size:clamp(24px,4vw,40px);font-weight:800;line-height:1.15;}
.tp-h2{font-family:'Arial',sans-serif;font-size:clamp(18px,2.4vw,25px);font-weight:800;margin-bottom:16px;color:var(--acc);display:inline-block;border-bottom:3px solid var(--acc);padding-bottom:5px}
.tp-h3{font-family:'Arial',sans-serif;font-size:16px;margin:11px 0 5px;color:var(--acc)}
.tp-sub{color:var(--muted);margin:-10px 0 16px}.hr-lead{color:var(--muted);font-size:15px;margin-bottom:13px}.tp-more{display:inline-block;margin-top:13px;font-weight:700;color:var(--acc)}
.btn-btn{display:inline-block;padding:10px 20px;border-radius:11px;font-weight:800;cursor:pointer;border:0;line-height:1.2;white-space:nowrap}
.btn-btn-pri{background:linear-gradient(135deg,var(--acc),var(--acc2));color:var(--onacc);box-shadow:0 5px 16px #0006}.btn-btn-pri:hover{filter:brightness(1.08)}
.btn-btn-sec{background:transparent;border:1.5px solid var(--acc);color:var(--accon)}
.btn-btn-sm{padding:7px 12px;font-size:12px;background-color:var(--pri);color:var(--onpri)}.btn-btn[data-big]{font-size:15px;padding:12px 27px}
.pr-badge{display:inline-block;background-color:var(--acc);color:var(--onacc);font-size:10px;font-weight:800;padding:3px 8px;border-radius:999px;margin-bottom:7px}
.g-thumb{aspect-ratio:70/63;border-radius:calc(var(--r) - 2px);background-color:var(--bg2)}
.tp-phero{padding:31px 0 9px}.tp-crumb{font-size:12px;color:var(--muted);margin-bottom:9px}.tp-crumb a{color:var(--acc)}.tp-page p{color:var(--muted);margin-bottom:12px}.tp-page-col{max-width:820px}
.pr-pd{background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-bottom:12px}.pr-pd h2{margin-bottom:7px}.tp-guide{display:grid;grid-template-columns:1fr 1fr;gap:22px}.intro-art-list article{border-bottom:1px solid var(--line);padding:14px 0}.intro-art-list img{width:100%;max-width:300px;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);margin-bottom:9px}.intro-art-hero{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);margin-bottom:16px}.intro-art-list h2{margin-bottom:4px}.intro-art-list time{font-size:11px;color:var(--muted)}
.intro-article{max-width:780px}.intro-article h2{margin:19px 0 9px}.intro-article time{display:block;color:var(--muted);font-size:12px;margin-bottom:15px}.tp-related{margin-top:27px;border-top:1px solid var(--line);padding-top:14px}.tp-related a{display:block;padding:5px 0;color:var(--acc)}
@media(max-width:760px){.tp-guide{grid-template-columns:1fr}}.lobby-cat-head{display:flex;align-items:center;gap:20px;margin-bottom:16px}.lobby-cat-hero{width:120px;flex:0 0 auto;aspect-ratio:1;border-radius:var(--r);background-repeat:no-repeat}@media(max-width:760px){.lobby-cat-hero{width:75px}}
.level-vip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / 4))),1fr));gap:13px}.level-vip-card{;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;text-align:center}.level-vip-card svg{width:25px;height:25px;color:var(--acc)}.level-vip-card p{color:var(--muted);font-size:12px}@media(max-width:760px){.level-vip-grid{grid-template-columns:repeat(2,1fr)}}
.hd2-steps-ol{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / 3))),1fr));gap:12px}.hd2-steps-ol li{;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px}.hd2-step-n{display:inline-flex;width:26px;height:27px;border-radius:50%;background-color:var(--acc);color:var(--onacc);align-items:center;justify-content:center;font-weight:900;margin-bottom:7px}.hd2-steps-ol b{display:block}.hd2-steps-ol p{color:var(--muted);font-size:11px}
.hd2-tl{position:relative;padding-left:23px;border-left:2px solid var(--line)}.hd2-tl li{position:relative;margin-bottom:16px}.hd2-tl-dot{position:absolute;left:-34px;top:4px;width:13px;height:12px;border-radius:50%;background-color:var(--acc);box-shadow:0 0 0 4px var(--bg)}.hd2-tl p{color:var(--muted);font-size:13px}
.hd2-inl{display:flex;flex-wrap:wrap;align-items:center;gap:13px;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px 18px}.hd2-inl .tp-h2{margin:0 9px 0 0;font-size:16px}.hd2-inl-step{display:inline-flex;align-items:center;gap:7px;font-weight:700}.hd2-inl-step em{font-style:normal;width:21px;height:21px;border-radius:50%;background-color:var(--acc);color:var(--onacc);display:inline-flex;align-items:center;justify-content:center;font-size:11px}.hd2-inl-arrow{color:var(--muted)}
@media(max-width:760px){.hd2-steps-ol{grid-template-columns:1fr}}
.hr-hero{padding:18px 0 0}.hr-hero-banner{position:relative}.hr-hero-banner img{width:100%;border-radius:var(--r);max-width:1120px;margin:0 auto}
.hr-hero-bn{display:grid;grid-template-columns:5fr 7fr;align-items:center;gap:0;aspect-ratio:1400/440;border-radius:var(--r);overflow:hidden;background:linear-gradient(105deg,var(--pri) 0%,var(--bg2) 55%,var(--acc) 140%)}
.hr-hero-bn.art-right{grid-template-columns:7fr 5fr}.hr-hero-bn.art-right .hr-hero-bn-art{order:2}.hr-hero-bn.alt{background:linear-gradient(255deg,var(--acc) -40%,var(--bg2) 45%,var(--pri) 100%)}
.hr-hero-bn-art{height:100%;min-height:0}.hr-hero-bn-art img{width:100%;height:100%;object-fit:cover;display:block}
.hr-hero-bn-txt{padding:4% 5%;color:#fff;text-shadow:0 2px 11px rgba(0,0,0,.45)}.hr-hero-bn-txt .hr-h1{color:#fff;font-size:clamp(20px,3.4vw,41px);line-height:1.12;margin:0 0 9px;text-transform:uppercase}.hr-hero-bn-txt .hr-lead{color:rgba(255,255,255,.88);margin-bottom:13px}
@media(max-width:760px){.hr-hero-bn,.hr-hero-bn.art-right{grid-template-columns:1fr;aspect-ratio:auto}.hr-hero-bn-art{order:0!important;aspect-ratio:16/9}.hr-hero-bn-txt{padding:15px}}
.hr-hero-cta{text-align:center;margin:16px 0 0}.hr-hero-text{text-align:center;padding:53px 0 26px}.hr-hero-text .hr-h1{margin-bottom:11px}
.hr-car{position:relative;overflow:hidden;border-radius:var(--r);max-width:1120px;margin:0 auto}.hr-car-track{display:flex;transition:transform .5s}.hr-car-slide{flex:0 0 100%}.hr-car-slide img{width:100%;aspect-ratio:1400/400;object-fit:cover;display:block}
.hr-car-dots{position:absolute;bottom:9px;left:0;right:0;display:flex;justify-content:center;gap:6px}.hr-car-dots span{width:8px;height:8px;border-radius:50%;background-color:#fff7;cursor:pointer}.hr-car-dots span.on{background-color:var(--acc)}
.hr-hero-grid .tp-wrap,.hr-hero-split .tp-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:26px;align-items:center}.hr-hero-split img{border-radius:var(--r)}
.hr-hero-mini{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:9px}.g-mini{background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:7px;text-align:center;font-size:11px;font-weight:700}
@media(max-width:760px){.hr-hero-grid .tp-wrap,.hr-hero-split .tp-wrap{grid-template-columns:1fr}}.hr-hero-bn-art{margin:0}.hr-hero-bn.txt-first.art-left .hr-hero-bn-art{order:-1}
.intro-art-col{max-width:860px}.intro-art p{color:var(--muted);margin-bottom:12px}.intro-art .tp-h2{margin-top:9px}.intro-art a{color:var(--acc);text-decoration:underline}
.intro-art-cols{display:grid;grid-template-columns:1.2fr 1fr;gap:29px}.intro-art-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / 3))),1fr));gap:13px}.intro-art-box{;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;position:relative}.intro-art-n{position:absolute;top:9px;right:12px;font-size:23px;font-weight:900;color:var(--line)}
.intro-quote{border-left:4px solid var(--acc);padding:9px 17px;font-size:16px;color:var(--text);margin-bottom:16px;background-color:var(--card);border-radius:0 var(--r) var(--r) 0}.intro-art-d{border-bottom:1px solid var(--line);padding:9px 0}.intro-art-d summary{font-weight:800;cursor:pointer;font-size:15px}.intro-art-d p{margin-top:7px}
@media(max-width:760px){.intro-art-cols,.intro-art-boxes{grid-template-columns:1fr}}.intro-art-item{margin-bottom:20px}.intro-art-item h3{margin:0 0 7px}.intro-art article{margin-bottom:20px}
.pill-chips{display:flex;flex-wrap:wrap;gap:9px}.pill-chip{display:inline-flex;align-items:center;gap:5px;background-color:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:11px;font-weight:700;color:var(--muted)}.pill-chip svg{width:14px;height:15px}
.popup-mask{position:fixed;inset:0;z-index:100;background-color:#000a;display:none;align-items:center;justify-content:center;padding:15px}.popup-mask.on{display:flex}.popup-modal{position:relative;background-color:var(--card);border:1px solid var(--acc);border-radius:var(--r);max-width:400px;width:100%;box-shadow:0 18px 55px #000c;overflow:hidden}.popup-x{position:absolute;top:7px;right:9px;z-index:2;background-color:#0008;border:0;color:#fff;font-size:18px;width:26px;height:28px;border-radius:50%;cursor:pointer}
.popup-mtabs{display:flex}.popup-mtab{flex:1;text-align:center;padding:12px;font-weight:800;cursor:pointer;color:var(--muted);border-bottom:2px solid var(--line)}.popup-mtab.on{color:var(--acc);border-bottom-color:var(--acc)}.popup-mbody{padding:17px}.popup-inp{width:100%;padding:10px 12px;margin-bottom:9px;border:1px solid var(--line);border-radius:calc(var(--r)/1.5);background-color:var(--bg);color:var(--text)}.popup-mnote{font-size:11px;color:var(--muted);text-align:center;margin-top:9px}.pr-promo-modal img{width:100%}.pr-promo-modal div{padding:16px;text-align:center}
.pr-pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / var(--cols,3)))),1fr));gap:12px}.pr-pcard{;background-color:var(--card);border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:var(--r);padding:16px}.pr-pcard b{display:block;font-size:14px;margin-bottom:5px}.pr-pcard p{color:var(--muted);font-size:12px;margin-bottom:11px}
.pr-promo-list li{display:flex;gap:12px;align-items:center;flex-wrap:wrap;row-gap:9px;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px;margin-bottom:9px}.pr-promo-list li div{flex:1 1 180px;min-width:0}.pr-promo-list p{color:var(--muted);font-size:12px}
.pr-promo-big{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}.pr-promo-big img{border-radius:var(--r)}@media(max-width:760px){.pr-pgrid,.pr-promo-big{grid-template-columns:1fr}}
.g-ggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / var(--cols,4)))),1fr));gap:13px}.g-gcard{;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:block;transition:.2s}.g-gcard:hover{transform:translateY(-4px);border-color:var(--acc)}.g-gcard .g-thumb{border-radius:0}.g-gcap{padding:9px;display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:12px}
.g-gcap>*:first-child{min-width:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.g-gcap em{color:var(--acc);font-style:normal;font-size:10px;flex:0 0 auto;white-space:nowrap}
.g-glist-ul li{display:flex;align-items:center;flex-wrap:wrap;row-gap:7px;gap:13px;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:9px;margin-bottom:9px}.g-glist-img{width:56px;flex:0 0 57px}.g-gl-txt{flex:1 1 150px;min-width:0}.g-glist-ul span{display:block;color:var(--muted);font-size:11px}
.g-gov{;position:relative;border-radius:var(--r);overflow:hidden;cursor:pointer;margin:0}
.g-gov figcaption{position:absolute;left:0;right:0;bottom:0;padding:11px 9px 9px;background:linear-gradient(transparent,#000a 38%,#000d);color:#fff;display:flex;flex-direction:column;align-items:stretch;gap:7px;font-weight:700;font-size:11px}
.g-gov figcaption>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;overflow:hidden;line-height:1.3}
.g-gov figcaption .btn-btn{display:block;width:100%;text-align:center;padding:6px 7px;font-size:11px;font-weight:800;line-height:1.25;white-space:normal;overflow-wrap:break-word;background-color:var(--acc);color:var(--onacc)}
.g-rank li{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:9px;border-bottom:1px solid var(--line)}.g-rank li>*{min-width:0}.g-rank i{font-style:normal;font-weight:900;color:var(--acc);font-size:16px}.g-rank-img{width:50px}.g-rank-bar{height:5px;background-color:var(--line);border-radius:3px;overflow:hidden}.g-rank-bar span{display:block;height:100%;background-color:var(--acc)}
@media(min-width:761px) and (max-width:1100px){.g-ggrid{grid-template-columns:repeat(3,1fr)}.g-gcard,.g-gov{flex-basis:calc(33.333% - 13px)}}
@media(max-width:760px){.g-ggrid{grid-template-columns:repeat(2,1fr)}.g-gcard,.g-gov{flex-basis:calc(50% - 13px)}.g-rank li{grid-template-columns:auto auto minmax(0,1fr)}.g-rank-bar{display:none}}
.lobby-table{width:100%;border-collapse:collapse;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.lobby-table th{background-color:var(--bg2);text-align:left;padding:10px 12px;font-size:12px;color:var(--muted)}.lobby-table td{padding:10px 13px;border-top:1px solid var(--line);font-size:12px}.lobby-table .win{color:#22c55e;font-weight:800}.lobby-table .lose{color:#ef4444;font-weight:800}
@media(max-width:760px){.lobby-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.lobby-table thead,.lobby-table tbody{display:table;width:100%;min-width:460px}.lobby-table th,.lobby-table td{padding:8px 9px;font-size:11px}}
.faq-faq-dl dt{font-weight:800;margin-top:12px}.faq-faq-dl dd{color:var(--muted);margin-top:4px}.faq-acc-item{border:1px solid var(--line);border-radius:var(--r);margin-bottom:7px;background-color:var(--card)}.faq-acc-q{width:100%;display:flex;justify-content:space-between;background:none;border:0;color:var(--text);font-weight:800;padding:13px 14px;cursor:pointer;text-align:left}.faq-acc-a{display:none;padding:0 14px 13px;color:var(--muted)}.faq-acc-item.on .faq-acc-a{display:block}.faq-faq-ul{list-style:none;margin:0;padding:0}.faq-faq-ul li{padding:11px 0;border-bottom:1px solid var(--line)}.faq-faq-ul h3{margin:0 0 4px;font-size:13px}.faq-faq-ul p{color:var(--muted);margin:0}.faq-faq-det{border-bottom:1px solid var(--line);padding:9px 0}.faq-faq-det summary{font-weight:800;cursor:pointer}.faq-faq-det p{color:var(--muted);margin:5px 0 0}
.post-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / 3))),1fr));gap:12px}.post-news-card{;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.post-news-img{aspect-ratio:16/9}.post-news-card time,.post-news-list time{font-size:11px;color:var(--muted);display:block;padding:9px 13px 0}.post-news-card h3,.post-news-list h3{font-size:13px;padding:4px 13px}.post-news-card p,.post-news-list p{font-size:12px;color:var(--muted);padding:0 12px 13px}.post-news-list li{display:flex;gap:13px;border-bottom:1px solid var(--line);padding:9px 0}@media(max-width:760px){.post-news-grid{grid-template-columns:1fr}}
.help-contact-box,.help-agent-box{display:flex;align-items:center;flex-wrap:wrap;row-gap:11px;gap:16px;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px}.help-contact-box div,.help-agent-box div{flex:1 1 200px;min-width:0}.help-ico{width:33px;height:33px;color:var(--acc)}
.mobile-split{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.mobile-split img{border-radius:var(--r)}.mobile-dl{display:flex;gap:9px;margin-top:12px}@media(max-width:760px){.mobile-split{grid-template-columns:1fr}}
.nav-hd{background:hsl(36 35% 10%);color:#ffffff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;}
.btn-btn-onhd{color:#e6e6e6;border-color:#e6e6e6}
.nav-hd-in{display:flex;align-items:center;flex-wrap:wrap;row-gap:7px;gap:clamp(7px,1.1vw,16px);min-height:60px;padding:5px 14px}.nav-logo{flex:0 0 auto}.nav-logo img{height:47px;max-width:240px;object-fit:contain}.nav-logo b{font-size:24px;font-weight:900;color:var(--acc)}
.nav-nav{display:flex;align-items:center;row-gap:9px;flex-wrap:wrap;min-width:0;gap:16px;flex:1 1 auto;}
.nav-nav>ul{display:flex;flex-wrap:wrap;align-items:center;gap:inherit;row-gap:7px;min-width:0}
.nav-nav>ul>li{flex:0 0 auto}
.nav-nav a{flex:0 0 auto;font-weight:700;font-size:13px;opacity:.9;white-space:nowrap;}.nav-nav a:hover,.nav-nav a.on{color:var(--acc);opacity:1}
.popup-auth{display:flex;gap:7px;margin-left:auto;flex-wrap:wrap;row-gap:5px}.nav-topbar{background-color:var(--bg2);font-size:11px;color:var(--muted);padding:5px 0}
@media(min-width:761px) and (max-width:1023px){.nav-nav{order:3;flex-basis:100%;margin-left:0;margin-right:0;justify-content:flex-start;padding-top:2px}.popup-auth{order:2}}
.tp-burger{display:none;background:none;border:1px solid var(--line);border-radius:calc(var(--r)/2);color:var(--text);font-size:18px;line-height:1;padding:6px 10px;cursor:pointer}
@media(max-width:760px){.tp-burger{display:block;order:2}.popup-auth{order:3;gap:5px}.popup-auth .btn-btn{padding:7px 9px;font-size:11px;white-space:nowrap}
.nav-nav{display:none;order:4;flex-basis:100%;flex-direction:column;padding:5px 0 2px}
.nav-nav.on{display:flex;background:hsl(36 35% 10%);box-shadow:0 9px 17px rgba(0,0,0,.28)}
.nav-nav a{padding:10px 4px;border-bottom:1px solid var(--line)}
.nav-hd{position:sticky;top:0;z-index:50}
.nav-hd-in{flex-wrap:wrap;row-gap:7px;align-items:center;height:auto;min-height:63px;padding-bottom:5px}}.nav-nav ul,.nav-nav li{display:contents;list-style:none;margin:0;padding:0}
.nav-hd-2row .nav-hd-in{flex-wrap:wrap;height:auto;min-height:0;padding:7px 14px 0;row-gap:4px}
.nav-hd-top{display:flex;align-items:center;flex-wrap:wrap;row-gap:7px;gap:17px;width:100%;min-width:0}.nav-hd-top>*{min-width:0}.nav-hd-top .popup-auth{margin-left:auto;flex-wrap:wrap;row-gap:5px}
.nav-hd-2row .nav-nav{flex-basis:100%;order:5;padding:6px 0 7px;margin:0;justify-content:flex-start}
@media(max-width:760px){.nav-hd-2row .nav-hd-top .tp-burger{order:0}.nav-hd-2row .nav-hd-top .popup-auth{order:0}}
.footer-footer{background-color:var(--bg2);border-top:1px solid var(--line);padding:32px 0 20px;font-size:11px;color:var(--muted)}.footer-f-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:17px}.footer-f-grid>.footer-f-brand{grid-column:span 2}.footer-f-grid b{display:block;color:var(--text);margin-bottom:7px}.footer-f-grid a{display:block;padding:3px 0}.footer-f-brand img{height:30px;margin-bottom:9px}.footer-f-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:7px;border-top:1px solid var(--line);padding-top:13px}
.footer-f-inline{display:flex;flex-wrap:wrap;gap:12px;margin:13px 0}.footer-f-inline a{flex:0 0 auto;white-space:nowrap}
@media(max-width:760px){.footer-f-grid{grid-template-columns:1fr}.footer-f-grid>.footer-f-brand{grid-column:auto}}.footer-f-inline ul,.footer-f-inline li{display:contents;list-style:none;margin:0;padding:0}.footer-f-about{max-width:720px;margin:0 auto 11px;text-align:center}
.lobby-cats-row{display:flex;gap:9px;flex-wrap:wrap;justify-content:center}.lobby-cat{display:flex;flex-direction:column;align-items:center;gap:6px;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 17px;min-width:87px;font-weight:700;font-size:12px;transition:.2s}.lobby-cat:hover{transform:translateY(-4px);border-color:var(--acc)}.lobby-cat svg{width:23px;height:24px;color:var(--acc)}
.lobby-cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / var(--cols,4)))),1fr));gap:13px}.lobby-cat-card{;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:9px;display:block;transition:.2s}.lobby-cat-card:hover{transform:translateY(-4px);border-color:var(--acc)}.lobby-cat-card b{display:block;margin-top:7px}.lobby-cat-card small{color:var(--muted)}
.lobby-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}.lobby-tab{display:flex;align-items:center;gap:5px;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:8px 14px;font-weight:700;cursor:pointer;color:var(--text)}.lobby-tab svg{width:17px;height:17px}.lobby-tab.on{background-color:var(--acc);color:var(--onacc);border-color:transparent}
.lobby-pane{display:none}.lobby-pane.on{display:block}.lobby-pane-in{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;background-color:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px}.lobby-pane-img{max-width:360px;margin:0 auto;width:100%}.lobby-pane-in h3{font-size:20px;margin-bottom:7px;color:var(--acc)}.lobby-pane-in p{color:var(--muted);margin-bottom:12px}
@media(max-width:760px){.lobby-cat-grid{grid-template-columns:repeat(2,1fr)}.lobby-pane-in{grid-template-columns:1fr}}