.account-profile-page { --profile-viewport-height: calc(100dvh / var(--profile-layout-scale, 1)); background-color: #35383c; }
.account-profile-page #all-cont { min-width: 0; width: 100%; }
.account-profile-page .container { width: 100%; min-width: 0; max-width: 1200px; }
.account-profile-page .main_board_container { width: 100%; max-width: 1140px; margin: 0 auto; }
.account-profile.adsds { color: #fff; margin-top: 16px; padding: 0; }
.account-profile [hidden] { display: none !important; }
.account-profile-header, .account-profile-info, .account-profile .account-profile-review { width: 100%; }
.account-profile-header { display: grid; grid-template-columns: 80px minmax(0,1fr) 80px; align-items: center; gap: 20px; padding: 16px; margin-bottom: 16px; }
.account-profile-avatar { width: 58px; object-fit: cover; border-radius: 8px; flex: 0 0 auto; }
.account-profile-identity { flex: 1; min-width: 0; text-align: center; margin-top: -5px;}
.account-profile-title { display: inline-flex; max-width: 100%; align-items: center; justify-content: center; gap: 10px; vertical-align: middle; }
.account-profile-identity .master_card_name { position: static; flex: 0 1 auto; width: auto; min-width: 0; max-width: 100%; white-space: normal; font-size: 30px; margin: 0 0 8px; overflow-wrap: anywhere; }
.account-profile-title .master_card_verification { position: static; flex: 0 0 16px; width: 16px; height: 16px; background-position: center; margin-top: 1px;}
.account-profile-title .game_card_master_message_icon { display: block; margin: 0; flex: 0 0 28px; width: 28px; height: 17px; background-position: -874px -180px; }
.account-profile-title .game_card_master_message_icon:hover { background-position: -821px -180px; }
.account-profile-title [data-tooltip] { position: relative; top: auto; right: auto; }
.account-profile-title [data-tooltip]::after { content: attr(data-tooltip); left: 50%; }
.account-profile-roles { display: flex; justify-content: center; gap: 16px; font-size: 16px; text-transform: uppercase; font-weight: 400; }
.account-profile-roles a { text-decoration: none; color: #fff; white-space: nowrap; }
.account-profile-roles a[href]:hover,
.account-profile-roles a[aria-current] { color: #c1ac82; }
.account-profile-roles a[aria-disabled="true"] { opacity: .45; cursor: inherit; }
.account-profile-subscribers { position: static; display: flex; flex-direction: column; min-width: 80px; width: auto; }
.account-profile-header .account-profile-subscribers { display: none; }
.account-profile-info-summary { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.account-profile-info-summary .account-profile-subscribers { margin-left: auto; padding-top: 6px; }
.account-profile-grid { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 16px; align-items: start; }
.account-profile-games, .account-profile-reviews { min-width: 0; }
.account-profile-info { display: grid; grid-template-columns: 123px minmax(0,1fr) minmax(100px,max-content); gap: 12px 18px; padding: 16px 17px; margin-bottom: 16px; }
.account-profile-actions { display: flex; flex-direction: column; gap: 12px; margin-top: 1px; }
.account-profile-owner-preview { display: flex; align-items: center; justify-content: center; min-height: 70px; padding: 6px; border: 1px solid #8d797d; border-radius: 8px; color: #8d797d; font-size: 12px; line-height: 1.2; font-weight: 600; text-align: center; text-transform: uppercase; }
.account-profile-details { width: fit-content; max-width: 100%; }
.account-profile-demographics-row { position: relative; min-height: 18px; padding-right: 56px; }
.account-profile-info .master_card_sex_age { white-space: nowrap; }
.account-profile-details .donate-btn { position: absolute; top: 0; right: 0; margin-top: 0; }
.account-profile-info .master_card_btn { position: static; flex: 0 0 33px; }
.account-profile-info .master_card_sex_age, .account-profile-info .master_card_city,
.account-profile-info .master_card_status, .account-profile-info .master_card_stats { position: static; width: auto; overflow-wrap: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.account-profile-info .master_card_memo { position: static; grid-column: 1 / -1; width: auto; margin: 0; margin-bottom: -1px; }
.account-profile-guild-emblem img { width: 100px; height: 100px; object-fit: contain; }
.account-profile .adsds_filter { position: static; display: flex; align-items: center; width: 100%; gap: 24px; padding: 16px 24px; margin: 0 0 20px; }
.account-profile .adsds_filter button { position: static; flex: 1; width: auto; margin: 0; min-width: 0; }
.account-profile .adsds_filter button:disabled { opacity: .45; cursor: not-allowed; }
.account-profile .adsds_block { width: 100%; padding: 0; margin: 0; z-index: 3; }
.account-profile .adsds_block:has(.adsds_item_btn .select-dropdown.open) { z-index: 1000; }
.account-profile .adsds_block .row-custom { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 0; }
.account-profile .adsds_block .row-custom > .col-auto { width: auto; padding: 0; margin: 0; justify-self: center; }
.account-profile .row-custom > .col-12 { grid-column: 1 / -1; width: 100%; }
.account-profile .adsds_item, .account-profile .cardContainer { max-width: 100%; }
.account-profile .adsds_item { margin-bottom: 0; }
#account-profile .adsds_item .adsds_date { left: 18px; right: auto; margin-left: 0; transform: none; text-align: left; }
/* main.js assigns inline layers to cards; the open menu must take priority. */
.account-profile .adsds_item:has(.adsds_item_btn .select-dropdown.open) { z-index: 1000 !important; }
.account-profile .adsds_item_btn .select-header { height: 30px; padding: 0; flex-wrap: nowrap; }
.account-profile .adsds_item_btn .input-wrapper { width: 100%; height: 100%; margin-left: 0; }
.account-profile .adsds_item_btn .placeholder { left: 50%; transform: translate(-50%, -50%); }
.account-profile .adsds_item_btn .select-dropdown { top: 100%; left: auto; right: 0; width: max-content; min-width: 97px; max-width: calc(100vw - 32px); }
.account-profile .adsds_item_img img { object-fit: cover; }
.account-profile .adsds_item_logo { left: 9px; width: calc(100% - 18px); height: 44px; display: flex; align-items: center; justify-content: center; }
.account-profile .adsds_item_logo img { max-width: 100%; max-height: 44px; width: auto; height: auto; object-fit: contain; }
.account-profile .system-name { overflow-wrap: anywhere; }
.account-profile-review-toolbar { position: static; display: flex; align-items: center; width: 100%; gap: 10px; padding: 12px 24px; margin-bottom: 20px; }
.account-profile-review-toolbar label { margin: 0; }
.account-profile-review-toolbar .reviews_filter_dd { position: static; width: 150px; min-width: 0; }
.account-profile-review-toolbar .select-header { width: 100%; text-align: left; flex-wrap: nowrap; }
.account-profile-review-toolbar .selected-tags { flex: 1; min-width: 0; }
.account-profile-review-toolbar .tag { display: block; height: 20px; line-height: 20px; padding-right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.account-profile-review-toolbar .input-wrapper { flex: 0 0 20px; }
.account-profile-review-toolbar .selected-tags,
.account-profile-review-toolbar .input-wrapper { position: relative; top: -1px; }
.account-profile-review-toolbar .select-dropdown { min-width: max-content; max-height: none; overflow: visible; }
.account-profile-review-toolbar .option,
.account-profile .adsds_item_btn .option { white-space: nowrap; }
.account-profile-review-toolbar .tag-remove { display: none; }
.account-profile-review-toolbar .option:focus-visible { outline: 1px solid #c1ac82; outline-offset: -1px; color: #c1ac82; }
.account-profile-rating { display: flex; gap: 10px; align-items: center; margin-left: auto; }
.account-profile-rating .reviews_rating_digital, .account-profile-rating .reviews_rating_sub { position: static; white-space: nowrap; }
.account-profile-rating .stars { position: static; display: flex; }
.account-profile .account-profile-review { display: grid; grid-template-columns: 58px minmax(0,1fr) auto; grid-template-rows: auto auto; gap: 5px 12px; padding: 10px; margin-bottom: 12px; }
.account-profile-review .reviews_item_logo { position: static; width: 58px; height: 76px; object-fit: cover; border-radius: 8px; grid-row: 1 / 3; }
.account-profile-review .reviews_item_name { position: static; align-self: end; overflow-wrap: anywhere; }
.account-profile-review .stars { position: static; grid-column: 2; justify-self: center; display: flex; }
.account-profile-review .reviews_item_date { position: static; grid-column: 3; grid-row: 1 / 3; align-self: center; }
.account-profile-review .reviews_item_memo { grid-column: 1 / -1; white-space: pre-wrap; overflow-wrap: anywhere; margin: 0; padding: 0; }
.profile-review-edit { grid-column: 1 / -1; justify-self: end; }
.account-profile-header, .account-profile-info { background-color: #1c1c21; background-position: center; background-size: cover; background-repeat: no-repeat; }
.account-profile-header { background-image: url('/games/images/account-profile-header-bg-acc64de0229998f06a8d1e10c8d3e63e.png'); }
.account-profile-info { background-image: url('/games/images/account-profile-info-bg-959f24f20e400289ad549cd75e042c58.png'); }
.account-profile .adsds_filter { background-color: rgba(0, 0, 0, .35); }
#profile-reviews-status, #profile-games-status { color: #979797; font-size: 14px; font-weight: 400; line-height: 1.4; margin: 0; }
#profile-reviews-status:empty, #profile-games-status:empty { display: none; }
#profile-reviews-status:not(:empty) { padding: 16px; background-color: rgba(0, 0, 0, .35); border-radius: 8px; }
.account-profile #profile-reviews-retry { color: #fff; }
@media (min-width: 1400px) {
    .account-profile .adsds_block .row-custom { max-width: 485px; margin: 0 auto; gap: 13px 51px; }
}
.account-profile-tabs { display: none; }
.account-profile-tabs .adsds_btn { position: static; width: auto; flex: 1; }
#profile-edit-review-modal .modal-content { width: min(560px, calc(100% - 36px)); padding: 24px; max-height: calc(var(--profile-viewport-height) - 72px); overflow: auto; }
#profile-edit-review-modal .modal-close { position: sticky; top: 0; margin: -12px -12px 0 auto; transform: none; min-height: 32px; width: 32px; height: 32px; font-size: 32px; }
#profile-edit-review-modal .modal-review_block { width: 100%; height: auto; }
#profile-edit-review-modal .modal-review-title { position: static; margin-bottom: 16px; padding-right: 16px; }
#profile-edit-review-modal .rating-container { position: static; display: flex; flex-direction: column; gap: 16px; align-items: stretch; }
#profile-edit-review-modal .stars { position: static; }
#profile-edit-review-modal .modal_review_comment { position: static; width: 100%; height: auto; }
#profile-edit-review-modal textarea { width: 100%; min-height: 140px; resize: vertical; }
#profile-edit-review-modal .modal_review_btn { position: static; width: 100%; }
#profile-edit-review-status { margin: 12px 0 0; }
/* Both roles use the same profile panels and review layout. */
.account-profile .account-profile-title { margin-bottom: 8px; }
.account-profile .account-profile-identity .master_card_name { margin: 0; font-weight: 400; }
.account-profile .account-profile-info { min-height: 0; align-content: start; }
.account-profile .account-profile-details .master_card_sex_age,
.account-profile .account-profile-details .master_card_city,
.account-profile .account-profile-details .master_card_status { line-height: 19px; }
.account-profile .account-profile-owner-preview { min-height: 71px; }
/* Guild artwork has a padded 565x271 canvas; enlarge the central emblem without changing the grid. */
.account-profile .account-profile-guild-emblem img { width: 66px; height: 71px; margin-right: 10px; margin-bottom: 5px; object-fit: cover; transform: scale(1.5); }
.account-profile .account-profile-review-toolbar label { font-size: 14px; }
.account-profile .account-profile-review {
    grid-template-columns: 58px minmax(0, 1fr) 58px;
    grid-template-rows: minmax(38px, auto) 33px auto;
}
.account-profile .account-profile-review .reviews_item_logo { grid-column: 1; }
.account-profile .account-profile-review .reviews_item_name {
    grid-column: 1 / -1;
    grid-row: 1;
    width: auto;
    padding: 0 70px;
}
.account-profile .account-profile-review .stars { grid-column: 1 / -1; grid-row: 2; align-self: start; }
.account-profile .account-profile-review .reviews_item_date {
    grid-column: 1 / -1;
    grid-row: 2;
    justify-self: end;
    align-self: center;
}
.account-profile .account-profile-review .reviews_item_memo { grid-row: 3; }
/* One 440px composition for phones and tablets; see docs/design/profile-mobile-design.md. */
@media (max-width: 1399px) {
    .account-profile-page { --profile-layout-width: 440px; width: var(--profile-layout-width); zoom: var(--profile-layout-scale, 1); background-size: 1965px auto; background-position: -260px -2px; }
    .account-profile-page::-webkit-scrollbar { width: 0; }
    .account-profile-page .container { padding-left: 11px; padding-right: 11px; }
    .account-profile-page #main_board { margin-top: 21px; min-height: 0; }
    .account-profile-page #main_board .navbar { display: none; }
    .account-profile-page .main_board_container { margin-top: 0; }
    .account-profile.adsds { margin-top: 0; }
    .account-profile-header { grid-template-columns: 58px minmax(0,1fr); gap: 24px; padding: 17px 17px 17px; margin-bottom: 12px; }
    .account-profile .account-profile-title { display: flex; width: 100%; justify-content: center; }
    .account-profile-identity .master_card_name { font-size: 26px; }
    .account-profile-roles { gap: 16px; font-size: 13.2px; }
    .account-profile-roles a { flex: 1; min-width: 0; }
    .account-profile-avatar { width: 58px; height: 76px; }
    .account-profile-grid { display: block; }
    .account-profile .account-profile-info { min-height: 0; grid-template-columns: 92px minmax(0,1fr) 124px; gap: 10px; padding: 12px 13px 11px; margin-bottom: 10px; }
    .account-profile-actions { display: grid; grid-auto-rows: 23px; gap: 8px; }
    .account-profile-info .master_card_btn { transform: scale(.75); transform-origin: top left; }
    .account-profile .account-profile-owner-preview { grid-row: span 2; min-height: 48px; height: 48px; padding: 4px; font-size: 10px; margin-top: 2px;}
    .account-profile-details { width: 100%; }
    .account-profile-demographics-row { width: fit-content; max-width: 100%; min-height: 14px; padding-right: 28px; }
    .account-profile-details .donate-btn { transform: scale(.75); transform-origin: top right; margin-right: -13px;}
    .account-profile .account-profile-info :is(.master_card_sex_age, .master_card_city, .master_card_status, .master_card_stats) { font-size: 10px; line-height: 14px; }
    .account-profile .account-profile-info .master_card_memo { font-size: 10px; line-height: 11px; max-height: 44px; padding-right: 0; text-align: left; }
    .account-profile-info-summary .account-profile-subscribers { min-width: 58px; }
    .account-profile-subscribers .master_card_subscribers_count { font-size: 36px; line-height: 34px; }
    .account-profile-subscribers .master_card_subscribers_label { font-size: 9px; line-height: 12px; }
    .account-profile .account-profile-guild-emblem img { width: 48px; height: 58px; margin: 0; }
    .account-profile .adsds_filter { height: 50px; padding: 12px 18px; gap: 20px; margin-bottom: 16px; }
    .account-profile .adsds_filter .adsds_btn { height: 24px; font-size: 10px; }
    .account-profile .adsds_block .row-custom { max-width: 400px; margin: 0 auto; gap: 12px 0; }
    /* Keep the desktop card geometry, including text, player dots and actions. */
    .account-profile .adsds_item { zoom: calc(160 / 217); }
    .account-profile-reviews { margin-top: 17px; }
    .account-profile-review-toolbar { height: 50px; padding: 8px 18px; gap: 10px; margin-bottom: 16px; }
    .account-profile .account-profile-review-toolbar label { font-size: 10px; }
    .account-profile-review-toolbar .reviews_filter_dd { width: 112px; }
    .account-profile-review-toolbar .select-header { height: 24px; padding: 0 8px; font-size: 10px; }
    .account-profile-review-toolbar .tag { font-size: 10px; }
    .account-profile-review-toolbar .select-dropdown { font-size: 10px; line-height: 14px; }
    .account-profile-review-toolbar .option { min-height: 24px; }
    .account-profile-rating { gap: 8px; }
    .account-profile-rating .reviews_rating_digital { font-size: 32px; line-height: 34px; }
    .account-profile-rating .reviews_rating_sub { font-size: 10px; }
    .account-profile .rating-container .star { width: 13px; height: 16px; }
    .account-profile .account-profile-review { grid-template-columns: 44px minmax(0,1fr) 58px; grid-template-rows: 24px 30px auto; gap: 4px 8px; padding: 8px; margin-bottom: 10px; }
    .account-profile-review .reviews_item_logo { width: 44px; height: 58px; }
    .account-profile .account-profile-review .reviews_item_name { padding: 0 54px; font-size: 14px; }
    .account-profile .account-profile-review .reviews_item_date { grid-row: 2; align-self: start; font-size: 10px; }
    .account-profile .account-profile-review .reviews_item_memo { grid-row: 3; font-size: 11px; line-height: 12px; }
}
@media (max-width: 1399px) {
    /* Shared fixed-width parts fit the design canvas before the whole page scales. */
    .account-profile-page #footer { --footer-layout-width: 600px; width: var(--footer-layout-width); height: 294px; zoom: var(--profile-footer-scale, 1); margin-top: 69px !important; /* main.js measures unscaled heights; keep the design gap. */ }
    .account-profile-page #footer > .container { width: 100%; min-width: var(--footer-layout-width); max-width: var(--footer-layout-width); padding: 0 12px; }
    .account-profile-page #footer .col-3 { width: 50%; }
    .account-profile-page .footer_ur { position: absolute; top: 73px; }
    .account-profile-page .footer_about { position: absolute; top: 73px; left: 284px; }
    .account-profile-page .footer_sn { position: absolute; top: 0; left: 297px; }
    .account-profile-page .footer_soc { position: absolute; top: 37px; }
    .account-profile-page .copyright { position: absolute; top: 252px; left: -198px; }
}
@media (max-width: 1399px) {
    /* Center like home; tall artwork scrolls from an accessible top edge. */
    .account-profile-page .modal:where(:not(.mana-payment-modal, .payment-modal)) { align-content: safe center; padding: 32px 0; }
    .account-profile-page :where(.modal:not(.mana-payment-modal, .payment-modal)) .modal-content { position: relative; top: auto; left: auto; transform: none; }
    .account-profile-page :where(.modal:not(.mana-payment-modal, .payment-modal)) span.modal-close:not(.game_card_madal_btn) { transform: translate(50%, -50%); }
    .account-profile-page :where(.modal:not(.mana-payment-modal)) .modal-default { zoom: calc(400 / 573); }
    .account-profile-page .modal-invite { width: 583px; zoom: calc(400 / 583); }
    .account-profile-page .modal-hi { width: 572px; zoom: calc(400 / 572); }
    .account-profile-page :is(.modal-master-block, #modal-review .modal-content) { width: 590px; zoom: calc(400 / 590); }
    .account-profile-page .modal-borders { zoom: calc(400 / 447); }
    .account-profile-page .modal-highlight-mana { width: 555px; zoom: calc(400 / 555); }
    /* Preserve the board's close-button offset when a tall preview scrolls. */
    .account-profile-page #PreviewModal { padding: 56px 0; }
    .account-profile-page #game-preview-container { margin: 0 auto; transform: none; }
    .account-profile-page #PreviewModal > .modal-close { top: max(32px, calc(50% - 211px)); z-index: 2001; }
    /* Keep the shared description dialog independent of the profile page scale. */
    .account-profile-page .full-description-modal { width: 100vw; height: 100dvh; zoom: calc(1 / var(--profile-layout-scale, 1)); padding: 20px 0; }
    /* Payment dialogs retain the board geometry outside the scaled profile layout. */
    .account-profile-page :is(.mana-payment-modal, .payment-modal) { width: 100vw; height: 100dvh; zoom: calc(1 / var(--profile-layout-scale, 1)); }
    .account-profile-page .modal-resurce { width: 366px; height: 469px; background: url('/games/images/modal_resurce_m-dc5abfff2074540dc922439af483d855.png') no-repeat top center; }
    .account-profile-page .modal-resurce::after { content: ''; width: 44px; height: 55px; background: url('/games/images/mobile-res-icon-5da36c402316ee51ce9dbff4c40cfca8.png') no-repeat top center; position: absolute; top: -22px; left: 162px; }
    .account-profile-page :is(.modal-resurce, .modal-mana-memo) .resurce_top_memmo { top: 36px; left: 46px; width: 278px; text-align: center; }
    .account-profile-page .modal-resurce .resurce_left_memmo { top: 198px; left: 90px; }
    .account-profile-page .modal-resurce .resurce_right_memmo { top: 290px; left: 90px; width: 193px; }
    .account-profile-page .modal-resurce .resurce_btn { top: 409px; left: 75px; }
    .account-profile-page .modal-mana-memo { width: 366px; height: 559px; background: url('/games/images/modal_mana_bg_m-92a9c9f87ab990ede748cfc1e777bbd3.png') no-repeat top center; }
    .account-profile-page .modal-mana-memo::after { content: ''; position: absolute; width: 46px; height: 46px; top: -23px; left: 162px; background: url('/games/images/mobile-mana-icon-2a5f61b8c45e20326b0cb59d0fbc192f.png') no-repeat top center; }
    .account-profile-page .modal-mana-memo .resurce_top_memmo { width: 282px; }
    .account-profile-page .modal-mana-memo .resurce_top_memmo::after { content: ''; position: absolute; width: 182px; height: 1px; background: url('/games/images/mobile_mana_line-9ca7e59dffea90eba5e2096ef42be871.png') no-repeat top center; top: 85px; left: 43px; }
    .account-profile-page .modal-mana-memo .resurce_left_memmo { top: 139px; left: 48px; width: 300px; }
    .account-profile-page .modal-mana-memo .resurce_left_memmo p:first-child { margin-right: 51px; }
    .account-profile-page .modal-mana-memo .resurce_right_memmo { top: 311px; left: 49px; width: 300px; }
    .account-profile-page .modal-mana-memo .resurce_right_memmo p:first-child { margin-right: 57px; }
    .account-profile-page .modal-mana-memo .mana_memo_btn { top: 497px; left: 76px; }
    .account-profile-page .modal-mobil-menu { width: 300px; height: 682px; position: absolute; top: max(32px, calc(50% - 341px)); left: 50%; transform: translateX(-50%); background: url('/games/images/mobil_menu_bg-d14729cb186f85a66f9d0f786908e6bd.png') no-repeat top center; zoom: var(--profile-menu-scale, 1); }
    .account-profile-page .modal-mobil-menu .modal-close { transform: translate(50%, -50%); }
    .account-profile-page .modal-mobil-menu .top-navbar-nav-mobile { width: 100%; position: absolute; top: 20px; padding: 0; }
    .account-profile-page .modal-mobil-menu .top-navbar-nav-mobile .top-nav-item { margin-right: 0; }
    .account-profile-page .modal-mobil-menu .top-navbar-nav-mobile::after { content: ''; width: 182px; height: 1px; background: url('/games/images/mobile_menu_line-27a25adc7677318a8e9992cbbdebd250.png') no-repeat top center; position: absolute; top: 220px; left: 56px; }
    .account-profile-page .modal-mobil-menu .top-navbar-nav-mobile .top-nav-link { width: 100%; text-align: center; font-size: 24px; display: block; margin-bottom: 5px; }
    .account-profile-page .modal-mobil-menu .bottom-navbar-nav-mobile { width: 100%; position: absolute; top: 258px; padding: 0; }
    .account-profile-page .modal-mobil-menu .bottom-navbar-nav-mobile .nav-link { width: 100%; text-align: center; font-size: 24px; display: block; margin-bottom: 1px; text-transform: none; position: relative; }
    .account-profile-page .modal-mobil-menu .bottom-navbar-nav-mobile .nav-link.notification::after { content: ''; width: 12px; height: 12px; display: block; border-radius: 6px; position: absolute; background: #8f2b19; top: 12px; right: 47px; }
    .account-profile-page .modal-mobil-menu .top_make_game { width: 198px; height: 43px; top: 638px; left: 52px; font-size: 18px; line-height: 42px; background: #6a223b; }
    .account-profile-page .modal-mobil-menu .poster-sub-menu { width: 138px; height: auto; left: 50%; margin-left: -69px; top: 60px; padding: 0 0 5px 0; border: 1px solid #979797; border-top: none; border-radius: 0 0 7px 7px; background: #1c1920; transform: scale(1.5); transform-origin: top center; z-index: 12; }
    .account-profile-page .modal-mobil-menu .poster-sub-menu::before { content: ''; position: absolute; top: -18px; left: -1px; width: 139px; height: 18px; background: url('/games/images/buttons/kingSprite3-88570cc0906737e7001144018af26f72.png') -117px 4px; }
    .account-profile-page .modal-mobil-menu .poster-menu-item:hover > .poster-sub-menu,
    .account-profile-page .modal-mobil-menu .poster-menu-item:focus-within > .poster-sub-menu { display: block; }
    .account-profile-page .modal-mobil-menu .poster-sub-menu .nav-item { line-height: 6px; margin: 11px 0 6px; }
    .account-profile-page .modal-mobil-menu .poster-sub-menu .nav-item::after { content: none; }
    .account-profile-page .modal-mobil-menu .poster-sub-menu li a:hover::after { top: 14px; }
    .account-profile-page .profile-game-modal:where(:not(.mana-payment-modal)) .modal-content {
        width: calc(100% - 24px); max-width: 573px; height: auto; min-height: min(320px, calc(var(--profile-viewport-height) - 48px)); zoom: 1;
        max-height: calc(var(--profile-viewport-height) - 48px); overflow: auto; padding: 54px 24px 24px;
        background-size: 100% 100% !important;
    }
    .account-profile-page .profile-game-modal:where(:not(.mana-payment-modal)) .modal-default_block { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; width: 100%; height: auto; }
    .account-profile-page .profile-game-modal:where(:not(.mana-payment-modal)) .modal_default_text { position: static; grid-column: 1 / -1; width: auto; }
    .account-profile-page .profile-game-modal:where(:not(.mana-payment-modal)) .modal-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; grid-column: 1 / -1; }
    .account-profile-page .profile-game-modal:where(:not(.mana-payment-modal)) .modal-default-cancel-btn,
    .account-profile-page .profile-game-modal:where(:not(.mana-payment-modal)) .modal-default-confirm-btn { position: static; width: 100%; margin: 0; }
    .account-profile-page .profile-game-modal:where(:not(.mana-payment-modal)) .modal-default-cancel-btn:only-child { grid-column: 1 / -1; }
    .account-profile-page :is(.profile-game-modal:where(:not(.mana-payment-modal)), .donate-modal, .donate-modal-master) .modal-close.game_card_btn { top: 12px; right: 12px; transform: none; }
    .account-profile-page :is(.donate-modal, .donate-modal-master) .modal-content { width: calc(100% - 24px); max-width: 590px; max-height: calc(var(--profile-viewport-height) - 48px); overflow: auto; }
    .account-profile-page .donate-modal .pay_bank { display: grid; grid-template-columns: 60px minmax(0,1fr); gap: 4px 12px; height: auto; min-height: 87px; padding: 12px 30px 12px 12px; }
    .account-profile-page .donate-modal :is(.pay_bank_logo, .donate_bank_logo) { position: static; grid-row: 1 / 3; }
    .account-profile-page .donate-modal :is(.pay_bank_logo, .donate_bank_logo) img { max-width: 100%; }
    .account-profile-page .donate-modal :is(.pay_bank_title, .pay_bank_memo, .donate_bank_title, .donate_bank_memo) { position: static; font-size: 14px; }
    .account-profile-page :is(#donate-modal-container, #donate-modal-master-container, .donateForm, .donateFormMaster) { width: 100%; height: auto; }
    .account-profile-page :is(.donate_block, .donate_block_master) { display: flex; flex-direction: column; gap: 12px; width: 100%; height: auto; padding: 54px 20px 24px; background-size: 100% 100%; }
    .account-profile-page :is(.donate_block, .donate_block_master) > div,
    .account-profile-page :is(.donate_confirm_btn, .donate_confirm_btn_master) { position: relative; top: auto; left: auto; right: auto; width: 100%; height: auto; }
    .account-profile-page :is(.donate_header, .donate_header_master) { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; padding-bottom: 12px; }
    .account-profile-page :is(.donate_header, .donate_header_master) > div { position: static; width: auto; height: auto; }
    .account-profile-page :is(.donate_name, .donate_name_master) { grid-column: 1 / -1; }
    .account-profile-page :is(.donate_comment, .donate_comment_master) textarea { width: 100%; }
    .account-profile-page .donate_mana_verification_note_master { white-space: normal; }
    .account-profile-page :is(.donate_line3, .donate_line4, .donate_line_master, .donate_line2_master, .donate_line4_master) { height: 1px; }
    .account-profile-page :is(.donate_confirm_btn, .donate_confirm_btn_master) { min-height: 32px; }
    .account-profile-page #top { height: auto; min-height: 62px; background-size: auto 62px; }
    .account-profile-page #top::after { top: auto; bottom: 0; }
    .account-profile-page :is(.top_menu, .top_menu_entred) { display: none; }
    .account-profile-page .top_menu_entred_mobile { display: flex; align-items: center; gap: 8px; height: 62px; padding: 8px 0; }
    .account-profile-page .top_menu_entred_mobile .top-brand.logo { position: static; display: block; flex: 1; min-width: 0; margin-left: 9px; }
    .account-profile-page .top_menu_entred_mobile .top-brand.logo img { width: 134px; max-width: 100%; }
    .account-profile-page .top_menu_entred_mobile .top-navbar-nav2 { position: static; margin: 0 5px 0 auto; padding: 0; transform: scale(.75); transform-origin: right center; }
    .account-profile-page .top-navbar-nav2 .top-nav-item { margin-left: 12px; margin-right: 0; }
    .account-profile-page .top_icon_cristal,
    .account-profile-page .top_icon_cristal:hover { display: block; width: 48px; height: 48px; background: url('/games/images/cristal_m-c2ee44529d69347718cde419eda926d5.png') no-repeat center center; border: none; margin-top: -10px; }
    .account-profile-page .top_icon_cristal.notification::before { content: ''; width: 12px; height: 12px; background: #8f2b19; border-radius: 6px; position: absolute; top: 34px; left: auto; right: -8px; }
    .account-profile-page .top_menu_entred_mobile .top-nav-item:nth-child(1) { order: 2; }
    .account-profile-page .top_menu_entred_mobile .top-nav-item:nth-child(2) { order: 1; }
    .account-profile-page .top_menu_entred_mobile .top-nav-item:nth-child(3) { order: 3; }
}

@media (max-width: 601px) {
    /* The board uses a 600px viewport on mobile; reuse that canvas and composition. */
    .account-profile-page :is(.full-description-modal, .mana-payment-modal, .payment-modal) { width: 600px; height: calc(var(--profile-viewport-height) * 600 / 440); zoom: calc(440 / 600); padding: 0; overflow: hidden; }
    .account-profile-page .full-description-modal span.modal-close { transform: translate(0, -120%); }
}