/* Uniquest: keep advertising separate from headings, cards and game controls. */
body .gamex-ad {
    display: none;
    position: relative;
    float: none;
    clear: both;
    width: 100%;
    max-width: 900px;
    min-width: 0;
    margin: 36px auto;
    padding: 14px 0 18px;
    border: 0;
    border-top: 1px solid #e3e6eb;
    border-bottom: 1px solid #e3e6eb;
    border-radius: 0;
    background: #fff;
    color: #656b73;
    box-shadow: none;
    box-sizing: border-box;
    grid-column: 1 / -1;
    text-align: left;
}
body .gamex-ad[data-filled="true"] { display: block; }
body .gamex-ad__label {
    display: block;
    margin: 0 0 10px;
    padding: 0;
    color: #656b73;
    font: 400 11px/1.4 -apple-system, BlinkMacSystemFont, "Noto Sans JP", sans-serif;
    letter-spacing: .08em;
    text-align: center;
}
body .gamex-ad .uniquest-widget { margin: 0 auto; max-width: 100%; }
body .gamex-ad--game-bottom { margin-top: 64px; margin-bottom: 40px; }
@media (max-width: 767px) {
    body .gamex-ad { margin: 28px auto; padding: 12px 0 16px; }
    body .gamex-ad--game-bottom { margin-top: 56px; }
}
@media print { body .gamex-ad[data-filled] { display: none; } }
/* The saved PC creative uses fixed 250px cards. Keep each card inside its column
   when a desktop window is narrow, without changing the creative or its links. */
.gamex-ad { container-type: inline-size; }
.gamex-ad .uniquest-slot { min-width: 0; }
.gamex-ad .uniquest-slot .uniquest-link { max-width: 100%; }
@container (max-width: 520px) {
    .gamex-ad .uniquest-widget[data-id="OMqr5RtQ"] .uniquest-widget-inner > div { flex-wrap: wrap; }
    .gamex-ad .uniquest-widget[data-id="OMqr5RtQ"] .uniquest-slot { flex: 0 0 50% !important; width: 50%; }
}
/* Goodlife is restricted to mobile reading pages; gameplay never loads it. */
.gamex-goodlife-anchor {
    position: fixed; inset: auto 0 0; z-index: 90;
    width: 100%; padding: 0 0 env(safe-area-inset-bottom, 0px);
    background: #fff; border-top: 1px solid #dce0e5;
    box-shadow: 0 -2px 8px #0000000d;
    visibility: hidden; pointer-events: none; box-sizing: border-box;
}
.gamex-goodlife-anchor[data-visible="true"] { visibility: visible; pointer-events: auto; }
.gamex-goodlife-anchor__bar { display: flex; align-items: center; justify-content: space-between; height: 30px; padding: 0 8px 0 12px; }
.gamex-goodlife-anchor__bar > span { color: #656b73; font: 11px/1.2 sans-serif; }
body .gamex-goodlife-anchor__close { all: unset; box-sizing: border-box; display: flex; align-items: center; justify-content: center; min-width: 72px; height: 30px; color: #333; cursor: pointer; font: 12px/1.2 sans-serif; }
body .gamex-goodlife-anchor__close:focus-visible { outline: 2px solid #d71920; outline-offset: -2px; }
.gamex-goodlife-anchor__frame { display: block; width: 100%; border: 0; margin: 0; padding: 0; }
.gamex-goodlife-anchor-space { height: 0; pointer-events: none; }
@media print { .gamex-goodlife-anchor, .gamex-goodlife-anchor-space { display: none; } }
