/* Gundam Notice/Event: shared Federation-blue board skin.
   Both boards can render either stack or split layout, so selectors key off
   the outer page and the renderer's data-layout instead of the inner legacy class. */

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) {
    color: #d9edf8 !important;
    background: #03111f !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) > .page_ttl {
    position: relative !important;
    isolation: isolate !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #147dcc !important;
    border-radius: 0 !important;
    color: #f5fbff !important;
    background:
        linear-gradient(90deg, rgb(2 12 24 / 92%), rgb(7 43 72 / 48%) 50%, rgb(2 12 24 / 92%)),
        repeating-linear-gradient(135deg, rgb(63 190 236 / 5%) 0 2px, transparent 2px 13px),
        radial-gradient(circle at 50% 48%, #15547b 0, #061d33 42%, #020c18 100%) !important;
    box-shadow: inset 0 0 34px rgb(20 125 204 / 22%) !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) > .page_ttl::before {
    content: "" !important;
    position: absolute !important;
    inset: 10px !important;
    display: block !important;
    border: 1px solid rgb(69 190 235 / 22%) !important;
    background:
        linear-gradient(90deg, #39c9f2, transparent 15% 85%, #39c9f2) top / 100% 1px no-repeat,
        linear-gradient(90deg, #39c9f2, transparent 15% 85%, #39c9f2) bottom / 100% 1px no-repeat !important;
    opacity: .75 !important;
    pointer-events: none !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) > .page_ttl::after {
    content: "FEDERATION INFORMATION NETWORK" !important;
    position: absolute !important;
    right: 18px !important;
    bottom: 15px !important;
    display: block !important;
    color: #4ca9d1 !important;
    font-family: "Arial Narrow", Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 1.6px !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) > .page_ttl > .gundam-page-title-copy {
    position: relative !important;
    z-index: 2 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #f4fbff !important;
    -webkit-text-fill-color: #f4fbff !important;
    font-family: "SEBANG_Gothic_Bold", "Noto Sans KR", sans-serif !important;
    font-size: clamp(30px, 3vw, 44px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -.04em !important;
    text-shadow: 0 2px 1px #00111f, 0 0 10px rgb(55 201 255 / 58%) !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) > .page_ttl > .gundam-page-title-copy::before {
    content: "U.C. BOARD";
    display: block;
    margin-bottom: 8px;
    color: #62c8ed;
    font-family: "Arial Narrow", Arial, sans-serif;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: 3px;
    text-align: center;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) #board_mount {
    min-height: 360px;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-layout-scope {
    color: #d9edf8 !important;
    background: transparent !important;
}

/* Stack layout: thumbnail card list. */
html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-layout-scope[data-layout="stack"] #notice_list_wrap {
    min-height: 420px !important;
    padding: 12px !important;
    border: 1px solid #335f82 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #071f34, #03111f) !important;
    box-shadow: inset 0 1px 0 rgb(105 211 255 / 9%) !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card-list {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 10px !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card {
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid #276f9d !important;
    border-radius: 0 !important;
    color: #eaf8ff !important;
    background: #061729 !important;
    box-shadow: 0 0 0 1px rgb(57 201 242 / 8%), 0 6px 14px rgb(0 12 25 / 30%) !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card:is(:hover, :focus-visible) {
    border-color: #39c9f2 !important;
    outline: 0 !important;
    box-shadow: 0 0 0 1px rgb(57 201 242 / 18%), 0 10px 20px rgb(0 12 25 / 45%) !important;
    transform: translateY(-2px) !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card-thumb {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    border-bottom: 1px solid #249ed4 !important;
    background: #041321 !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card-image {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card-fallback {
    width: 100% !important;
    aspect-ratio: 16 / 9 !important;
    color: #dff7ff !important;
    background:
        repeating-linear-gradient(135deg, rgb(57 201 242 / 5%) 0 2px, transparent 2px 11px),
        radial-gradient(circle at 50% 45%, #15547b, #041321 72%) !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
    text-shadow: 0 0 9px rgb(57 201 242 / 52%) !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card-body {
    min-height: 48px !important;
    padding: 9px 10px !important;
    background: linear-gradient(180deg, #123d62, #071f34) !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card-title {
    display: -webkit-box !important;
    overflow: hidden !important;
    color: #f4f9fc !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    text-shadow: 0 1px #00101d !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

/* Split layout: independent list and detail panels. */
html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-layout-scope[data-layout="split"] .evwrap {
    display: grid !important;
    grid-template-columns: minmax(300px, 38%) minmax(0, 1fr) !important;
    gap: 10px !important;
    height: calc(100vh - var(--gundam-desktop-header-height, 132px) - 202px) !important;
    min-height: 520px !important;
    overflow: hidden !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-layout-scope[data-layout="split"] :is(#event_list, #event_view) {
    box-sizing: border-box !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow-y: auto !important;
    border: 1px solid #335f82 !important;
    border-radius: 0 !important;
    color: #d9edf8 !important;
    background: linear-gradient(180deg, #071f34, #03111f) !important;
    box-shadow: inset 0 1px 0 rgb(105 211 255 / 9%) !important;
    scrollbar-color: #287eaa #03111f !important;
    scrollbar-width: thin !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-layout-scope[data-layout="split"] #event_list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-content: start !important;
    align-items: start !important;
    gap: 9px !important;
    padding: 10px !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .event_detail {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    overflow: hidden !important;
    flex-direction: column !important;
    border: 1px solid #276f9d !important;
    border-radius: 0 !important;
    color: #eaf8ff !important;
    background: #061729 !important;
    box-shadow: 0 5px 12px rgb(0 12 25 / 28%) !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .event_detail:is(:hover, :focus-visible, .is-active, [aria-current="true"]) {
    border-color: #39c9f2 !important;
    outline: 0 !important;
    box-shadow: inset 0 0 0 1px rgb(57 201 242 / 18%), 0 8px 18px rgb(0 12 25 / 42%) !important;
    transform: translateY(-1px) !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .event_detail > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    background: #041321 !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .event_detail .event-num {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 25px !important;
    padding: 3px 7px !important;
    border-top: 1px solid #249ed4 !important;
    color: #78d7f5 !important;
    background: #0c3556 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .event_detail .event-title {
    display: -webkit-box !important;
    min-height: 38px !important;
    padding: 7px 8px !important;
    overflow: hidden !important;
    color: #f4f9fc !important;
    background: linear-gradient(180deg, #123d62, #071f34) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-align: center !important;
    white-space: normal !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}

/* Shared detail article in stack, split, and the mobile split overlay. */
html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-shell {
    padding: 12px !important;
    border: 1px solid #335f82 !important;
    border-radius: 0 !important;
    color: #d9edf8 !important;
    background: linear-gradient(180deg, #071f34, #03111f) !important;
    box-shadow: inset 0 1px 0 rgb(105 211 255 / 9%) !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-back {
    min-width: 108px !important;
    height: 38px !important;
    margin: 0 0 10px !important;
    border: 1px solid #278cc2 !important;
    border-radius: 0 !important;
    color: #e9f8ff !important;
    background: linear-gradient(180deg, #14527d, #082843) !important;
    box-shadow: inset 0 1px 0 rgb(149 225 255 / 16%) !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-back:is(:hover, :focus-visible) {
    border-color: #55c9f3 !important;
    outline: 0 !important;
    color: #fff !important;
    background: linear-gradient(180deg, #1b689a, #0a3658) !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-card {
    width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    border: 1px solid #276f9d !important;
    border-radius: 0 !important;
    color: #cfe6f3 !important;
    background: #041321 !important;
    box-shadow: inset 0 1px 0 rgb(105 211 255 / 7%) !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-header {
    padding: 18px 20px !important;
    border-bottom: 1px solid #249ed4 !important;
    background:
        linear-gradient(90deg, rgb(40 128 174 / 20%), transparent 62%),
        linear-gradient(180deg, #123d62, #071f34) !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-badge {
    min-height: 24px !important;
    border: 1px solid #39a7d4 !important;
    border-radius: 2px !important;
    color: #dff7ff !important;
    background: linear-gradient(180deg, #176b96, #0a3b5f) !important;
    box-shadow: inset 0 1px 0 rgb(149 225 255 / 16%) !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-date {
    color: #83a9bd !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-title {
    color: #f4f9fc !important;
    font-family: "SEBANG_Gothic_Bold", "Noto Sans KR", sans-serif !important;
    text-shadow: 0 1px #00101d !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-body {
    min-height: 260px !important;
    padding: 22px 20px 30px !important;
    color: #cfe2ed !important;
    background: linear-gradient(180deg, #041321, #020c16) !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-body :is(a, strong) {
    color: #8ee3ff !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-body img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
}

html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-empty {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 220px !important;
    border: 1px solid #335f82 !important;
    border-radius: 0 !important;
    color: #82a7bb !important;
    background: linear-gradient(180deg, #071f34, #03111f) !important;
}

@media screen and (max-width: 980px) {

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card-list {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 7px !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-layout-scope[data-layout="stack"] #notice_list_wrap {
        min-height: 300px !important;
        padding: 8px !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card-body {
        min-height: 42px !important;
        padding: 7px !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card-title {
        font-size: 11px !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-layout-scope[data-layout="split"] .evwrap {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-layout-scope[data-layout="split"] #event_list {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        height: auto !important;
        gap: 7px !important;
        padding: 8px !important;
        overflow: visible !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .event_detail .event-num {
        min-height: 22px !important;
        font-size: 9px !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .event_detail .event-title {
        min-height: 36px !important;
        padding: 6px 5px !important;
        font-size: 10px !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-layout-scope #notificationm {
        position: fixed !important;
        z-index: 12000 !important;
        inset: 0 !important;
        overflow-y: auto !important;
        padding: 10px !important;
        background: rgb(1 8 15 / 94%) !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) #notificationm > .title {
        position: sticky !important;
        z-index: 2 !important;
        top: 0 !important;
        min-height: 44px !important;
        padding: 6px 7px 6px 12px !important;
        border: 1px solid #278cc2 !important;
        border-radius: 0 !important;
        color: #dff7ff !important;
        background: linear-gradient(180deg, #14527d, #082843) !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) #notificationm #x_button {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 32px !important;
        height: 32px !important;
        border: 1px solid #55c9f3 !important;
        border-radius: 0 !important;
        color: #fff !important;
        background: #05233a !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) #notificationm #detail_content {
        padding: 0 !important;
        border: 1px solid #278cc2 !important;
        border-top: 0 !important;
        background: #03111f !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-shell {
        padding: 8px !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-back {
        width: 100% !important;
        height: 40px !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-header {
        padding: 14px !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-title {
        font-size: 19px !important;
    }

    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-body {
        min-height: 180px !important;
        padding: 16px 14px 24px !important;
        font-size: 13px !important;
        line-height: 1.75 !important;
    }
}

@media screen and (max-width: 420px) {
    html:not(#_gundamparity_) body.gundam-skin :is(.page.w_notice, .page.w_event) :is(.notice-card-list, .board-layout-scope[data-layout="split"] #event_list) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Notice/Event title parity with the Point page hangar title. */
@media (min-width: 1200px) {
    html body.gundam-skin #ajax-content.contents > :is(.page.w_notice, .page.w_event) > .page_ttl {
        position: relative !important;
        isolation: isolate !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: calc(100% + 14px) !important;
        height: 171px !important;
        min-height: 171px !important;
        max-height: 171px !important;
        margin: -5px 0 10px -7px !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 1px solid #395b74 !important;
        border-inline: 0 !important;
        border-radius: 0 !important;
        background:
            linear-gradient(90deg, transparent 30%, rgb(1 13 24) 43% 61%, transparent 72%),
            #031323 url('/skin/gundam_main/images/page-titles/gundam-point-hangar-v5.webp?v=1') center / 100% 100% no-repeat !important;
        box-shadow: inset 0 4px #0b2135, inset 0 -5px #071522, inset 0 -7px #33c8f3 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.page.w_notice, .page.w_event) > .page_ttl > .gundam-page-title-copy {
        position: relative !important;
        z-index: 2 !important;
        top: auto !important;
        left: auto !important;
        display: inline !important;
        visibility: visible !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-family: "Malgun Gothic", sans-serif !important;
        font-size: 52px !important;
        font-weight: 900 !important;
        letter-spacing: -.055em !important;
        line-height: 1 !important;
        opacity: 1 !important;
        text-shadow: 0 3px 8px #00101f !important;
        transform: translate(-2px, -13px) !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.page.w_notice, .page.w_event) > .page_ttl > .gundam-page-title-copy::before {
        content: none !important;
        display: none !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.page.w_notice, .page.w_event) > .page_ttl::before {
        content: "" !important;
        position: absolute !important;
        z-index: 2 !important;
        top: 117px !important;
        right: auto !important;
        bottom: auto !important;
        left: 50% !important;
        display: block !important;
        width: 264px !important;
        height: 8px !important;
        border: 0 !important;
        background: linear-gradient(90deg, #13bde9 0 64px, transparent 64px 194px, #13bde9 194px 264px) center / 100% 3px no-repeat !important;
        box-shadow: none !important;
        opacity: 1 !important;
        transform: translateX(-50%) !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.page.w_notice, .page.w_event) > .page_ttl > .gundam-page-title-en {
        position: absolute !important;
        z-index: 2 !important;
        top: 109px !important;
        left: 50% !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        color: #bcd5e7 !important;
        font-family: ChosunGu, "Malgun Gothic", sans-serif !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: .16em !important;
        line-height: 1 !important;
        opacity: 1 !important;
        transform: translateX(-50%) !important;
        -webkit-text-fill-color: #bcd5e7 !important;
    }

    html body.gundam-skin #ajax-content.contents > :is(.page.w_notice, .page.w_event) > .page_ttl::after {
        content: none !important;
        display: none !important;
    }
}

@media (max-width: 980px) {
}

/* Federation light-surface revision.
   Matches Point, Attendance, Bet History, and Match Results body treatments. */
html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event, .page.w_quiz_event) {
    padding-bottom: 28px !important;
    color: #183a59 !important;
    background:
        linear-gradient(90deg, rgb(195 205 215 / 25%) 1px, transparent 1px) 0 0 / 72px 100%,
        #f5f7f9 !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) #board_mount,
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event :is(#quiz-event-list, #quiz-event-view:not(.u-hidden)) {
    color: #183a59 !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-layout-scope[data-layout="stack"] #notice_list_wrap,
html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-layout-scope[data-layout="split"] :is(#event_list, #event_view),
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event :is(#quiz-event-list, #quiz-event-view:not(.u-hidden)) {
    border: 1px solid #9fb1c1 !important;
    border-radius: 0 !important;
    color: #183a59 !important;
    background:
        linear-gradient(135deg, transparent 0 96%, #e1e8ee 96% 98%, transparent 98%),
        #f8fafc !important;
    box-shadow: inset 0 0 0 3px #edf2f5 !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card,
html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .event_detail,
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-card {
    border: 1px solid #a9bac8 !important;
    border-radius: 0 !important;
    color: #173653 !important;
    background: #fff !important;
    box-shadow: 0 5px 12px rgb(31 69 96 / 10%) !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card:is(:hover, :focus-visible),
html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .event_detail:is(:hover, :focus-visible, .is-active, [aria-current="true"]),
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-card:hover {
    border-color: #299dcc !important;
    outline: 0 !important;
    box-shadow: inset 0 0 0 2px rgb(44 174 221 / 12%), 0 8px 18px rgb(31 89 122 / 15%) !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) :is(.notice-card-thumb, .event_detail > img),
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-card-img {
    border-color: #a9bac8 !important;
    background: #e9eff4 !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card-fallback {
    color: #2d7199 !important;
    background:
        linear-gradient(90deg, rgb(54 139 186 / 7%) 1px, transparent 1px) 0 0 / 28px 100%,
        linear-gradient(180deg, #f8fbfd, #e7eef3) !important;
    text-shadow: none !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-card-body,
html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .event_detail .event-title,
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-card-info {
    border-color: #afc0ce !important;
    color: #173653 !important;
    background: linear-gradient(180deg, #fff, #eef3f6) !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) :is(.notice-card-title, .event_detail .event-title),
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-card-title {
    color: #173653 !important;
    text-shadow: none !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .event_detail .event-num,
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-card-badge.active {
    border-color: #258ebb !important;
    color: #fff !important;
    background: linear-gradient(180deg, #248dbb, #12658e) !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event :is(.quiz-card-badge.ended, .quiz-view-badge.ended) {
    border-color: #9cabba !important;
    color: #5e7080 !important;
    background: linear-gradient(180deg, #eef2f5, #d9e0e6) !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event :is(.quiz-card-votes, .quiz-card-period) {
    color: #71869a !important;
}

/* Stack/split article detail. */
html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-shell {
    border: 1px solid #9fb1c1 !important;
    border-radius: 0 !important;
    color: #173653 !important;
    background: #f4f7f9 !important;
    box-shadow: inset 0 0 0 3px #e8eef2 !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-card {
    border: 1px solid #9fb1c1 !important;
    border-radius: 0 !important;
    color: #173653 !important;
    background: #fff !important;
    box-shadow: none !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-header {
    border-bottom: 1px solid #91a9bb !important;
    background:
        linear-gradient(90deg, #20bff0 0 6px, transparent 6px),
        linear-gradient(180deg, #f9fbfc, #e7edf2) !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-badge {
    border: 1px solid #2b91bd !important;
    border-radius: 0 !important;
    color: #fff !important;
    background: linear-gradient(180deg, #248dbb, #12658e) !important;
    box-shadow: none !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-date {
    color: #6f8396 !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-title {
    color: #0a294e !important;
    text-shadow: none !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-body {
    color: #344c63 !important;
    background: #fff !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-body :is(a, strong) {
    color: #12658e !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-back,
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-back-btn {
    border: 1px solid #9bafc1 !important;
    border-radius: 0 !important;
    color: #183a5f !important;
    background: linear-gradient(#fff, #e8eef3) !important;
    box-shadow: inset 0 0 0 2px #f7f9fb !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-detail-back:is(:hover, :focus-visible),
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-back-btn:hover {
    border-color: #258ebb !important;
    color: #0b527b !important;
    background: #eef8fc !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .notice-empty,
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-empty {
    border: 1px solid #a9bac8 !important;
    border-radius: 0 !important;
    color: #718397 !important;
    background: #fff !important;
}

/* Board Event tabs, article, table, and vote controls. */
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .cpmenu {
    border: 1px solid #9fb1c1 !important;
    background: #e7edf2 !important;
    box-shadow: inset 0 0 0 3px #f5f7f9 !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .cpmenu .quiz-tab {
    border: 1px solid #b1c0cc !important;
    color: #536b80 !important;
    background: linear-gradient(#fff, #edf2f6) !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .cpmenu .quiz-tab.on {
    border-color: #217fa9 !important;
    color: #fff !important;
    background: linear-gradient(180deg, #248dbb, #12658e) !important;
    box-shadow: inset 0 1px #69c8ed !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event :is(.quiz-view-info, .quiz-view-content, .quiz-vote-section) {
    border: 1px solid #a9bac8 !important;
    border-radius: 0 !important;
    color: #344c63 !important;
    background: #fff !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-view-img {
    background: #edf2f6 !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-view-table :is(th, td) {
    border-color: #c5d1db !important;
    color: #263e57 !important;
    background: #fff !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-view-table th,
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-prize-header {
    color: #173653 !important;
    background: #e7edf2 !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-prize-value {
    color: #b38412 !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-section-title,
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-card-voted-badge {
    border: 1px solid #2b91bd !important;
    border-radius: 0 !important;
    color: #12658e !important;
    background: #eef8fc !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event :is(.quiz-description, .quiz-total-votes, .quiz-deadline, .quiz-voted-msg) {
    color: #536b80 !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-option {
    border: 1px solid #b0bfcb !important;
    border-radius: 0 !important;
    color: #263e57 !important;
    background: #fff !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-option:hover {
    border-color: #299dcc !important;
    background: #f1f9fc !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-option:is(.selected, .voted) {
    border-color: #258ebb !important;
    background: #e9f6fb !important;
    box-shadow: inset 4px 0 #20bff0 !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-option.correct {
    border-color: #c49a2b !important;
    background: #fff9df !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-option-text { color: #173653 !important; }
html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-option-count { color: #718397 !important; }

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-submit-btn {
    border: 1px solid #a20008 !important;
    border-radius: 0 !important;
    color: #fff !important;
    background: linear-gradient(#e31d25, #b80008) !important;
    box-shadow: inset 0 1px #ff7277, 0 2px 4px rgb(70 0 0 / 22%) !important;
}

html:not(#_gundam_boards_light_) body.gundam-skin .page.w_quiz_event .quiz-submit-btn:hover {
    border-color: #850006 !important;
    background: linear-gradient(#ee2931, #c40009) !important;
}

@media (max-width: 980px) {
    html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event, .page.w_quiz_event) {
        padding-bottom: 18px !important;
        background: #f5f7f9 !important;
    }

    html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) .board-layout-scope #notificationm {
        background: rgb(226 233 239 / 96%) !important;
    }

    html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) #notificationm > .title {
        border-color: #258ebb !important;
        color: #fff !important;
        background: linear-gradient(180deg, #248dbb, #12658e) !important;
    }

    html:not(#_gundam_boards_light_) body.gundam-skin :is(.page.w_notice, .page.w_event) #notificationm #detail_content {
        border-color: #9fb1c1 !important;
        background: #f5f7f9 !important;
    }
}

/* Board Event (/quiz_event): Point-title parity and the same Federation board language. */
html:not(#_gundamparity_) body.gundam-skin .page.w_quiz_event {
    color: #d9edf8 !important;
    background: #03111f !important;
}

@media (min-width: 1200px) {
    html body.gundam-skin #ajax-content.contents > .page.w_quiz_event > .page_ttl {
        position: relative !important;
        isolation: isolate !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: calc(100% + 14px) !important;
        height: 171px !important;
        min-height: 171px !important;
        max-height: 171px !important;
        margin: -5px 0 10px -7px !important;
        padding: 0 !important;
        overflow: hidden !important;
        border: 1px solid #395b74 !important;
        border-inline: 0 !important;
        border-radius: 0 !important;
        background:
            linear-gradient(90deg, transparent 30%, rgb(1 13 24) 43% 61%, transparent 72%),
            #031323 url('/skin/gundam_main/images/page-titles/gundam-point-hangar-v5.webp?v=1') center / 100% 100% no-repeat !important;
        box-shadow: inset 0 4px #0b2135, inset 0 -5px #071522, inset 0 -7px #33c8f3 !important;
    }

    html body.gundam-skin #ajax-content.contents > .page.w_quiz_event > .page_ttl > .gundam-page-title-copy {
        position: relative !important;
        z-index: 2 !important;
        top: auto !important;
        left: auto !important;
        display: inline !important;
        visibility: visible !important;
        width: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        color: #fff !important;
        -webkit-text-fill-color: #fff !important;
        font-family: "Malgun Gothic", sans-serif !important;
        font-size: 52px !important;
        font-weight: 900 !important;
        letter-spacing: -.055em !important;
        line-height: 1 !important;
        opacity: 1 !important;
        text-shadow: 0 3px 8px #00101f !important;
        transform: translate(-2px, -13px) !important;
    }

    html body.gundam-skin #ajax-content.contents > .page.w_quiz_event > .page_ttl > .gundam-page-title-copy::before {
        content: none !important;
        display: none !important;
    }

    html body.gundam-skin #ajax-content.contents > .page.w_quiz_event > .page_ttl::before {
        content: "" !important;
        position: absolute !important;
        z-index: 2 !important;
        top: 117px !important;
        left: 50% !important;
        display: block !important;
        width: 264px !important;
        height: 8px !important;
        border: 0 !important;
        background: linear-gradient(90deg, #13bde9 0 64px, transparent 64px 194px, #13bde9 194px 264px) center / 100% 3px no-repeat !important;
        box-shadow: none !important;
        opacity: 1 !important;
        transform: translateX(-50%) !important;
    }

    html body.gundam-skin #ajax-content.contents > .page.w_quiz_event > .page_ttl > .gundam-page-title-en {
        position: absolute !important;
        z-index: 2 !important;
        top: 109px !important;
        left: 50% !important;
        display: block !important;
        width: auto !important;
        color: #bcd5e7 !important;
        -webkit-text-fill-color: #bcd5e7 !important;
        font-family: ChosunGu, "Malgun Gothic", sans-serif !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: .16em !important;
        line-height: 1 !important;
        opacity: 1 !important;
        transform: translateX(-50%) !important;
    }

    html body.gundam-skin #ajax-content.contents > .page.w_quiz_event > .page_ttl::after {
        content: none !important;
        display: none !important;
    }
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .cpmenu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 0 0 10px !important;
    padding: 6px !important;
    border: 1px solid #335f82 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #071f34, #03111f) !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .cpmenu .quiz-tab {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    border: 1px solid #1c5678 !important;
    border-radius: 0 !important;
    color: #8fb5c9 !important;
    background: #041321 !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .cpmenu .quiz-tab.on {
    border-color: #39c9f2 !important;
    color: #f4fbff !important;
    background: linear-gradient(180deg, #176b96, #0a3b5f) !important;
    box-shadow: inset 0 1px 0 rgb(149 225 255 / 16%) !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event #quiz-event-list,
html:not(#_gundamparity_) body.gundam-skin .w_quiz_event #quiz-event-view:not(.u-hidden) {
    min-height: 360px !important;
    padding: 12px !important;
    border: 1px solid #335f82 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #071f34, #03111f) !important;
    box-shadow: inset 0 1px 0 rgb(105 211 255 / 9%) !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-count {
    color: #83a9bd !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-cards {
    gap: 10px !important;
    padding: 0 !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-card {
    overflow: hidden !important;
    border: 1px solid #276f9d !important;
    border-radius: 0 !important;
    color: #eaf8ff !important;
    background: #061729 !important;
    box-shadow: 0 0 0 1px rgb(57 201 242 / 8%), 0 6px 14px rgb(0 12 25 / 30%) !important;
    transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-card:hover {
    border-color: #39c9f2 !important;
    box-shadow: 0 0 0 1px rgb(57 201 242 / 18%), 0 10px 20px rgb(0 12 25 / 45%) !important;
    transform: translateY(-2px) !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-card-badge.active,
html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-view-badge.active {
    color: #f4fbff !important;
    background: linear-gradient(180deg, #1b7fad, #0a466c) !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event :is(.quiz-card-badge.ended, .quiz-view-badge.ended) {
    color: #8ba5b4 !important;
    background: linear-gradient(180deg, #304451, #172530) !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-card-info {
    border-top: 1px solid #249ed4 !important;
    background: linear-gradient(180deg, #123d62, #071f34) !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-card-title { color: #f4f9fc !important; }
html:not(#_gundamparity_) body.gundam-skin .w_quiz_event :is(.quiz-card-votes, .quiz-card-period) { color: #83a9bd !important; }

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-card-voted-badge,
html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-section-title {
    border: 1px solid #39a7d4 !important;
    border-radius: 2px !important;
    color: #dff7ff !important;
    background: #0a3b5f !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-back-btn,
html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-submit-btn {
    border: 1px solid #278cc2 !important;
    border-radius: 0 !important;
    color: #e9f8ff !important;
    background: linear-gradient(180deg, #14527d, #082843) !important;
    box-shadow: inset 0 1px 0 rgb(149 225 255 / 16%) !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event :is(.quiz-back-btn, .quiz-submit-btn):hover {
    border-color: #55c9f3 !important;
    color: #fff !important;
    background: linear-gradient(180deg, #1b689a, #0a3658) !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event :is(.quiz-view-info, .quiz-view-content, .quiz-vote-section) {
    border: 1px solid #276f9d !important;
    border-radius: 0 !important;
    color: #cfe6f3 !important;
    background: #041321 !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-view-table :is(th, td) {
    border-color: #1d587a !important;
    color: #cfe2ed !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-view-table th,
html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-prize-header {
    color: #dff7ff !important;
    background: linear-gradient(180deg, #123d62, #071f34) !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event :is(.quiz-description, .quiz-total-votes, .quiz-deadline, .quiz-voted-msg) {
    color: #a9c5d5 !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-option {
    border: 1px solid #276f9d !important;
    border-radius: 0 !important;
    color: #d9edf8 !important;
    background: #061729 !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-option:is(:hover, .selected, .voted) {
    border-color: #39c9f2 !important;
    background: linear-gradient(180deg, #123d62, #071f34) !important;
}

html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-option-text { color: #f4f9fc !important; }
html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-option-count { color: #83a9bd !important; }
html:not(#_gundamparity_) body.gundam-skin .w_quiz_event .quiz-empty { color: #82a7bb !important; }

@media (max-width: 980px) {

    html:not(#_gundamparity_) body.gundam-skin .w_quiz_event :is(#quiz-event-list, #quiz-event-view:not(.u-hidden)) {
        min-height: 280px !important;
        padding: 8px !important;
    }
}

/* Final inheritance guard: late legacy quiz rules must not restore dark lobby text/surfaces. */
html:not(#_gundam_boards_light_) body.gundam-skin #ajax-content.contents > :is(.page.w_notice, .page.w_event, .page.w_quiz_event) {
    color: #183a59 !important;
    background-color: #f5f7f9 !important;
}

@media (min-width: 1200px) {
    html body.gundam-skin #ajax-content.contents > :is(.page.w_notice, .page.w_event, .page.w_quiz_event) > .page_ttl::after {
        position: absolute !important;
        z-index: 2 !important;
        top: 109px !important;
        right: auto !important;
        bottom: auto !important;
        left: 50% !important;
        display: block !important;
        width: auto !important;
        height: auto !important;
        color: #bcd5e7 !important;
        font-family: ChosunGu, "Malgun Gothic", sans-serif !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: .16em !important;
        line-height: 1 !important;
        opacity: 1 !important;
        transform: translateX(-50%) !important;
    }

    html body.gundam-skin #ajax-content.contents > .page.w_notice > .page_ttl::after { content: "NOTICE" !important; }
    html body.gundam-skin #ajax-content.contents > .page.w_event > .page_ttl::after { content: "EVENT" !important; }
    html body.gundam-skin #ajax-content.contents > .page.w_quiz_event > .page_ttl::after { content: "BOARD EVENT" !important; }
}

/* Board Event mobile title: keep the English subtitle clear of the cyan rule. */
@media (width <= 767px) {
}

@media (max-width: 980px) {
}