/* 2026-10-14: lift text in 1..4; quiet the original glass in 5.
   No layout, font sizes, card surfaces, assets or data rules are replaced.
   Brightness precedes each original shadow so its glow keeps its strength.
   Forced colors, print and interface 6 keep their original presentation. */
@media screen and (forced-colors: none) {
    #app .board[data-sequence-interface="1"] .record-visual-panel .marker-number {
        filter: brightness(1.2);
    }
    #app .board:is([data-sequence-interface="2"], [data-sequence-interface="3"], [data-sequence-interface="4"]) .record-visual-panel .marker-number {
        filter: brightness(1.2) drop-shadow(0 2px 2px rgba(0, 0, 0, .25));
    }
    #app .board:is([data-sequence-interface="2"], [data-sequence-interface="3"], [data-sequence-interface="4"]) .record-visual-panel .marker-item:is(.marker-burst-hot, .marker-special-red) .marker-number {
        filter: brightness(1.2) drop-shadow(0 1px 5px rgba(255, 116, 152, .2));
    }
    #app .board:is([data-sequence-interface="2"], [data-sequence-interface="3"], [data-sequence-interface="4"]) .record-visual-panel .marker-item.marker-wild .marker-number {
        filter: brightness(1.2) drop-shadow(0 1px 5px rgba(86, 242, 183, .22));
    }
    /* Text fill brightens glyphs only, not skill pills or status backgrounds.
       Original semantic color declarations stay in place. */
    #app .board:is([data-sequence-interface="1"], [data-sequence-interface="2"], [data-sequence-interface="3"], [data-sequence-interface="4"]) .record-visual-panel :is(.marker-time > span, .marker-hand-index, .marker-status-text, .marker-wild-word, .marker-rush-text, .marker-record-burst-icon, .marker-inherit-hint, .theory-delta) {
        -webkit-text-fill-color: color-mix(in srgb, currentColor 80%, white) !important;
    }
    /* Keep the original images and state hues; reduce decorative reflection. */
    #app .board[data-sequence-interface="5"] .record-visual-panel::before {
        opacity: .04 !important;
        animation: none !important;
    }
    #app .board[data-sequence-interface="5"] .record-visual-panel .marker-item::before {
        opacity: .72 !important;
    }
    #app .board[data-sequence-interface="5"] .record-visual-panel .marker-item.oval-shape::before {
        opacity: .48 !important;
    }
    #app .board[data-sequence-interface="5"] .record-visual-panel .marker-item.oval-shape {
        box-shadow: 0 0 10px rgba(var(--bubble-light), .18) !important;
    }
}