.square-corners {
    --border-radius: 0;
    --inner-border-radius: 0;
}

.uppercase-desc {
    --text-transform: uppercase;
}

.uppercase-title {
    --title-text-transform: uppercase;
}

.bold-text {
    --font-family: "Rajdhani-SemiBold" !important;
}

.bold-title {
    --title-font-family: "Rajdhani-SemiBold";
}

.prevent-ios-focus-scrolling {
    position: fixed;
    left: 0;
    right: 0;
}

@media (orientation: portrait) {

}

body.keyboard-open .player-apps {
    margin-bottom: 0;
}

@media (orientation: landscape) {
    .id-card id-row ability-editor {
        flex-direction: row;
    }

    @supports (-webkit-touch-callout: none) {
        body {
            padding: 0;
        }

        /*.x-tweaks */
        .player-app {
            padding-left: calc(env(safe-area-inset-left) - 5px) !important;
            padding-right: calc(env(safe-area-inset-right) - 5px) !important;
        }

        /*.x-tweaks*/
        .player-app.id-card.show > id-row > *:first-child {
            border: 1pt solid var(--border-color);
            border-radius: var(--border-radius);
        }
    }
}

.player-terminal.disable-animation * {
    transition: none !important;
}

/*************
* ABILITY BOX 
***************/

id-row > * > ability-box > ability-display > ability-name {
    transition: all 0.2s ease-out;
    text-align: left;
    display: block;
    max-width: fit-content;
    color: var(--primary-fg);
    text-transform: uppercase;
}

id-row.edit > primary-abilities > ability-box > ability-display > ability-name {
    font-size: 28px;
}
/*
.app-button > .app-name {
    font-family: var(--title-font-family);
}
*/
/*
.app-menu .app-button {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 50px;
    padding-top: 7px;
}
*/
/***********
MODAL touch blocking
************/

.player-terminal.modal id-row > * {
    pointer-events: none;
}

.player-terminal.modal id-row.edit > * {
    pointer-events: unset;
}