/* Layout coordinates follow the 1920 × 2063 design document. */
:root { --design-scale: 1; }
body { background: #301c24; overflow-x: hidden; }
.site-shell {
    width: 1920px;
    margin: 0 auto;
    zoom: var(--design-scale);
    background: #301c24 url('../assets/theme/background.webp') center top / 1920px 2063px no-repeat;
    font-family: Arial, sans-serif;
}
.site-shell [hidden] { display: none !important; }
.site-shell .navbar { height: 79px; position: relative; border-bottom: 2px solid #bb94a2; box-shadow: none; }
.site-shell .navbar-inner { width: 1297px; max-width: none; height: 77px; margin: 0 0 0 305px; padding: 0 50px 0 287px; gap: 0; }
.site-shell .navbar-logo, .site-shell .nav-toggle { display: none; }
.site-shell .navbar-nav, .site-shell .navbar.menu-open .navbar-nav { position: static; display: flex; flex: 1; justify-content: flex-start; gap: 12px; padding: 0; background: none; border: 0; box-shadow: none; }
.site-shell .nav-link { font-size: 17px; line-height: 21px; padding: 9px 12px; min-height: 41px; font-weight: 700; letter-spacing: .6px; white-space: nowrap; }
html[lang="ro"] .site-shell .navbar-nav { gap: 8px; }
html[lang="ro"] .site-shell .nav-link { font-size: 16px; padding-inline: 10px; letter-spacing: .4px; }
.site-shell .navbar-right { margin-left: auto; padding-left: 28px; gap: 15px; }
.site-shell .nav-arrow { display: none; }
.site-shell .lang-selected { min-height: 40px; height: 40px; min-width: 85px; padding: 5px 8px; font-size: 13px; gap: 6px; }
.site-shell .lang-flag { width: 22px; height: 22px; object-fit: contain; }
.site-shell .lang-arrow { width: 12px; }
.site-shell .lang-dropdown { min-width: 170px; }
.site-shell .lang-option { gap: 10px; font-size: 14px; min-height: 40px; }
.site-shell .lang-option img { width: 22px; height: 22px; object-fit: contain; }
.site-shell .lang-option--active { background: #79475f55; color: #fff; }
.site-shell .nav-account { font-size: 14px; }
.site-shell .nav-account-name { max-width: 90px; }
.site-shell .nav-logout { font-size: 13px; }
.site-shell .hero { height: 548px; overflow: visible; background: none; }
.site-shell .hero-inner { width: 1920px; height: 548px; padding: 0; position: relative; display: block; }
.site-shell .hero-brand { position: absolute; left: 426px; top: 158px; width: 570px; height: 313px; margin: 0; transform: none; }
.site-shell .hero-logo { width: 570px; height: 313px; filter: none; }
.site-shell .site-background { background: none; min-height: 1362px; }
.site-shell .content-wrapper { width: 1297px; max-width: none; margin: 0 0 0 305px; padding: 0 0 55px; }

.top-panel { height: 331px; display: grid; grid-template-columns: 323px minmax(0,1fr); gap: 11px; padding: 11px 11px 10px 16px; background: #442936f2; border-radius: 2px; }
.top-download { padding-top: 2px; min-width: 0; }
.top-download-button { height: 74px; width: 323px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 0; background: #683b50 url('../assets/theme/button.webp') center / 100% 100%; color: #fff; line-height: 1.15; }
.top-download-button strong { font-size: 18px; text-transform: uppercase; }
.top-download-button span { font-size: 10px; text-transform: uppercase; }
.quick-news { display: flex; flex-direction: column; gap: 6px; padding: 6px 1px 0; }
.quick-news-item { height: 40px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 0 11px 0 14px; border: 1px solid #a0818c; background: linear-gradient(110deg,#38232c,#2f1c25); }
.quick-news-item > span { font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.quick-news-item time { font-size: 11px; background: #62424f; border-radius: 3px; width: 87px; padding: 0 5px; flex-shrink: 0; line-height: 21px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: center; }
.quick-news-item:hover { background: #664051; }
.feature-tiles { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 9px; height: 310px; }
.feature-tile { position: relative; overflow: hidden; border: 1px solid #b48b9b; border-radius: 3px; min-width: 0; background: #4c2b3b; display: flex; flex-direction: column; }
.feature-tile > img { width: 100%; height: 256px; flex: 1; min-height: 0; object-fit: cover; object-position: left center; }
.feature-tile > span { height: 53px; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; background: linear-gradient(120deg,#3a2530,#704653); }
.feature-tile:hover, .top-download-button:hover { filter: brightness(1.12); }

.site-shell .main-layout { display: grid; grid-template-columns: 366px 912px; gap: 14px; width: 1292px; margin: 12px 0 0 5px; align-items: start; }
.site-shell .main-left { display: flex; flex-direction: column; align-items: stretch; gap: 5px; min-width: 0; margin-top: 1px; }
.site-shell .main-right { display: block; grid-row: auto; min-width: 0; }
.site-shell .widget { border: 0; border-radius: 0; background: #321e26f7; box-shadow: none; overflow: hidden; }
.site-shell .widget-header { height: 58px; min-height: 58px; padding: 0 24px; font-size: 14px; font-weight: 700; text-transform: none; letter-spacing: 0; background: #543443 url('../assets/theme/panel-header.webp') center / 366px 58px; border-bottom: 1px solid #674653; }
.userpanel { min-height: 384px; }
.sidebar-login-form { padding: 26px 10px 41px; }
.sidebar-login-form .form-group { display: block; }
.sidebar-login-form .form-group + .form-group { margin-top: 11px; }
.sidebar-login-form label { display: flex; align-items: center; height: 29px; font-size: 12px; padding-left: 4px; }
.sidebar-label-row { display: flex; align-items: center; justify-content: space-between; }
.sidebar-label-row a { font-size: 11px; line-height: 24px; padding: 0 7px; background: #60434e; border-radius: 2px; }
.sidebar-input-wrap { position: relative; height: 46px; }
.sidebar-input-wrap > img { position: absolute; z-index: 1; left: 15px; top: 15px; width: 14px; height: 17px; object-fit: contain; filter: brightness(0) invert(1); }
.sidebar-input-wrap::before { content: ''; position: absolute; inset: 1px auto 1px 1px; width: 43px; background: linear-gradient(90deg,#56303f,#653e50); border-radius: 0 50% 50% 0; border-right: 1px solid #94717e; }
.site-shell .sidebar-input-wrap input { width: 100%; height: 46px; min-height: 0; padding: 8px 12px 8px 52px; font-size: 16px; background: #21141b; border: 1px solid #d0b5bf; border-radius: 2px; }
.sidebar-login-submit { display: flex; justify-content: center; align-items: center; width: 238px; height: 56px; margin: 41px auto 0; background: #63384d url('../assets/theme/button.webp') center / 100% 100%; font-size: 20px; font-weight: 600; color: #fff; border: 0; cursor: pointer; }
.sidebar-login-form .form-error.visible { margin: 10px 0 -25px; font-size: 12px; }
.sidebar-account { min-height: 326px; padding: 45px 20px; text-align: center; }
.sidebar-account strong { font-size: 18px; }
.sidebar-account .sidebar-login-submit { margin-top: 25px; }
.sidebar-logout { border: 0; color: #edcbd9; background: transparent; margin-top: 18px; cursor: pointer; }

.site-shell .statistics-bar { width: 366px; height: 284px; max-width: none; margin: 0; }
.site-shell .statistics-bg { display: none; }
.site-shell .statistics-inner { display: flex; flex-direction: column; gap: 3px; padding: 9px 8px 10px; width: 366px; height: 226px; }
.site-shell .statistics-divider { display: none; }
.site-shell .statistics-item { width: 350px; height: 50px; flex: 0 0 50px; border: 1px solid #b590a0; border-radius: 3px; padding: 0 12px; gap: 9px; background: linear-gradient(110deg,#603647,#482a38 55%,#321e27); }
.site-shell .statistics-icon { width: 27px; height: 27px; filter: sepia(.35) hue-rotate(280deg) saturate(.5) brightness(1.2); }
.site-shell .statistics-text, .site-shell .statistics-item:last-child .statistics-text { flex: 1; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 8px; }
.site-shell .statistics-label { font-size: 14px; font-weight: 600; white-space: nowrap; color: #e4ced8; }
.site-shell .statistics-value { font-size: 14px; font-weight: 700; }

.site-shell .ranking-widget { height: 282px; margin-top: 1px; }
.site-shell .ranking-widget .widget-header { padding: 0 20px; }
.site-shell .ranking-tabs { display: flex; gap: 4px; background: none; border: 0; padding: 0; }
.site-shell .ranking-tabs .btn-tab { height: 28px; width: 28px; min-width: 0; flex: none; padding: 5px; background: #2e1b2666; border: 1px solid #8e697977; opacity: .6; }
.site-shell .ranking-tabs .btn-tab.active { opacity: 1; background: #82506a55; }
.site-shell .ranking-tabs .btn-tab img { width: 15px; height: 15px; }
.site-shell .ranking-list { padding: 7px 15px 14px; display: block; }
.site-shell .ranking-list.hidden { display: none; }
.ranking-podium { height: 203px; display: flex; align-items: flex-end; justify-content: space-between; gap: 8px; }
.podium-place { width: 105px; display: flex; flex-direction: column; align-items: center; position: relative; }
.podium-place--1 { margin-bottom: 29px; }
.podium-crown { display: grid; place-items: center; width: 41px; height: 41px; border: 2px solid #60404e; border-radius: 50%; background: radial-gradient(#8c5a6e66,#2f1b26); margin-bottom: 2px; }
.podium-crown img { width: 26px; height: 19px; object-fit: contain; }
.podium-place--2 .podium-crown img { filter: grayscale(1); }
.podium-place--3 .podium-crown img { filter: sepia(.65) saturate(.65) brightness(.85); }
.podium-frame { width: 96px; height: 105px; background: url('../assets/theme/ranking-frame.webp') center top / 96px 93px no-repeat; position: relative; display: block; }
.podium-frame::before { content: ''; position: absolute; top: 0; left: 0; width: 96px; height: 93px; border: 1px solid #b799a5; border-radius: 4px; }
.podium-portrait { width: 55px; height: 55px; position: absolute; top: 18px; left: 22px; border: 1px solid #b58c87; border-radius: 4px; }
.podium-place--empty .podium-portrait { opacity: .6; }
.podium-empire { position: absolute; left: 35px; top: 85px; width: 28px; height: 17px; }
.podium-name { width: 105px; height: 26px; line-height: 24px; border: 1px solid #a48c95; border-radius: 3px; background: #3c2933; text-align: center; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.site-shell .news-widget { min-height: 964px; padding: 0; background: #301c24; border: 0; position: relative; box-shadow: none; }
.site-shell .news-widget::before { display: none; }
.news-toolbar { height: 108px; position: relative; padding: 24px 13px 28px 70px; display: grid; grid-template-columns: 68px minmax(0,1fr); gap: 33px; align-items: center; }
.news-toolbar::after { content: ''; position: absolute; left: 20px; right: 19px; bottom: 0; height: 20px; background: url('../assets/theme/news-divider.webp') center / 873px 20px no-repeat; }
.news-toolbar-title { font-size: 16px; white-space: nowrap; }
.news-filters { display: flex; gap: 14px; }
.news-filter { flex: 1; min-width: 0; height: 56px; color: #fff; border: 1px solid #9a7c89; background: linear-gradient(#37212d,#26171f); box-shadow: inset 0 0 0 3px #170f16; font-size: 14px; font-weight: 700; cursor: pointer; }
.news-filter.active { background: #85516b url('../assets/theme/button.webp') center / 100% 100%; border-color: #aa7e94; box-shadow: none; }
.news-content { padding: 14px 30px 18px 54px; }
.site-shell .news-article { min-height: 824px; background: #24141a; border: 1px solid #a17b89; border-radius: 3px; box-shadow: none; overflow: hidden; }
.site-shell .news-article-header { height: 56px; padding: 20px 24px 0; background: none; border: 0; display: flex; justify-content: space-between; gap: 16px; flex-wrap: nowrap; }
.site-shell .news-article-title { line-height: 32px; font-size: 18px; padding: 0 10px; background: #624551; border-radius: 3px; letter-spacing: 0; }
.site-shell .news-article-date { font-size: 12px; color: #e1d4da; line-height: 32px; white-space: nowrap; }
.site-shell .news-calendar-icon { display: none; }
.site-shell .news-article-body { display: flex; flex-direction: column; gap: 20px; background: none; padding: 10px 30px 36px; }
.site-shell .news-article-excerpt { font-size: 14px; line-height: 18px; min-height: 284px; color: #f1e7ec; font-weight: 600; }
.site-shell .news-article-image { width: calc(100% - 28px); height: 416px; max-height: none; aspect-ratio: auto; margin: 0 14px; object-fit: cover; border-radius: 0; border: 1px solid #72505d; }
.news-empty { padding: 35px 20px; font-size: 16px; color: #e2c8d5; }
.news-community { padding: 30px; min-height: 400px; background: #24141a; }
.news-community h2 { font-size: 22px; }
.site-shell .news-community .social-bar { position: relative; top: auto; left: auto; transform: none; display: flex; flex-direction: row; width: max-content; margin: 30px 0; padding: 10px; border: 1px solid #876072; }
.site-shell .news-community .social-icon-link { width: 52px; height: 52px; }
.news-community .news-more-btn { background: #734456 url('../assets/theme/button.webp') center / 100% 100%; width: 170px; }
.site-shell .news-events .events-widget { border: 1px solid #936d7f; }

.site-shell .footer { height: 74px; border-top: 2px solid #c79ba9; }
.site-shell .footer-inner { width: 100%; max-width: none; height: 72px; min-height: 0; padding: 0; display: flex; flex-direction: row; align-items: center; justify-content: center; }
.site-shell .footer-copy { font-size: 12px; font-weight: 600; color: #c79bad; }
.site-shell .footer-bg { background-size: 1920px 79px; }
.site-shell .register-view, .site-shell .ranking-view, .site-shell .download-view, .site-shell .profile-view { padding: 20px 20px 60px; }
.site-shell .register-card { max-width: 620px; }
.site-shell .register-form { padding: 28px; }
.site-shell .download-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
.site-shell .download-inner { max-width: 1050px; }
.site-shell .download-header { flex-direction: row; align-items: center; }
.site-shell .profile-layout { grid-template-columns: 280px minmax(0,1fr); }
.site-shell .profile-inner { max-width: 1297px; }
.site-shell .profile-chars-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.site-shell .ranking-page-header { flex-wrap: nowrap; }