Fallen London - Show ID by Platyn

/* ==UserStyle==
@name         Fallen London - Show ID
@version      20241218.03.14
@namespace    https://userstyles.world/user/Platyn
@description  Very simple userstyle for Fallen London that shows IDs of storylets and branches.
@author       Platyn
@license      The Unlicense
==/UserStyle== */

@-moz-document domain("fallenlondon.com") {
.media.storylet::after,
.media.persistent::after,
.media.branch::after {
    content: "ID: " attr(data-branch-id) "";
    font-weight: bold;
}

.hand__card-container::before,
.small-card-container.branch::after {
    content: "ID: " attr(data-event-id) "";
    font-weight: bold;
    width: 100%;
}

@media only screen and (min-width: 480px) {
    .media.storylet::after,
    .media.persistent::after {
        position: absolute;
        bottom: 5px;
    }

    .media.storylet .storylet__left,
    .media.persistent .storylet__left {
        margin-bottom: 20px;
    }

    .media.branch::after {
        width: 100%;
    }
    
    .deck-container,
    .card--empty {
        margin-top: 20px;
    }
    
}

/** Compatibility with FL Time Keeper extension **/
.media.storylet:has(#tth_info_display)::after {
    content: none !important;
}
}