@charset "utf-8";

/* Open Font License copies are shipped beside these self-hosted variable fonts. */
@font-face { font-family: 'Cinzel'; src: url('../fonts/cinzel-variable.ttf') format('truetype'); font-style: normal; font-weight: 400 900; font-display: swap; }
@font-face { font-family: 'Exo 2'; src: url('../fonts/exo2-variable.ttf') format('truetype'); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: 'Raleway'; src: url('../fonts/raleway-variable.ttf') format('truetype'); font-style: normal; font-weight: 100 900; font-display: swap; }

body.infinity-skin {
    margin: 0;
    min-width: 320px;
    background: #1e1e1e;
    color: #2a251b;
    font: 12px Arial, Helvetica, sans-serif;
}

.infinity-skin *, .infinity-skin *::before, .infinity-skin *::after { box-sizing: border-box; }
.infinity-skin a { color: #25609b; text-decoration: none; transition: color .18s ease, filter .18s ease; }
.infinity-skin a:hover { color: #a42c1b; }
.infinity-skin :focus-visible { outline: 2px solid #f4cb65; outline-offset: 3px; }
.infinity-skin ::selection { background: #a77720; color: #fff; }
.infinity-skin input, .infinity-skin select, .infinity-skin button { font: inherit; }
.infinity-skin button { cursor: pointer; }
.infinity-skin h1, .infinity-skin h2, .infinity-skin h3 { color: #3c2416; }
.infinity-skin .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.infinity-site {
    min-height: 100vh;
    background: url('../images/bg-image.png') no-repeat center top,
                url('../images/bg-image-footer.png') no-repeat center bottom;
}
.infinity-shell { width: 990px; margin: 0 auto; position: relative; }
.infinity-language {
    position: absolute;
    z-index: 5;
    top: 20px;
    right: 35px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #e9dcae;
    font-size: 11px;
}
.infinity-language select {
    width: 132px;
    min-width: 0;
    margin: 0;
    padding: 3px 5px;
    color: #fff;
    background: #1b1a18;
    border: 1px solid #9e8244;
    border-radius: 2px;
    appearance: auto;
}
.infinity-language button { border: 1px solid #a28343; color: #fff; background: #352512; }
.infinity-header { height: 158px; position: relative; }
.infinity-header > img { width: 990px; height: 158px; display: block; }
.infinity-logo { position: absolute; top: 0; left: 50%; width: 36.5657%; transform: translateX(-50%); }
.infinity-logo img { display: block; width: 100%; height: auto; }
.infinity-header-links { position: absolute; inset: 0; pointer-events: none; }
.infinity-header-links a {
    position: absolute;
    top: 94px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    color: #fff0ca;
    font: bold 12px/1.25 Arial, Helvetica, sans-serif;
    text-align: center;
    overflow-wrap: anywhere;
    text-shadow: 0 1px 2px #171006;
    pointer-events: auto;
}
.infinity-header-links a:hover, .infinity-header-links a:focus-visible { color: #fff; background: rgba(237, 195, 90, .12); }
.infinity-nav-home { left: 9%; width: 7%; }
.infinity-nav-register { left: 16%; width: 8.5%; }
.infinity-nav-download { left: 24.5%; width: 10%; }
.infinity-nav-ranking { left: 65%; width: 8%; }
.infinity-nav-faq { left: 73%; width: 9%; }
.infinity-nav-account { left: 82%; width: 9%; }
.infinity-mobile-nav { display: none; }

.infinity-columns { display: grid; grid-template-columns: 253px 476px 261px; align-items: start; }
.infinity-left { padding-left: 22px; }
.infinity-account-panel {
    width: 231px;
    height: 215px;
    background: url('../images/account_panel.jpg') no-repeat;
    overflow: hidden;
}
.infinity-account-panel:has(.infinity-account-links) { background-image: url('../images/account_panel_logged.jpg'); }
.infinity-login { padding: 55px 28px 0; }
.infinity-login input:not([type='hidden']) {
    display: block;
    width: 174px;
    height: 28px;
    padding: 3px 8px;
    margin: 0 0 5px;
    text-align: center;
    color: #e8e1d5;
    background: #090909;
    border: 1px solid #131313;
    border-radius: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,.75);
}
.infinity-login input::placeholder { color: #9b9b9b; opacity: 1; }
.infinity-login-actions { display: flex; align-items: center; gap: 8px; width: 190px; margin-top: 5px; }
.infinity-login-actions button {
    flex: 0 0 67px;
    width: 67px;
    height: 33px;
    padding: 0;
    color: #fff1d4;
    font-size: 0;
    background: url('../images/login.png') no-repeat center top;
    border: 0;
}
.infinity-login-actions button:hover { background-position: center bottom; }
.infinity-login-actions a { color: #e8c981; font-size: 11px; font-style: italic; white-space: nowrap; }
.infinity-register {
    display: block;
    width: 175px;
    height: 46px;
    margin: 2px auto 0;
    background: url('../images/register.png') no-repeat top center;
    font-size: 0;
}
.infinity-register:hover { background-position: center bottom; }
.infinity-account-links { padding: 60px 21px 0 48px; color: #fff; }
.infinity-account-links ul { margin: 0; padding: 0; list-style: none; }
.infinity-account-links button { width: 100%; text-align: left; }
.infinity-account-links > a, .infinity-account-links li a, .infinity-account-links button {
    display: block;
    padding: 2px 0;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    background: none;
    border: 0;
    text-transform: none;
}
.infinity-account-links > a::before, .infinity-account-links li a::before, .infinity-account-links button::before { content: '› '; }
.infinity-account-links a:hover, .infinity-account-links button:hover { color: #f8ca55; }

.infinity-quick-links { width: 231px; }
.infinity-quick-links-top { height: 76px; background: url('../images/quick_links_top.png') no-repeat top center; }
.infinity-quick-links-list {
    width: 223px;
    /* margin-left: 4px; */
    padding: 0 33px 5px 51px;
    background: url('../images/quick_links_center.png') repeat-y center top;
}
.infinity-quick-links-list a, .infinity-links-group {
    display: block;
    min-height: 25px;
    line-height: 25px;
    border-bottom: 1px solid #070707;
    white-space: nowrap;
}
.infinity-quick-links-list a { padding-left: 12px; color: #eee; font-size: 11px; background: url('../images/leftsub_navi_ico.png') no-repeat 2px center; }
.infinity-quick-links-list a:hover { color: #f7d063; }
.infinity-links-group { color: #f3c642; font-weight: bold; }
.infinity-quick-links-bottom {
     width: 223px; height: 92px;
     /* margin-left: 4px;  */
     background: url('../images/quick_links_bottom.png') no-repeat top center; }

.infinity-center { min-width: 0; }
.infinity-center-top { height: 162px; padding-top: 22px; background: url('../images/center_top.jpg') no-repeat top center; }
.infinity-feature-banner { display: block; width: 447px; height: 125px; margin: 0 auto; background: url('../images/slide/elf-banner-infinity-backtoschool.png') no-repeat center; }
.infinity-feature-banner:hover { filter: brightness(1.15); }
.infinity-slider { position: relative; width: min(447px, calc(100% - 24px)); height: 125px; margin: 0 auto; }
.infinity-slider::after { content: ''; position: absolute; inset: 0; z-index: 1; background: url('../images/slide_frame.png') no-repeat center / 100% 100%; pointer-events: none; }
.infinity-slider__slides { position: absolute; inset: 8px 2.7%; overflow: hidden; }
.infinity-slider__slide, .infinity-slider__slide a { display: block; width: 100%; height: 100%; }
.infinity-slider__slide[hidden] { display: none; }
.infinity-slider__slide img { display: block; width: 100%; height: 100%; object-fit: cover; }
.infinity-slider__controls { display: none; position: absolute; z-index: 2; inset: auto 6.3% 22px; align-items: center; justify-content: space-between; gap: 8px; pointer-events: none; }
.infinity-slider.is-ready .infinity-slider__controls { display: flex; }
@media (hover: hover) and (pointer: fine) {
    .infinity-slider__controls { opacity: 0; transition: opacity .2s ease; }
    .infinity-slider:hover .infinity-slider__controls,
    .infinity-slider:has(:focus-visible) .infinity-slider__controls { opacity: 1; }
    .infinity-slider:not(:hover):not(:has(:focus-visible)) .infinity-slider__controls button { pointer-events: none; }
}
.infinity-slider__arrow, .infinity-slider__dots button { pointer-events: auto; cursor: pointer; border: 1px solid #e7bd64; background: #19130c; color: #f6d98e; }
.infinity-slider__arrow { position: relative; flex-shrink: 0; width: 26px; height: 26px; border-radius: 3px; }
.infinity-slider__arrow::before { content: ''; position: absolute; top: 8px; left: 10px; width: 7px; height: 7px; border-top: 2px solid currentColor; border-left: 2px solid currentColor; transform: rotate(-45deg); }
.infinity-slider__arrow--next::before { left: 7px; transform: rotate(135deg); }
.infinity-slider__dots { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 6px; min-width: 0; max-width: calc(100% - 68px); padding: 4px; border-radius: 12px; background: #19130c; }
.infinity-slider__dots button { width: 11px; height: 11px; padding: 0; border-radius: 50%; }
.infinity-slider__dots button[aria-current='true'] { background: #f1c967; }
.infinity-slider button:focus-visible, .infinity-slider a:focus-visible { outline: 2px solid #fff0b4; outline-offset: 2px; }
.infinity-center-content { margin-top: -5px; min-height: 500px; background: url('../images/center_center.jpg') repeat-y center top; }
.infinity-center-inner { width: 434px; padding: 0 4px 18px; margin: 0 auto; overflow-wrap: anywhere; font: 400 14px/1.6 'Exo 2', Arial, sans-serif; color: #2c2115; }
.infinity-countdown { margin: 4px 4px 22px; padding: 22px 18px 16px; border: 1px solid #987139; background: linear-gradient(145deg, #302319, #171310 65%); box-shadow: 0 5px 12px #2a170d33; color: #f3e6c6; text-align: center; }
.infinity-skin .infinity-countdown h2 { margin: 0 0 18px; color: #f6df9e; font: 600 25px/1.2 'Cinzel', Georgia, serif; text-wrap: balance; overflow-wrap: anywhere; }
.infinity-countdown__clock { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.infinity-countdown__unit { min-width: 0; }
.infinity-countdown__value { position: relative; padding: 12px 2px; overflow: hidden; border: 1px solid #79623d; border-radius: 5px; background: linear-gradient(#392e22 0 49%, #241e18 50% 100%); box-shadow: 0 3px 5px #0005; perspective: 180px; }
.infinity-countdown__value::after { content: ''; position: absolute; inset: 50% 0 auto; height: 1px; background: #110e0b88; pointer-events: none; }
.infinity-countdown__number { display: block; color: #fff0c8; font: 700 32px/1.1 Arial, Helvetica, sans-serif; font-variant-numeric: tabular-nums; transform-origin: 50% 25%; }
.infinity-countdown__number.is-long { font-size: clamp(10px, 3vw, 17px); line-height: 2.07; }
.infinity-countdown__label { display: block; margin-top: 9px; color: #dec99f; font-size: 10px; line-height: 1.5; letter-spacing: .06em; text-transform: uppercase; }
.infinity-countdown .infinity-countdown__date { margin: 16px 0 0; color: #d5c499; font-size: 11px; line-height: 1.5; }
.infinity-countdown .infinity-countdown__complete { margin: 12px 0 0; color: #f6df9e; font-weight: 700; }
.infinity-countdown__complete[hidden] { display: none; }
.infinity-countdown.is-complete .infinity-countdown__value { border-color: #ad874b; }
@media (max-width: 480px) {
    .infinity-countdown { padding: 20px 12px 16px; }
    .infinity-countdown__clock { gap: 7px; }
    .infinity-countdown__number { font-size: 29px; }
}
@media (prefers-reduced-motion: reduce) {
    .infinity-slider__controls { transition: none; }
    .infinity-countdown__number { animation: none !important; transition: none !important; }
}
.infinity-center-bottom { height: 49px; background: url('../images/center_bottom.jpg') no-repeat top center; }

.infinity-right { padding-left: 0; }
.infinity-right h2 { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.infinity-howto { width: 231px; height: 211px; padding: 55px 31px 0 31px; background: url('../images/how_to_connect.jpg') no-repeat; color: #e5c25b; }
.infinity-howto-step { height: 60px; font-size: 11px; padding-top: 20px; }
.infinity-howto-step strong { display: block; font-weight: normal; }
.infinity-howto-step a { display: inline-block; margin: 3px 0; padding: 2px 9px; color: #1c1407; background: #ecc363; border-radius: 3px; font-weight: bold; }
.infinity-howto-step span { display: block; color: #f5e1ae; }
.infinity-siege { width: 231px; height: 202px; background: url('../images/castle_siege.png') no-repeat; }
.infinity-siege-content { padding: 87px 0 0 34px; }
.infinity-siege-content span { display: block; width: 125px; height: 27px; padding: 6px 4px; overflow: hidden; color: #f1cf77; font-size: 10px; white-space: nowrap; }
.infinity-siege-content a { display: block; width: 125px; padding: 6px 5px; text-align: center; color: #f7cd6d; font: italic 12px Georgia, serif; }
.infinity-tops { width: 231px; min-height: 250px; background: url('../images/tops.png') no-repeat top center, url('../images/tops_bottom.png') no-repeat center calc(100% + 20px), url('../images/tops_center.png') repeat-y center center; }
.infinity-tops-content { padding: 67px 50px 59px 55px; color: #f7ce65; }
.infinity-tops-tabs { display: flex; gap: 12px; margin: 0 0 5px 8px; }
.infinity-tops-tabs button { width: auto; padding: 0; color: #ddd0a8; background: none; border: 0; font-size: 11px; text-transform: none; }
.infinity-tops-tabs button::before { content: ''; display: inline-block; width: 6px; height: 6px; margin-right: 4px; background: url('../images/leftsub_navi_ico.png') no-repeat center; }
.infinity-tops-tabs button[aria-selected='true'] { color: #f7ce65; font-weight: bold; }
.infinity-tops-list { margin: 0; padding-left: 20px; min-height: 112px; }
.infinity-tops-list li { padding: 0; color: #f7ce65; font-size: 11px; line-height: 16px; }
.infinity-tops-list a { color: #f7ce65; font-weight: bold; }
.infinity-tops-empty { margin: 8px 0; color: #ddd0a8; font-size: 11px; }
.infinity-tops-more { display: block; width: 125px; margin-left: 1px; text-align: center; color: #f7ce65 !important; font: italic 12px Georgia, serif; margin-top: 10px; }
.infinity-footer { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px 16px; min-height: 90px; padding: 20px; color: #b1a485; font-size: 11px; }
.infinity-footer a { color: #dec487; }

/* Existing CMS modules keep their markup and actions inside the reference frame. */
.infinity-center-inner .block-title {
    width: 100%;
    min-height: 46px;
    padding: 0 12px 0 30px;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4px;
    background: url('../images/news_header.png') no-repeat left top;
    border: 0;
}
.infinity-center-inner .block-title h3 { margin: 0; float: none; color: #f0c84e; font: 700 13px/1.4 'Cinzel', Georgia, serif; }
.infinity-center-inner .news { animation: none; }
.infinity-center-inner .news-tab { display: flex; flex-wrap: wrap; gap: 3px; }
.infinity-center-inner .news-tab::before, .infinity-center-inner .news-tab .active::after { display: none; }
.infinity-center-inner .news-tab a { margin: 0; padding: 2px 5px; color: #b0a06e; font-size: 10px; }
.infinity-center-inner .news-tab a.active { color: #ffdc78; }
.infinity-center-inner h1, .infinity-center-inner h2, .infinity-center-inner h3, .infinity-center-inner h4 { color: #2c2115; font-family: 'Cinzel', Georgia, serif; line-height: 1.4; }
.infinity-center-inner h1 { font-size: 18px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; text-shadow: 1px 1px 0 #ffffffe6; }
.infinity-center-inner h2 { font-size: 18px; font-weight: 700; }
.infinity-center-inner h3, .infinity-center-inner h4 { font-size: 16px; font-weight: 700; }
.infinity-center-inner p, .infinity-center-inner li { color: inherit; }
.infinity-center-inner textarea { font: inherit; }
.infinity-center-inner .last-news-block { min-height: 120px; padding: 10px 14px 25px; border-color: #cfbc8e; }
.infinity-center-inner .last-news-info h2 { font-size: 19px; }
.infinity-center-inner .last-news-info p { line-height: 1.6; }
.infinity-center-inner .news-b, .infinity-center-inner .meta { color: #7d6133; }
.infinity-center-inner .grey, .infinity-center-inner .but, .infinity-center-inner .btn { display: inline-flex; align-items: center; justify-content: center; width: auto; height: auto; min-height: 36px; padding: 8px 12px; color: #fff0ca; background: #6b281e; border: 1px solid #a75e3c; border-radius: 3px; font-size: 11px; line-height: 1.2; text-align: center; text-shadow: none; white-space: normal; }
.infinity-center-inner .grey:hover, .infinity-center-inner .but:hover, .infinity-center-inner .btn:hover { color: #fff; background: #8c3924; }
.infinity-center-inner input, .infinity-center-inner textarea, .infinity-center-inner select { max-width: 100%; color: #2d2417; background: #fff9e8; border: 1px solid #c9b687; }
.infinity-center-inner input::placeholder, .infinity-center-inner textarea::placeholder { color: #746b5b; }
.infinity-center-inner .block-p, .infinity-center-inner .lk-form { color: #3c3020; background: transparent; }
.infinity-center-inner .ranking-table th { color: #3f2e17; background: #e5d19f; }
.infinity-center-inner .ranking-table td { color: #3d3325; border-color: #d8c89f; }
.infinity-center-inner .ranking-table tbody tr:hover { background: #f5e1b0; }
.infinity-center-inner .accordion-tr { border-bottom: 1px solid #dac89c; }
.infinity-center-inner .accordion-tr td { padding: 10px 4px; }
.infinity-center-inner .accordion-tr .answer { display: none; padding: 10px 0; }
.infinity-center-inner .accordion-tr .published { display: block; color: #806a45; font-size: 11px; }
/* FAQ roles and parchment treatment follow the original InfinityMU FAQ. */
.infinity-center-inner .faq-title { background: none; padding: 20px 12px 0; justify-content: center; margin-bottom: 25px; text-align: center; }
.infinity-center-inner .faq-title h3 { color: #2c2115; font-size: 18px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; text-shadow: 1px 1px 0 #ffffffe6; }
.infinity-center-inner .faq-title .news-tab { width: 100%; justify-content: center; margin-top: 10px; }
.infinity-center-inner .faq-title .news-tab a { color: #6b5b48; font-size: 12px; }
.infinity-center-inner .faq-title .news-tab a.active { color: #c62828; }
.infinity-center-inner .faq-list { border-collapse: separate; border-spacing: 0 12px; padding: 0 12px 20px; background: #f3ebd5; }
.infinity-center-inner .faq-list .accordion-tr { border: 0; }
.infinity-center-inner .faq-list td { padding: 0; border: 1px solid #d2c2a0; border-radius: 6px; background: #fdfcf7; }
.infinity-center-inner .faq-list .category { display: none; }
.infinity-center-inner .faq-list .title { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 20px; color: #2c2115; font: 700 15px/1.4 'Exo 2', Arial, sans-serif; }
.infinity-center-inner .faq-list .title::after { content: '+'; flex: 0 0 auto; color: #c62828; font-size: 20px; font-weight: 800; }
.infinity-center-inner .faq-list .title:hover { background: #d2c2a026; }
.infinity-center-inner .faq-list .title[aria-expanded='true'] { background: #d2c2a033; border-bottom: 1px dashed #d2c2a0; }
.infinity-center-inner .faq-list .title[aria-expanded='true']::after { transform: rotate(45deg); }
.infinity-center-inner .faq-list .answer { padding: 15px 20px; color: #6b5b48; font-size: 14px; line-height: 1.6; }
.infinity-center-inner .faq-list .answer a { color: #c62828; font-weight: 700; }
.infinity-center-inner .faq-list .answer strong { color: #2c2115; }
.infinity-center-inner .account-module-title { display: block; padding-bottom: 9px; }
.infinity-center-inner .account-module-title h3 { min-height: 46px; line-height: 46px; }
.infinity-center-inner .account-module-tabs { justify-content: flex-start; gap: 4px 14px; }
.infinity-center-inner .account-module-tabs a { color: #644125; font-size: 11px; font-weight: bold; }
.infinity-center-inner .account-module-tabs a.active { color: #a12f1d; text-decoration: underline; text-underline-offset: 3px; }
.infinity-center-inner .account-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.infinity-center-inner .account-summary { padding: 12px 16px; margin-bottom: 18px; border: 1px solid #d6bd83; background: #f2dfa8; }
.infinity-center-inner .account-summary .lk-title span { color: #4d321b; }
.infinity-center-inner .account-summary .lk-coins { padding: 10px 0 0; color: #55381e; }
.infinity-center-inner .account-summary .lk-coins .username { color: #55381e; }
.infinity-center-inner .account-summary .lk-coins .coins { color: #9c301c; }
.infinity-center-inner .account-action-form { max-width: 100%; margin: 18px 0; padding: 18px; border: 1px solid #d6bd83; background: #f2dfa8; }
.infinity-center-inner .account-action-form .input-group { display: grid; grid-template-columns: 110px minmax(0, 1fr); align-items: center; gap: 8px; margin: 0; padding: 0 0 12px; }
.infinity-center-inner .account-action-form label { color: #4d321b; text-align: right; }
.infinity-center-inner .account-action-form input, .infinity-center-inner .account-action-form select { display: block; width: 100%; height: 36px; margin: 0; padding: 6px 10px; }
.infinity-center-inner .account-action-form .placeholder-copy, .infinity-center-inner .account-action-submit { margin: 0 0 0 118px; }
.infinity-center-inner .account-action-submit .btn { min-width: 110px; min-height: 36px; padding: 7px 16px; color: #fff0ca; background: #6b281e; border: 1px solid #a75e3c; border-radius: 3px; white-space: nowrap; }
.infinity-center-inner .account-action-submit .btn:disabled { cursor: not-allowed; opacity: .55; }
.infinity-center-inner .page-login-panel { padding: 8px 14px 20px; }
.infinity-center-inner .login-buttons { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.infinity-center-inner .login-buttons a { color: #5b4a2f; }
.infinity-center-inner .validation-summary { color: #9b2820; }
.infinity-home-news-list { padding: 2px 10px 18px; margin: 0; list-style: none; font-family: 'Raleway', Arial, sans-serif; }
.infinity-home-news-list li { display: grid; grid-template-columns: 68px minmax(0, 1fr) auto; align-items: center; gap: 7px; min-height: 29px; border-bottom: 1px dotted #d6bc7e; }
.infinity-home-news-list li::before { content: ''; width: 11px; height: 12px; margin-right: -11px; background: #bb8650; border: 1px solid #8a5731; grid-column: 1; grid-row: 1; }
.infinity-home-news-date { padding-left: 15px; font-size: 10px; color: #765f3e; grid-column: 1; grid-row: 1; }
.infinity-home-news-list a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; }
.infinity-home-news-category { padding: 2px 4px; border: 1px solid #d7be88; color: #7a4329; font-size: 10px; }
.infinity-home-empty { padding: 8px 12px 18px; }
.infinity-home-start { margin-top: 18px; }
.infinity-home-start ol { margin: 0; padding: 4px 22px 18px 34px; }
.infinity-home-start li { padding: 8px 0; line-height: 1.5; border-bottom: 1px dotted #d6bc7e; }
.infinity-home-start a { font-weight: bold; }

@media (max-width: 1030px) {
    .infinity-shell { width: min(990px, 100%); }
    .infinity-header { height: auto; aspect-ratio: 990 / 158; }
    .infinity-header > img { width: 100%; height: auto; }
    .infinity-header-links a { top: 60%; height: max(44px, 36%); font-size: clamp(10px, 1.2vw, 12px); }
    .infinity-language { right: 10px; top: 8px; }
    .infinity-columns { grid-template-columns: 231px minmax(0, 1fr) 231px; gap: 8px; padding: 0 8px; }
    .infinity-left { padding-left: 0; }
    .infinity-center { width: 100%; }
    .infinity-center-top { background-size: 100% 162px; }
    .infinity-feature-banner { width: calc(100% - 24px); background-size: contain; }
    .infinity-center-content { background: #f8e9b9; border-left: 9px ridge #7e6737; border-right: 9px ridge #7e6737; }
    .infinity-center-inner { width: 100%; padding: 0 10px 20px; }
    .infinity-center-bottom { background-size: 100% 49px; }
}

@media (max-width: 760px) {
    .infinity-site { background-size: auto 520px, auto; }
    .infinity-header { height: 145px; aspect-ratio: auto; overflow: hidden; }
    .infinity-header > img { width: 760px; max-width: none; max-height: none; height: auto; position: absolute; top: 22px; left: 50%; transform: translateX(-50%); }
    .infinity-logo { top: 22px; width: 270px; }
    .infinity-header-links { display: none; }
    .infinity-mobile-nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 2px; padding: 7px; background: #211b17; border-block: 1px solid #a47d35; }
    .infinity-mobile-nav a { display: flex; align-items: center; min-height: 44px; padding: 7px 9px; color: #f5d574; font-weight: bold; }
    .infinity-language { top: 4px; right: 8px; background: rgba(17,16,13,.85); padding: 3px; }
    .infinity-columns { grid-template-columns: minmax(0, 1fr); padding: 0 8px; }
    .infinity-left { order: 2; display: grid; grid-template-columns: 231px minmax(0, 1fr); gap: 8px; align-items: start; }
    .infinity-center { order: 1; }
    .infinity-right { order: 3; display: flex; flex-wrap: wrap; gap: 8px; }
    .infinity-center-top { background: url('../images/center_top.jpg') center top / 100% 162px no-repeat; }
    .infinity-center-content { min-height: 200px; }
    .infinity-center-inner { max-width: 570px; }
    .infinity-quick-links { max-width: 231px; }
}

@media (max-width: 500px) {
    .infinity-left { display: block; }
    .infinity-account-panel, .infinity-quick-links { margin: 0 auto; }
    .infinity-quick-links { display: none; }
    .infinity-right { justify-content: center; }
    .infinity-center-inner .block-title { background-size: 100% 46px; }
    .infinity-center-inner .ranking-table { display: block; overflow-x: auto; }
    .infinity-center-inner .account-action-form .input-group { grid-template-columns: minmax(0, 1fr); }
    .infinity-center-inner .account-action-form label { text-align: left; }
    .infinity-center-inner .account-action-form .placeholder-copy, .infinity-center-inner .account-action-submit { margin-left: 0; }
}