/* M11 — Server Dock / PLAY GAME regression fix */
.dock-play-game {
    display: block;
    width: 100%;
    min-height: 40px;
    margin-top: 10px;
    border: 1px solid #e0a44d;
    border-radius: 5px;
    background: #b94a24;
    color: #fff4d8;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
}
.dock-play-game:hover { background: #c85b2c; }

@media (max-width: 1050px) {
    .server-dock-slots { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); overflow: visible; }
    .dock-server,
    .dock-search { float: none; width: auto; min-width: 0; }
    .dock-server { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "label state" "name state" "time time"; gap: 3px 8px; min-height: 0; padding: 14px; }
    .dock-server .dock-label { grid-area: label; margin: 0; }
    .dock-server .dock-server-name { grid-area: name; min-width: 0; overflow: visible; white-space: normal; overflow-wrap: anywhere; }
    .dock-server > small { grid-area: time; margin-top: 5px; line-height: 1.4; }
    .dock-server .mini-state { grid-area: state; position: static; align-self: start; justify-self: end; white-space: nowrap; }
    .dock-search { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
    .server-dock { overflow: visible; }
    .server-dock-title { text-align: left; }
    .server-dock-slots { display: block; }
    .dock-server,
    .dock-search { display: block; width: 100%; min-height: 0; padding: 14px; border-right: 0; border-bottom: 1px solid #315b6c; }
    .dock-server { position: relative; padding-right: 14px; }
    .dock-server .dock-label { display: block; padding-right: 70px; }
    .dock-server .dock-server-name { display: block; padding-right: 0; margin-top: 5px; font-size: 14px; line-height: 1.3; white-space: normal; }
    .dock-server > small { display: block; margin-top: 6px; padding-right: 0; line-height: 1.45; }
    .dock-server .mini-state { position: absolute; top: 12px; right: 12px; max-width: 64px; }
    .dock-search-line { display: flex; overflow: visible; }
    .dock-search-line input { float: none; flex: 1 1 auto; min-width: 0; width: auto; }
    .dock-search-line button { float: none; flex: 0 0 92px; width: auto; margin-top: 0; }
    .dock-play-game { min-height: 44px; font-size: 12px; }
    .all-server-button { min-height: 40px; padding-top: 10px; text-align: center; }
}

.page-shop .shop-gold-event {
    margin: 12px 0;
    padding: 12px 14px;
    border: 1px solid #d59a3c;
    border-left: 4px solid #b94a24;
    border-radius: 6px;
    background: #fff6df;
    color: #324e58;
}
.page-shop .shop-gold-event strong,
.page-shop .shop-gold-event span,
.page-shop .shop-gold-event small { display: block; }
.page-shop .shop-gold-event strong { color: #a84524; }
.page-shop .shop-gold-event span { margin-top: 4px; font-weight: bold; }
.page-shop .shop-gold-event small { margin-top: 3px; color: #6c7774; }
.page-shop .shop-gold-event p { margin: 8px 0 0; line-height: 1.5; }

/* Static Fanpage summary: no third-party Facebook SDK is required. */
.fanpage-summary-card { min-height: 0; }
.fanpage-summary {
    min-height: 260px;
    padding: 34px 28px;
    text-align: center;
    color: #34505b;
}
.fanpage-summary img {
    display: block;
    width: 64px;
    max-height: 64px;
    margin: 0 auto 14px;
    object-fit: contain;
}
.fanpage-summary > strong {
    display: block;
    color: #123f52;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 22px;
}
.fanpage-summary p {
    max-width: 440px;
    margin: 10px auto 20px;
    color: #66787c;
    line-height: 1.6;
}
.fanpage-summary-link {
    display: inline-block;
    min-width: 180px;
    padding: 12px 18px;
    border: 1px solid #e0a44d;
    border-radius: 5px;
    background: #c64b25;
    color: #fffaf0;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 4px 0 #843019;
}
.fanpage-summary-link:hover {
    background: #de5a2d;
    color: #ffffff;
}
@media (max-width: 640px) {
    .fanpage-summary { min-height: 0; padding: 26px 18px 28px; }
    .fanpage-summary > strong { font-size: 20px; }
    .fanpage-summary-link { width: 100%; min-width: 0; box-sizing: border-box; }
}