/* Event board: Federation mobile layout (split and stack modes). */
@media (width <= 767px) {
    html:has(.w_event) body.gundam-skin #ajax-content.contents { padding-inline: 0 !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents > .page.w_event {
        display: block !important; width: 100% !important; max-width: none !important;
        margin: -12px 0 0 !important; padding: 0 0 22px !important; gap: 0 !important;
        overflow: hidden !important; color: #173b5d !important; background: #edf4f8 !important;
        min-height: 0 !important; height: auto !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents > .page.w_event > #board_mount {
        flex: none !important; width: 100% !important; height: auto !important; min-height: 0 !important;
        margin: 0 !important; padding: 0 !important; background: #edf4f8 !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .board-layout-scope[data-layout="split"] .evwrap {
        display: block !important; height: auto !important; min-height: 0 !important; padding: 8px !important;
        overflow: visible !important; background: #edf4f8 !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .board-layout-scope[data-layout="split"] #event_list {
        display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; align-content: start !important;
        height: auto !important; min-height: 0 !important; gap: 6px !important; padding: 0 !important; overflow: visible !important;
        border: 0 !important; background: transparent !important; box-shadow: none !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .board-layout-scope[data-layout="split"] #event_list:has(> .event_detail:only-child) {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents > .page.w_event #board_mount .board-layout-scope[data-layout="split"] .evwrap {
        min-height: 0 !important; height: auto !important; padding: 8px !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents > .page.w_event #board_mount .board-layout-scope[data-layout="split"] #event_list {
        min-height: 0 !important; height: auto !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents > .page.w_event #board_mount .board-layout-scope[data-layout="split"] #event_list:has(> .event_detail:only-child) {
        grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .board-layout-scope[data-layout="split"] #event_list > .event_detail:only-child {
        max-width: none !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents .w_event .event_detail {
        display: flex !important; min-width: 0 !important; height: auto !important; padding: 0 !important; overflow: hidden !important;
        flex-direction: column !important; border: 1px solid #a9c2d4 !important; border-radius: 2px !important;
        color: #173b5d !important; background: #fff !important; box-shadow: 0 2px 6px rgb(26 70 105 / 10%) !important; transform: none !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents .w_event .event_detail:is(.is-active,[aria-current="true"]) { border-color: #1789c8 !important; box-shadow: inset 0 0 0 1px #77c6eb !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents .w_event .event_detail > img {
        width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important;
        aspect-ratio: 4 / 3 !important; object-fit: cover !important; border: 0 !important; background: #eaf3f8 !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents .w_event .event_detail .event-num {
        min-height: 24px !important; padding: 3px 7px !important; border: 0 !important; border-top: 1px solid #c4d6e2 !important;
        color: #17628f !important; background: #eaf3f8 !important; font-size: 9px !important; text-shadow: none !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents .w_event .event_detail .event-title {
        min-height: 45px !important; padding: 7px 8px !important; color: #153b5d !important; background: #fff !important;
        font-size: 11px !important; font-weight: 800 !important; line-height: 1.4 !important; text-align: center !important; text-shadow: none !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .board-layout-scope[data-layout="stack"] #notice_list_wrap {
        min-height: 0 !important; padding: 8px !important; border: 0 !important; background: #edf4f8 !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .notice-card-list { display: grid !important; grid-template-columns: repeat(3,minmax(0,1fr)) !important; gap: 6px !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .notice-card-list:has(> .notice-card:only-child) { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents .w_event .notice-card {
        padding: 0 !important; overflow: hidden !important; border: 1px solid #a9c2d4 !important; border-radius: 2px !important;
        color: #173b5d !important; background: #fff !important; box-shadow: 0 2px 6px rgb(26 70 105 / 10%) !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents .w_event .notice-card-thumb { border: 0 !important; border-bottom: 1px solid #c4d6e2 !important; background: #eaf3f8 !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents .w_event .notice-card-fallback { color: #17628f !important; background: linear-gradient(135deg,#f8fcfe,#dcebf4) !important; text-shadow: none !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents .w_event .notice-card-body { min-height: 48px !important; padding: 8px !important; background: #fff !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents .w_event .notice-card-title { color: #153b5d !important; font-size: 11px !important; text-shadow: none !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .board-layout-scope #notificationm {
        position: fixed !important; z-index: 12000 !important; inset: 0 !important; overflow-y: auto !important;
        padding: 8px !important; background: rgb(3 15 25 / 92%) !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event #notificationm > .title {
        position: sticky !important; top: 0 !important; min-height: 44px !important; padding: 6px 7px 6px 12px !important;
        border: 1px solid #1789c8 !important; color: #fff !important; background: linear-gradient(180deg,#177eb7,#075681) !important;
    }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event #notificationm #x_button { border-color: #8bd5f4 !important; color: #fff !important; background: #075681 !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event #notificationm #detail_content { padding: 0 !important; border: 1px solid #1789c8 !important; border-top: 0 !important; background: #fff !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .board-detail-shell { padding: 8px !important; border: 0 !important; background: #edf4f8 !important; box-shadow: none !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .board-detail-back { width: 100% !important; height: 42px !important; border-color: #0c6b9f !important; color: #fff !important; background: linear-gradient(180deg,#177eb7,#075681) !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .board-detail-card { border: 1px solid #aec5d6 !important; color: #294f6f !important; background: #fff !important; box-shadow: none !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .board-detail-header { padding: 14px !important; border-bottom-color: #c8d8e3 !important; background: #f5f9fc !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .board-detail-title { color: #123b60 !important; font-size: 19px !important; text-shadow: none !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .board-detail-date { color: #67839a !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .board-detail-body { min-height: 220px !important; padding: 17px 14px 26px !important; color: #294f6f !important; background: #fff !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin .w_event .board-detail-body :is(a,strong) { color: #096b9f !important; }
}
@media (width <= 340px) {
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents > .page.w_event { margin-top: -10px !important; }
    html:has(.w_event) body.gundam-skin.gundam-skin #ajax-content.contents .w_event .event_detail .event-title { font-size: 10px !important; }
}