
/* Four flexible advertising spaces replace the former horizontal game list. */
.top-advertising{padding-top:13px}
.top-advertising-label{margin:0 0 7px;color:#7e8793;font-family:var(--font);font-size:8px;font-weight:500;line-height:1;letter-spacing:1.2px;text-transform:uppercase}
.top-ad-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.top-ad-slot{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;height:78px;padding:12px 18px;border:1px solid #39362f;border-radius:5px;overflow:hidden;background:radial-gradient(ellipse at 80% 0,#d1aa6509,transparent 70%),#171a1f}
.top-ad-slot:after{content:'';position:absolute;inset:-35px 20px -35px auto;width:50px;transform:rotate(30deg);border-left:1px solid #ffffff04;border-right:1px solid #ffffff03;z-index:-1}
.top-ad-slot:hover{border-color:#8d7044;background-color:#1d1e21}
.top-ad-number{position:absolute;top:7px;left:9px;color:#6d6b63;font-size:8px;letter-spacing:.5px;line-height:1}
.top-ad-plus{font-family:var(--font);font-size:23px;line-height:1;font-weight:400;color:#b99962}
.top-ad-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.top-ad-copy strong{color:#cdb68c;font-size:11px;line-height:1.3;font-weight:500}
.top-ad-copy small{font-size:9px;line-height:1.35;color:#818793}
.games-panel{padding:13px;border:1px solid var(--line);border-radius:7px;background:#15181d;min-width:0}
.games-panel-heading{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.games-panel-heading>svg{width:18px;height:18px;color:#d1aa65}
.games-panel-heading h3{margin:0;font:600 21px/1.15 var(--heading);color:#e2e3e7}
.games-panel .game-grid{display:grid;grid-template-columns:1fr;gap:7px}
.games-panel .game-card{width:100%;height:68px;padding:10px 12px;border-radius:5px}
.games-panel .game-info{gap:7px;min-width:0}
.games-panel .game-info>small{display:block;font-size:9px;line-height:1.4;color:#b1b5be;max-width:calc(100% - 9px)}
.games-panel .game-wordmark{font-size:18px;letter-spacing:1.1px;white-space:nowrap}
.games-panel .game-wordmark b{font-size:23px;letter-spacing:-4px}
.games-panel .game-wordmark.ro{font-size:23px;letter-spacing:-.6px}
.games-panel .game-wordmark.mu-word{font-size:26px;line-height:1}
.games-panel .mu-word i{font-size:7px;letter-spacing:2px}
.games-panel .game-wordmark.wow{font-size:16px;letter-spacing:.1px;line-height:.9}
.games-panel .game-wordmark.wow small{font-size:6px;letter-spacing:1.2px;margin-bottom:3px}
.games-panel .game-sigil{font-size:86px;top:-17px;right:9px}
.games-panel .ragnarok .game-sigil{font-size:81px;top:-8px}
.games-panel .mu .game-sigil{font-size:80px;top:-9px}
.games-panel .warcraft .game-sigil{font-size:77px;top:-4px}
.games-panel .game-arrow{font-size:13px;right:10px;bottom:27px;color:#a6acb888}
.games-panel .game-card:hover,.games-panel .game-card.selected{transform:none}
.games-panel .game-card.selected{border-color:#d1aa65}
.games-panel .all-games-button{display:flex;justify-content:space-between;width:100%;padding:12px 0 0;font-size:10px;color:#a7afbb;text-align:left}
.games-panel .all-games-button:hover{color:#e2bd7d}
.games-panel .more-games{display:grid;grid-template-columns:1fr;gap:5px;padding:10px 0 0}
.games-panel .more-games a{display:block;padding:7px 9px;font-size:10px;border-radius:4px;color:#aeb6c2}
.games-panel .more-games a:hover{color:#e2bd7d;border-color:#6a5030}
@media(max-width:940px) and (min-width:761px){.games-panel{padding:11px}.games-panel-heading{gap:6px}.games-panel-heading h3{font-size:19px}.games-panel .game-card{padding:10px}.games-panel .game-wordmark{font-size:17px}.games-panel .game-wordmark.ro{font-size:22px}.games-panel .game-info>small{font-size:8px}}
@media(max-width:760px){
.top-advertising{padding-top:11px}
.top-ad-slots{grid-template-columns:repeat(4,minmax(178px,1fr));gap:9px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#42464f transparent;padding-bottom:5px}
.top-ad-slot{padding:10px;gap:9px;scroll-snap-align:start}
.top-ad-copy strong{font-size:10px}
.top-ad-copy small{font-size:8px}
.games-panel{grid-column:1/-1}
.games-panel .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.games-panel .game-card{height:76px;padding:10px}
.games-panel .game-info{gap:6px}
.games-panel .game-info>small{font-size:9px;max-width:100%}
.games-panel .game-wordmark{font-size:17px;letter-spacing:.7px}
.games-panel .game-wordmark b{font-size:21px}
.games-panel .game-wordmark.ro{font-size:21px}
.games-panel .game-wordmark.mu-word{font-size:24px}
.games-panel .game-wordmark.wow{font-size:14px}
.games-panel .game-arrow{display:none}
.games-panel .more-games{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:360px){.games-panel{padding:11px}.games-panel .game-card{padding:9px}.games-panel .game-wordmark{font-size:15px}.games-panel .game-wordmark.ro{font-size:20px}.games-panel .game-wordmark.wow{font-size:13px}.games-panel .game-info>small{font-size:8px}}
