.LoginBox-module__27JC-W__box {
    margin-bottom: 15px;
    overflow: visible
}

.LoginBox-module__27JC-W__header {
    z-index: 1;
    aspect-ratio: 1836/255;
    background: url(../images/otwars-header-v31.png) 50%/100% 100% no-repeat;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

.LoginBox-module__27JC-W__headerTitle {
    font-family: var(--font-medieval);
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #f0e6d2;
    text-shadow: 1px 1px 2px #000c;
    white-space: nowrap;
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.LoginBox-module__27JC-W__body {
    background: url(../images/otwars-body-v3.png) 50%/100% 100% no-repeat;
    border-radius: 4px;
    min-height: 146px;
    margin-top: -5px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative
}

.LoginBox-module__27JC-W__content {
    flex-direction: column;
    gap: 10px;
    padding: 24px 12px;
    display: flex
}

.LoginBox-module__27JC-W__loggedText {
    color: #5c4a32;
    align-items: center;
    gap: 4px;
    min-width: 0;
    margin: 0;
    font-size: 11px;
    display: flex
}

.LoginBox-module__27JC-W__loggedLabel {
    flex-shrink: 0
}

.LoginBox-module__27JC-W__username {
    color: #2d5a3a;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    font-weight: 500;
    overflow: hidden
}

.LoginBox-module__27JC-W__btnPrimary,.LoginBox-module__27JC-W__btnSecondary,.LoginBox-module__27JC-W__btnDanger {
    text-align: center;
    cursor: pointer;
    border: 1px solid;
    justify-content: center;
    align-items: center;
    gap: 6px;
    width: 100%;
    padding: 6px 12px;
    font-size: 11px;
    font-weight: 600;
    text-decoration: none;
    transition: all .15s;
    display: flex
}

.LoginBox-module__27JC-W__btnPrimary {
    background: linear-gradient(to bottom, var(--btn-primary-from,#4a7c59), var(--btn-primary-via,#3d6b4a), var(--btn-primary-to,#2d5a3a));
    color: var(--btn-primary-text,#d4e5d8);
    border-color: var(--btn-primary-border,#5a8c69);
    box-shadow: inset 0 1px #ffffff1a,inset 0 -1px #0000004d,0 1px 2px #00000080
}

.LoginBox-module__27JC-W__btnPrimary:hover {
    background: linear-gradient(to bottom, var(--btn-primary-hover-from,#5a8c69), var(--btn-primary-hover-via,#4a7c59), var(--btn-primary-hover-to,#3d6b4a));
    color: var(--btn-primary-hover-text,#e4f5e8);
    border-color: var(--btn-primary-hover-border,#6a9c79)
}

.LoginBox-module__27JC-W__btnSecondary {
    background: linear-gradient(to bottom, var(--btn-secondary-from,#6b5a3d), var(--btn-secondary-via,#5a4a32), var(--btn-secondary-to,#4a3a28));
    color: var(--btn-secondary-text,#d4c4a8);
    border-color: var(--btn-secondary-border,#7b6a4d);
    box-shadow: inset 0 1px #ffffff1a,inset 0 -1px #0000004d,0 1px 2px #00000080
}

.LoginBox-module__27JC-W__btnSecondary:hover {
    background: linear-gradient(to bottom, var(--btn-secondary-hover-from,#7b6a4d), var(--btn-secondary-hover-via,#6b5a3d), var(--btn-secondary-hover-to,#5a4a32));
    color: var(--btn-secondary-hover-text,#e4d4b8);
    border-color: var(--btn-secondary-hover-border,#8b7a5d)
}

.LoginBox-module__27JC-W__btnDanger {
    background: linear-gradient(to bottom, var(--btn-danger-from,#8b3a3a), var(--btn-danger-via,#7a2a2a), var(--btn-danger-to,#6a1a1a));
    color: var(--btn-danger-text,#e5c4c4);
    border-color: var(--btn-danger-border,#9b4a4a);
    box-shadow: inset 0 1px #ffffff1a,inset 0 -1px #0000004d,0 1px 2px #00000080
}

.LoginBox-module__27JC-W__btnDanger:hover {
    background: linear-gradient(to bottom, var(--btn-danger-hover-from,#9b4a4a), var(--btn-danger-hover-via,#8b3a3a), var(--btn-danger-hover-to,#7a2a2a));
    color: var(--btn-danger-hover-text,#f5d4d4);
    border-color: var(--btn-danger-hover-border,#ab5a5a)
}

.MenuBox-module__1GrUIG__box {
    padding-bottom: 20px;
    overflow: visible
}

.MenuBox-module__1GrUIG__header {
    z-index: 1;
    aspect-ratio: 1836/255;
    cursor: pointer;
    background: url(../images/otwars-header-v31.png) 50%/100% 100% no-repeat;
    border: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0;
    transition: opacity .15s;
    display: flex;
    position: relative
}

.MenuBox-module__1GrUIG__header:hover {
    opacity: .9
}

.MenuBox-module__1GrUIG__headerTitle {
    font-family: var(--font-medieval);
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #f0e6d2;
    text-shadow: 1px 1px 2px #000c;
    white-space: nowrap;
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.MenuBox-module__1GrUIG__headerIcon {
    color: #f0e6d2;
    align-items: center;
    display: flex;
    position: absolute;
    right: 18px
}

.MenuBox-module__1GrUIG__bodyWrapper {
    margin-top: -15px;
    transition: grid-template-rows .2s ease-out;
    display: grid
}

.MenuBox-module__1GrUIG__bodyOverflow {
    min-height: 0;
    overflow: hidden
}

.MenuBox-module__1GrUIG__body {
    flex-direction: column;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    display: flex
}

.MenuBox-module__1GrUIG__bodyTop {
    aspect-ratio: 1675/225;
    background: url(../images/otwars-content-top-v3.png) 0 0/100% 100% no-repeat;
    width: 100%
}

.MenuBox-module__1GrUIG__bodyMiddle {
    background: url(../images/otwars-content-center-v3.png) 0 0/100% repeat-y;
    width: 100%;
    margin-top: -25px;
    margin-bottom: -22px
}

.MenuBox-module__1GrUIG__bodyBottom {
    aspect-ratio: 1675/188;
    background: url(../images/otwars-content-bottom-v3.png) 0 0/100% 100% no-repeat;
    width: 100%
}

.MenuBox-module__1GrUIG__content {
    flex-direction: column;
    gap: 1px;
    padding: 6px 8px 20px;
    display: flex
}

.MenuBox-module__1GrUIG__menuLink {
    color: #3d3225;
    border-left: 3px solid #0000;
    border-radius: 2px;
    align-items: center;
    gap: 8px;
    padding: 8px 10px 8px 12px;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: all .15s;
    display: flex;
    position: relative
}

.MenuBox-module__1GrUIG__menuLink:hover {
    color: #2d5a3a;
    background: #0000000d;
    border-left-color: #4a9960
}

.MenuBox-module__1GrUIG__menuLinkActive {
    color: #2d5a3a;
    cursor: default;
    pointer-events: none;
    background: #4a99601a;
    border-left-color: #4a9960;
    font-weight: 600
}

.MenuBox-module__1GrUIG__menuLink svg {
    opacity: .6;
    flex-shrink: 0;
    width: 14px;
    height: 14px
}

.MenuBox-module__1GrUIG__menuLink:hover svg {
    opacity: .85
}

.MenuBox-module__1GrUIG__menuLinkActive svg {
    opacity: 1;
    color: #b8860b
}

.MenuBox-module__1GrUIG__badge {
    color: #fff;
    border-radius: 2px;
    margin-left: auto;
    padding: 1px 4px;
    font-size: 8px;
    font-weight: 700
}

@media (max-width: 1023px) {
    .MenuBox-module__1GrUIG__box {
        margin-top:8px;
        padding-bottom: 12px
    }

    .MenuBox-module__1GrUIG__body {
        margin-left: 6px;
        margin-right: 6px
    }

    .MenuBox-module__1GrUIG__headerIcon {
        right: 14px
    }

    .MenuBox-module__1GrUIG__content {
        padding: 4px 6px 16px
    }

    .MenuBox-module__1GrUIG__menuLink {
        padding: 7px 8px 7px 10px;
        font-size: 11px
    }
}

.BoostedBox-module__6IRxPW__box {
    margin-bottom: 15px;
    overflow: visible
}

.BoostedBox-module__6IRxPW__header {
    z-index: 1;
    aspect-ratio: 1836/255;
    background: url(../images/otwars-header-v31.png) 50%/100% 100% no-repeat;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

.BoostedBox-module__6IRxPW__headerTitle {
    font-family: var(--font-medieval);
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #f0e6d2;
    text-shadow: 1px 1px 2px #000c;
    white-space: nowrap;
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.BoostedBox-module__6IRxPW__body {
    background: url(../images/otwars-body-v3.png) 50%/100% 100% no-repeat;
    border-radius: 4px;
    min-height: 146px;
    margin-top: -5px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative
}

.BoostedBox-module__6IRxPW__content {
    padding: 24px 12px
}

.BoostedBox-module__6IRxPW__creaturesContainer {
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
    display: flex
}

.BoostedBox-module__6IRxPW__creatureCard {
    text-align: center
}

.BoostedBox-module__6IRxPW__creatureFrame {
    background: var(--box-inner-bg);
    border: 2px solid;
    border-radius: 4px;
    width: 56px;
    height: 56px;
    position: relative;
    overflow: hidden
}

.BoostedBox-module__6IRxPW__bossFrame,.BoostedBox-module__6IRxPW__creatureFrameBlue {
    border-color: #3b5068
}

.BoostedBox-module__6IRxPW__creatureIcon {
    z-index: 10;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 20px;
    line-height: 1;
    display: flex;
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translate(-50%)
}

.BoostedBox-module__6IRxPW__bossIcon,.BoostedBox-module__6IRxPW__creatureIconBlue {
    color: #f0e6d2;
    background: #3b5068;
    border: none
}

.BoostedBox-module__6IRxPW__creatureLabel {
    text-transform: uppercase;
    letter-spacing: .05em;
    margin-top: 6px;
    font-size: 9px;
    font-weight: 700
}

.BoostedBox-module__6IRxPW__bossLabel,.BoostedBox-module__6IRxPW__creatureLabelBlue {
    color: #3b5068
}

.BoostedBox-module__6IRxPW__creatureName {
    color: var(--foreground);
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 56px;
    margin: 0;
    font-size: 9px;
    overflow: hidden
}

.BoostedBox-module__6IRxPW__divider {
    background: var(--box-inner-border);
    align-self: center;
    width: 1px;
    height: 64px
}

.BoostedBox-module__6IRxPW__creatureSlot {
    background: var(--box-inner-bg);
    border: 1px solid var(--box-inner-border);
    border-radius: 4px;
    width: 56px;
    height: 56px;
    animation: 1.5s ease-in-out infinite BoostedBox-module__6IRxPW__pulse
}

@keyframes BoostedBox-module__6IRxPW__pulse {
    0%,to {
        opacity: .6
    }

    50% {
        opacity: 1
    }
}

.DiscordBox-module__Stqp1a__box {
    margin-bottom: 15px;
    overflow: visible
}

.DiscordBox-module__Stqp1a__header {
    z-index: 1;
    aspect-ratio: 1836/255;
    background: url(../images/otwars-header-v31.png) 50%/100% 100% no-repeat;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

.DiscordBox-module__Stqp1a__headerTitle {
    font-family: var(--font-medieval);
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #f0e6d2;
    text-shadow: 1px 1px 2px #000c;
    white-space: nowrap;
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.DiscordBox-module__Stqp1a__body {
    background: url(../images/otwars-body-v3.png) 50%/100% 100% no-repeat;
    border-radius: 4px;
    margin-top: -5px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative
}

.DiscordBox-module__Stqp1a__content {
    text-align: center;
    padding: 12px;
    position: relative
}

.DiscordBox-module__Stqp1a__glow {
    filter: blur(16px);
    background: #5865f233;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translate(-50%)
}

.DiscordBox-module__Stqp1a__iconWrapper {
    width: 56px;
    height: 56px;
    margin: 0 auto 12px;
    position: relative
}

.DiscordBox-module__Stqp1a__iconRing {
    border: 2px solid #5865f280;
    border-radius: 50%;
    animation: 2s ease-in-out infinite DiscordBox-module__Stqp1a__pulse;
    position: absolute;
    inset: 0
}

.DiscordBox-module__Stqp1a__iconBg {
    background: linear-gradient(to bottom right,#5865f2,#4752c4);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 4px;
    box-shadow: 0 0 15px #5865f280
}

.DiscordBox-module__Stqp1a__onlineIndicator {
    background: #22c55e;
    border: 2px solid #ffffff80;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -2px;
    right: -2px;
    box-shadow: 0 0 5px #22c55ecc
}

.DiscordBox-module__Stqp1a__subtitle {
    color: var(--text);
    margin: 0 0 10px;
    font-size: 10px
}

.DiscordBox-module__Stqp1a__button {
    text-transform: uppercase;
    letter-spacing: .05em;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(#5865f2,#4752c4,#3a4199);
    border: 1px solid #7289da;
    border-radius: 4px;
    width: 100%;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: all .15s;
    display: block;
    box-shadow: 0 0 10px #5865f24d,inset 0 1px #fff3
}

.DiscordBox-module__Stqp1a__button:hover {
    background: linear-gradient(#6873f3,#5865f2,#4752c4);
    border-color: #ffffff80;
    box-shadow: 0 0 20px #5865f280,inset 0 1px #ffffff4d
}

@keyframes DiscordBox-module__Stqp1a__pulse {
    0%,to {
        opacity: .5;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }
}

.WikiBox-module__PxAH9a__box {
    margin-bottom: 15px;
    overflow: visible
}

.WikiBox-module__PxAH9a__header {
    z-index: 1;
    aspect-ratio: 1836/255;
    background: url(../images/otwars-header-v31.png) 50%/100% 100% no-repeat;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

.WikiBox-module__PxAH9a__headerTitle {
    font-family: var(--font-medieval);
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #f0e6d2;
    text-shadow: 1px 1px 2px #000c;
    white-space: nowrap;
    margin: 0;
    font-size: 13px;
    font-weight: 700
}

.WikiBox-module__PxAH9a__body {
    background: url(../images/otwars-body-v3.png) 50%/100% 100% no-repeat;
    border-radius: 4px;
    margin-top: -5px;
    margin-left: 10px;
    margin-right: 10px;
    position: relative
}

.WikiBox-module__PxAH9a__content {
    text-align: center;
    padding: 12px;
    position: relative
}

.WikiBox-module__PxAH9a__glow {
    filter: blur(16px);
    background: #d9a94e40;
    border-radius: 50%;
    width: 64px;
    height: 64px;
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translate(-50%)
}

.WikiBox-module__PxAH9a__iconWrapper {
    width: 56px;
    height: 56px;
    margin: 0 auto 8px;
    position: relative
}

.WikiBox-module__PxAH9a__iconRing {
    border: 2px solid #d9a94e80;
    border-radius: 50%;
    animation: 3s ease-in-out infinite WikiBox-module__PxAH9a__pulse;
    position: absolute;
    inset: 0
}

.WikiBox-module__PxAH9a__iconBg {
    background: linear-gradient(to bottom right,#d9a94e,#a67c2e);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: absolute;
    inset: 4px;
    box-shadow: 0 0 15px #d9a94e80
}

.WikiBox-module__PxAH9a__sparkle {
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    font-size: 10px;
    animation: 2s ease-in-out infinite WikiBox-module__PxAH9a__twinkle;
    display: flex;
    position: absolute;
    top: -2px;
    right: -2px
}

.WikiBox-module__PxAH9a__subtitle {
    color: var(--text);
    margin: 0 0 10px;
    font-size: 10px;
    line-height: 1.4
}

.WikiBox-module__PxAH9a__button {
    text-transform: uppercase;
    letter-spacing: .05em;
    text-align: center;
    color: #fff;
    cursor: pointer;
    background: linear-gradient(#d9a94e,#a67c2e,#8b6524);
    border: 1px solid #d4a54a;
    border-radius: 4px;
    width: 100%;
    padding: 8px 12px;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    transition: all .15s;
    display: block;
    box-shadow: 0 0 10px #d9a94e4d,inset 0 1px #fff3
}

.WikiBox-module__PxAH9a__button:hover {
    background: linear-gradient(#e6b85a,#d9a94e,#a67c2e);
    border-color: #ffffff80;
    box-shadow: 0 0 20px #d9a94e80,inset 0 1px #ffffff4d
}

@keyframes WikiBox-module__PxAH9a__pulse {
    0%,to {
        opacity: .5;
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(1.05)
    }
}

@keyframes WikiBox-module__PxAH9a__twinkle {
    0%,to {
        opacity: .6;
        transform: scale(.9)
    }

    50% {
        opacity: 1;
        transform: scale(1.1)
    }
}

.TopBar-module__LYwH0W__topbar {
    aspect-ratio: 5914/348;
    background: url(../images/otwars-topbar-v31.png) 50%/100% 100% no-repeat;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 12px;
    display: flex;
    position: relative
}

.TopBar-module__LYwH0W__topbarContent {
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: flex
}

.TopBar-module__LYwH0W__topbarLink {
    color: #f0e6d2;
    text-shadow: 1px 1px 2px #000c;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    text-decoration: none;
    transition: all .15s;
    display: flex
}

.TopBar-module__LYwH0W__topbarLink:hover {
    color: #fff
}

.TopBar-module__LYwH0W__onlineCount {
    text-shadow: 1px 1px 2px #000c;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    display: flex
}

.TopBar-module__LYwH0W__onlineNumber.online {
    color: #4ade80;
    font-weight: 700;
}

.TopBar-module__LYwH0W__onlineNumber.offline {
    color: #ef4444;
    font-weight: 700;
}

.TopBar-module__LYwH0W__onlineLabel {
    color: #f0e6d2
}

.TopBar-module__LYwH0W__separator {
    background: #f0e6d24d;
    width: 1px;
    height: 16px
}

@media (max-width: 640px) {
    .TopBar-module__LYwH0W__topbarContent {
        gap:8px
    }

    .TopBar-module__LYwH0W__hideOnMobile,.TopBar-module__LYwH0W__labelHideOnMobile {
        display: none
    }
}

/* OTWARS V3 SIDEBAR BEGIN */

/*
 * Scoped only to the audited sidebar components.
 * Geometry, spacing and header.png are intentionally unchanged.
 */

.LoginBox-module__27JC-W__body,
.BoostedBox-module__6IRxPW__body,
.DiscordBox-module__Stqp1a__body,
.WikiBox-module__PxAH9a__body,
.MenuBox-module__1GrUIG__body {
    --foreground: #dce8f5;
    --text: #bfd0e0;
    --text-muted: #91a8bd;
    --box-inner-bg: #0a1b2e;
    --box-inner-border: #735623;
    color: #dce8f5;
}

.MenuBox-module__1GrUIG__menuLink {
    color: #d3e0ec;
    text-shadow: 0 1px 1px rgba(0,0,0,.75);
}

.MenuBox-module__1GrUIG__menuLink:hover {
    color: #f2cb6b;
    background: rgba(18,104,171,.20);
    border-left-color: #2aa8ff;
}

.MenuBox-module__1GrUIG__menuLinkActive {
    color: #f2cb6b;
    background: rgba(18,104,171,.24);
    border-left-color: #d4a33d;
}

.MenuBox-module__1GrUIG__menuLink svg {
    color: #8fb7d8;
}

.MenuBox-module__1GrUIG__menuLink:hover svg,
.MenuBox-module__1GrUIG__menuLinkActive svg {
    color: #55c0ff;
}

.LoginBox-module__27JC-W__loggedText {
    color: #c5d5e4;
}

.LoginBox-module__27JC-W__username {
    color: #61c7ff;
}

.LoginBox-module__27JC-W__btnPrimary {
    background: linear-gradient(to bottom,#168bdd,#0c5d9f,#06365f);
    color: #f4f9ff;
    border-color: #55baff;
    box-shadow: inset 0 1px rgba(255,255,255,.18),inset 0 -1px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.65);
}

.LoginBox-module__27JC-W__btnPrimary:hover {
    background: linear-gradient(to bottom,#2ca7f5,#1476bd,#084a82);
    color: #fff;
    border-color: #80cdff;
}

.LoginBox-module__27JC-W__btnSecondary {
    background: linear-gradient(to bottom,#d6a033,#a76a13,#674007);
    color: #fff0bd;
    border-color: #e6bd5b;
    box-shadow: inset 0 1px rgba(255,255,255,.18),inset 0 -1px rgba(0,0,0,.45),0 1px 3px rgba(0,0,0,.65);
}

.LoginBox-module__27JC-W__btnSecondary:hover {
    background: linear-gradient(to bottom,#e8b64d,#c07d19,#7b4c08);
    color: #fff;
    border-color: #f5d47d;
}

.BoostedBox-module__6IRxPW__creatureFrame {
    background: #08192a;
    border-color: #806226;
    box-shadow: inset 0 0 8px rgba(23,126,206,.18);
}

.BoostedBox-module__6IRxPW__bossFrame,
.BoostedBox-module__6IRxPW__creatureFrameBlue {
    border-color: #8f6c27;
}

.BoostedBox-module__6IRxPW__bossIcon,
.BoostedBox-module__6IRxPW__creatureIconBlue {
    color: #f3d374;
    background: #163d61;
}

.BoostedBox-module__6IRxPW__bossLabel,
.BoostedBox-module__6IRxPW__creatureLabelBlue {
    color: #efc867;
}

.BoostedBox-module__6IRxPW__creatureName {
    color: #a9bfd3;
}

.DiscordBox-module__Stqp1a__subtitle,
.WikiBox-module__PxAH9a__subtitle {
    color: #bfd0df;
}

/* The audited Download link sits directly inside the left aside. */
aside > a[href="downloads.php"] {
    color: #dcecff !important;
    background: linear-gradient(to bottom,#11699f,#0a4772,#052840) !important;
    border-color: #a67c2e !important;
    box-shadow: inset 0 1px rgba(255,255,255,.10),inset 0 -1px rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.55) !important;
}

aside > a[href="downloads.php"]:hover {
    color: #f4d57a !important;
    background: linear-gradient(to bottom,#1783c2,#0d5b91,#07375b) !important;
    border-color: #d4a33d !important;
}

/* OTWARS V3 SIDEBAR END */

/* OTWARS V31 POLISH BEGIN */

/*
 * No geometry changes.
 * This block only unifies visual materials on audited components.
 */

/* Webshop keeps its markup and dimensions; only the art/palette changes. */
.webshop-header {
    background-image: url("../images/otwars-header1-v31.png") !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.webshop-header h3 {
    color: #f3d47a !important;
    text-shadow:
        0 1px 2px rgba(0,0,0,.95),
        0 0 7px rgba(33,139,226,.18) !important;
}

.webshop-widget {
    border-color: #9a7229 !important;
    box-shadow:
        0 3px 9px rgba(0,0,0,.50),
        inset 0 0 0 1px rgba(244,204,105,.08) !important;
}

.webshop-btn {
    color: #fff2c5 !important;
    background:
        linear-gradient(to bottom,#dca32f,#a96b12 54%,#674007) !important;
    border-color: #e6bd59 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.20),
        inset 0 -1px 0 rgba(0,0,0,.38),
        0 2px 6px rgba(0,0,0,.55) !important;
}

.webshop-btn:hover {
    color: #ffffff !important;
    background:
        linear-gradient(to bottom,#edbb4b,#c6811a 54%,#7b4d08) !important;
    border-color: #f6d67d !important;
}

/* Discord button: remove isolated purple block, use OTWars blue. */
.DiscordBox-module__Stqp1a__button {
    color: #f5fbff !important;
    background:
        linear-gradient(to bottom,#248fe2,#125fa9 55%,#083d77) !important;
    border-color: #59b7ff !important;
    box-shadow:
        inset 0 1px rgba(255,255,255,.18),
        inset 0 -1px rgba(0,0,0,.38),
        0 2px 6px rgba(0,0,0,.48),
        0 0 8px rgba(32,132,220,.12) !important;
}

.DiscordBox-module__Stqp1a__button:hover {
    background:
        linear-gradient(to bottom,#3ca9f5,#1d78c8 55%,#0c5195) !important;
    border-color: #86ceff !important;
}

/* Wiki stays gold, but match Login/Create Account/Webshop metal. */
.WikiBox-module__PxAH9a__button {
    color: #fff1bd !important;
    background:
        linear-gradient(to bottom,#d7a032,#a66a13 55%,#654006) !important;
    border-color: #e3b956 !important;
    box-shadow:
        inset 0 1px rgba(255,255,255,.16),
        inset 0 -1px rgba(0,0,0,.38),
        0 2px 6px rgba(0,0,0,.45) !important;
}

.WikiBox-module__PxAH9a__button:hover {
    background:
        linear-gradient(to bottom,#e9b64c,#bf7e1b 55%,#794c08) !important;
    border-color: #f3d274 !important;
}

/* Right-side bodies: subtle depth only, never flatten the image skin. */
.BoostedBox-module__6IRxPW__content,
.DiscordBox-module__Stqp1a__content,
.WikiBox-module__PxAH9a__content {
    background:
        radial-gradient(
            ellipse at 50% 5%,
            rgba(24,118,196,.08),
            transparent 55%
        ) !important;
}

/* Header text across sidebars: same antique-gold family. */
.LoginBox-module__27JC-W__headerTitle,
.MenuBox-module__1GrUIG__headerTitle,
.BoostedBox-module__6IRxPW__headerTitle,
.DiscordBox-module__Stqp1a__headerTitle,
.WikiBox-module__PxAH9a__headerTitle {
    color: #f0d27c !important;
    text-shadow:
        0 1px 2px rgba(0,0,0,.95),
        0 0 6px rgba(32,129,215,.10) !important;
}

/* Topbar text stays clean/bright against darker metal. */
.TopBar-module__LYwH0W__topbarLink {
    color: #e5f0fa !important;
}

.TopBar-module__LYwH0W__topbarLink:hover {
    color: #f2d477 !important;
}

.TopBar-module__LYwH0W__onlineNumber {
    color: #4ce08a !important;
}

/* OTWARS V31 POLISH END */

/* OTWARS V32 POLISH BEGIN */

/* ==========================================================
   SIDE PANEL DEPTH / TEXT CONTRAST
   ========================================================== */

.MenuBox-module__1GrUIG__content,
.LoginBox-module__27JC-W__content,
.BoostedBox-module__6IRxPW__content,
.DiscordBox-module__Stqp1a__content,
.WikiBox-module__PxAH9a__content {
    color: #d9e7f4 !important;
}

/* Raise the visual floor slightly without flattening the image assets. */
.LoginBox-module__27JC-W__body,
.BoostedBox-module__6IRxPW__body,
.DiscordBox-module__Stqp1a__body,
.WikiBox-module__PxAH9a__body {
    box-shadow:
        inset 0 0 22px rgba(32,116,186,.08),
        inset 0 0 0 1px rgba(224,181,78,.06),
        0 3px 7px rgba(0,0,0,.34) !important;
}

/* Menu text readability */
.MenuBox-module__1GrUIG__menuLink {
    color: #d6e4f1 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.88) !important;
}

.MenuBox-module__1GrUIG__menuLink:hover {
    color: #ffe08a !important;
    background: rgba(17,92,149,.18) !important;
    text-shadow:
        0 1px 1px rgba(0,0,0,.90),
        0 0 7px rgba(43,151,235,.25) !important;
}

.MenuBox-module__1GrUIG__menuLink svg {
    color: #8fb4d1 !important;
}

.MenuBox-module__1GrUIG__menuLink:hover svg {
    color: #58bdff !important;
}

/* Secondary sidebar text */
.BoostedBox-module__6IRxPW__creatureName,
.DiscordBox-module__Stqp1a__subtitle,
.WikiBox-module__PxAH9a__subtitle {
    color: #b9cddd !important;
}

.BoostedBox-module__6IRxPW__creatureLabel {
    color: #e8c66d !important;
}

/* ==========================================================
   DOWNLOAD BUTTON
   ========================================================== */

aside > a[href="downloads.php"] {
    color: #f2f8ff !important;
    background:
        linear-gradient(
            180deg,
            #167bb9 0%,
            #0b527f 52%,
            #06334f 100%
        ) !important;
    border: 1px solid #b58935 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -1px 0 rgba(0,0,0,.38),
        0 2px 5px rgba(0,0,0,.46),
        0 0 8px rgba(25,125,199,.10) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.85) !important;
}

aside > a[href="downloads.php"]:hover {
    color: #ffe28c !important;
    background:
        linear-gradient(
            180deg,
            #2196d7 0%,
            #116b9f 52%,
            #08466c 100%
        ) !important;
    border-color: #d4a747 !important;
}

/* ==========================================================
   LOGIN BUTTONS
   ========================================================== */

.LoginBox-module__27JC-W__btnPrimary {
    color: #f5fbff !important;
    background:
        linear-gradient(
            180deg,
            #198fd7 0%,
            #0d62a0 54%,
            #073b69 100%
        ) !important;
    border-color: #4eb7ff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.86) !important;
}

.LoginBox-module__27JC-W__btnSecondary {
    color: #fff1bf !important;
    background:
        linear-gradient(
            180deg,
            #d6a238 0%,
            #a46b16 55%,
            #694307 100%
        ) !important;
    border-color: #e4b957 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.86) !important;
}

/* ==========================================================
   WEBSHOP - REMOVE ORANGE FEEL
   ========================================================== */

.webshop-widget {
    border-color: #aa7e2b !important;
    background:
        linear-gradient(
            180deg,
            rgba(5,19,31,.20),
            rgba(2,10,18,.28)
        ) !important;
    box-shadow:
        0 4px 10px rgba(0,0,0,.50),
        inset 0 0 0 1px rgba(233,190,83,.08) !important;
}

.webshop-header {
    background-image:
        linear-gradient(
            180deg,
            rgba(4,41,68,.72),
            rgba(2,19,34,.82)
        ),
        url("../images/otwars-header1-v31.png") !important;
    background-blend-mode: multiply, normal !important;
    background-size: 100% 100%, 100% 100% !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: center, center !important;
}

.webshop-header h3 {
    color: #f1d178 !important;
    text-shadow:
        0 1px 2px rgba(0,0,0,.95),
        0 0 7px rgba(27,131,214,.16) !important;
}

.webshop-btn {
    color: #fff3c6 !important;
    background:
        linear-gradient(
            180deg,
            #c9962f 0%,
            #946017 54%,
            #5f3d08 100%
        ) !important;
    border-color: #ddb251 !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.17),
        inset 0 -1px 0 rgba(0,0,0,.40),
        0 2px 6px rgba(0,0,0,.50) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.88) !important;
}

.webshop-btn:hover {
    color: #ffffff !important;
    background:
        linear-gradient(
            180deg,
            #dfad45 0%,
            #ad741d 54%,
            #724a0a 100%
        ) !important;
    border-color: #f0ce70 !important;
}

/* ==========================================================
   DISCORD / WIKI BUTTON FAMILY
   ========================================================== */

.DiscordBox-module__Stqp1a__button {
    color: #f4faff !important;
    background:
        linear-gradient(
            180deg,
            #208bd3 0%,
            #12609e 54%,
            #083c70 100%
        ) !important;
    border-color: #58b6fb !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.82) !important;
}

.WikiBox-module__PxAH9a__button {
    color: #fff0bc !important;
    background:
        linear-gradient(
            180deg,
            #cf9a31 0%,
            #9b6515 54%,
            #654107 100%
        ) !important;
    border-color: #dfb451 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.84) !important;
}

/* OTWARS V32 POLISH END */

/* OTWARS V33 POLISH BEGIN */

/* ==========================================================
   MENU BODY: slightly lighter navy, better text separation
   ========================================================== */

.MenuBox-module__1GrUIG__content {
    background:
        linear-gradient(
            180deg,
            rgba(13,38,61,.34),
            rgba(7,24,40,.18)
        ) !important;
}

.MenuBox-module__1GrUIG__menuLink {
    color: #e0eaf4 !important;
    border-bottom-color: rgba(158,120,48,.20) !important;
    text-shadow:
        0 1px 1px rgba(0,0,0,.92) !important;
}

.MenuBox-module__1GrUIG__menuLink:hover {
    color: #ffe28e !important;
    background:
        linear-gradient(
            90deg,
            rgba(12,67,110,.12),
            rgba(19,103,164,.24),
            rgba(12,67,110,.12)
        ) !important;
}

.MenuBox-module__1GrUIG__menuLink svg {
    color: #9dc2df !important;
}

.MenuBox-module__1GrUIG__menuLink:hover svg {
    color: #63c5ff !important;
}

/* ==========================================================
   LOGIN / RIGHT PANEL DEPTH
   ========================================================== */

.LoginBox-module__27JC-W__content,
.BoostedBox-module__6IRxPW__content,
.DiscordBox-module__Stqp1a__content,
.WikiBox-module__PxAH9a__content {
    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(28,121,196,.10),
            transparent 56%
        ),
        linear-gradient(
            180deg,
            rgba(10,31,50,.14),
            rgba(5,18,30,.06)
        ) !important;
}

/* ==========================================================
   BOOSTED: integrate cards into the panel
   ========================================================== */

.BoostedBox-module__6IRxPW__creatureFrame {
    background:
        radial-gradient(
            circle at 50% 42%,
            #0c2c48 0%,
            #071a2b 70%,
            #04111d 100%
        ) !important;
    border-color: #9f782d !important;
    box-shadow:
        inset 0 0 10px rgba(28,130,210,.14),
        0 2px 4px rgba(0,0,0,.38) !important;
}

.BoostedBox-module__6IRxPW__bossFrame,
.BoostedBox-module__6IRxPW__creatureFrameBlue {
    border-color: #a98031 !important;
}

.BoostedBox-module__6IRxPW__creatureLabel {
    color: #f0ce74 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.88) !important;
}

.BoostedBox-module__6IRxPW__creatureName {
    color: #c0d1df !important;
}

/* ==========================================================
   WEBSHOP: strongly reduce brown/orange
   ========================================================== */

.webshop-widget {
    background:
        linear-gradient(
            180deg,
            rgba(4,17,29,.96),
            rgba(2,10,18,.98)
        ) !important;
    border-color: #9f772b !important;
    box-shadow:
        0 4px 10px rgba(0,0,0,.52),
        inset 0 0 0 1px rgba(229,188,83,.07) !important;
}

.webshop-header {
    background-image:
        linear-gradient(
            180deg,
            rgba(5,52,86,.88),
            rgba(3,25,44,.92)
        ),
        url("../images/otwars-header1-v31.png") !important;
    background-blend-mode: multiply, normal !important;
    background-size: 100% 100%,100% 100% !important;
    background-repeat: no-repeat,no-repeat !important;
    background-position: center,center !important;
}

.webshop-header h3 {
    color: #f3d57a !important;
}

.webshop-widget [style*="Exclusive"],
.webshop-widget [style*="EXCLUSIVE"] {
    color: #f0cf6d !important;
}

.webshop-btn {
    color: #fff0be !important;
    background:
        linear-gradient(
            180deg,
            #c18f2b 0%,
            #8d5b14 56%,
            #583805 100%
        ) !important;
    border-color: #d8ac4d !important;
}

.webshop-btn:hover {
    background:
        linear-gradient(
            180deg,
            #d7a73e 0%,
            #a76e1b 56%,
            #6d4708 100%
        ) !important;
    border-color: #edca68 !important;
}

/* ==========================================================
   BUTTON MICRO-POLISH
   ========================================================== */

aside > a[href="downloads.php"],
.LoginBox-module__27JC-W__btnPrimary,
.DiscordBox-module__Stqp1a__button {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -1px 0 rgba(0,0,0,.38),
        0 2px 5px rgba(0,0,0,.44),
        0 0 7px rgba(24,121,196,.08) !important;
}

.LoginBox-module__27JC-W__btnSecondary,
.WikiBox-module__PxAH9a__button,
.webshop-btn {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        inset 0 -1px 0 rgba(0,0,0,.40),
        0 2px 5px rgba(0,0,0,.46) !important;
}

/* OTWARS V33 POLISH END */

/* OTWARS V34 WEBSHOP BEGIN */

/*
 * Webshop now shares the same exterior language as Boosted.
 * Functional content remains its own content.
 */

.otwars-webshop-box {
    position: relative !important;
    width: 100% !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* EXACT same header asset/form factor as Boosted. */
.otwars-webshop-header {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 1836 / 255 !important;
    padding: 0 !important;
    margin: 0 !important;
    background:
        url("../images/otwars-header-v31.png")
        50% / 100% 100%
        no-repeat !important;
    border: 0 !important;
    box-shadow: none !important;
}

.otwars-webshop-title {
    position: absolute !important;
    inset: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #f0d27a !important;
    font-family: var(--font-medieval) !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
    text-shadow:
        0 1px 2px rgba(0,0,0,.95),
        0 0 6px rgba(29,126,206,.10) !important;
}

/*
 * This replaces the old content.png body with the same V3 body material
 * used by Boosted/Discord/Wiki.
 */
.otwars-webshop-body {
    position: relative !important;
    margin-top: -1px !important;
    padding: 0 !important;
    background:
        url("../images/otwars-body-v3.png")
        50% / 100% 100%
        no-repeat !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* The promotional art becomes an internal banner, not another outer frame. */
.otwars-webshop-box > .relative.overflow-hidden {
    position: relative !important;
    width: calc(100% - 20px) !important;
    margin: 8px 10px 0 !important;
    border: 1px solid #876627 !important;
    border-radius: 2px !important;
    overflow: hidden !important;
    box-shadow:
        inset 0 0 10px rgba(0,0,0,.38),
        0 2px 5px rgba(0,0,0,.32) !important;
}

/* Dark navy treatment over the existing exclusive_box.webp. */
.otwars-webshop-box > .relative.overflow-hidden::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 3 !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            180deg,
            rgba(3,18,31,.18),
            rgba(2,10,18,.40)
        ) !important;
    box-shadow:
        inset 0 0 20px rgba(5,30,50,.42) !important;
}

.otwars-webshop-content {
    padding: 12px 12px 14px !important;
    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(31,124,198,.09),
            transparent 56%
        ) !important;
}

/* Remove the oversized spacing that was designed for content.png. */
.otwars-webshop-content.pt-12 {
    padding-top: 12px !important;
}

/* Keep title and CTA aligned with the rest of the right sidebar. */
.otwars-webshop-content p {
    margin: 0 0 10px !important;
    color: #e9cb6f !important;
    font-size: 0.75rem !important;
    line-height: 1.2 !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.92) !important;
}

.otwars-webshop-button {
    min-height: 34px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #fff0bc !important;
    background:
        linear-gradient(
            180deg,
            #c7942d 0%,
            #906016 55%,
            #5d3c07 100%
        ) !important;
    border: 1px solid #d9ae4d !important;
    border-radius: 2px !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.86) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.15),
        inset 0 -1px 0 rgba(0,0,0,.38),
        0 2px 5px rgba(0,0,0,.42) !important;
}

.otwars-webshop-button:hover {
    color: #fff !important;
    background:
        linear-gradient(
            180deg,
            #d9aa43 0%,
            #a8721c 55%,
            #714909 100%
        ) !important;
    border-color: #edcb6c !important;
}

/* Preserve sidebar spacing exactly. */
.otwars-webshop-box + .BoostedBox-module__6IRxPW__box {
    margin-top: 0 !important;
}

/* OTWARS V34 WEBSHOP END */

/* OTWARS V35 FEATURED SHOP BEGIN */

/* ==========================================================
   FEATURED WEBSHOP
   Same right-sidebar family, intentionally higher visual priority.
   ========================================================== */

.otwars-webshop-box {
    position: relative !important;
    isolation: isolate !important;
    overflow: visible !important;

    filter:
        drop-shadow(0 3px 5px rgba(0,0,0,.50))
        drop-shadow(0 0 5px rgba(23,126,213,.16)) !important;
}

/* Premium halo behind the whole module. */
.otwars-webshop-box::before {
    content: "" !important;
    position: absolute !important;
    z-index: -1 !important;
    pointer-events: none !important;

    inset: -4px !important;
    border-radius: 5px !important;

    background:
        radial-gradient(
            ellipse at 50% 16%,
            rgba(39,151,240,.19),
            transparent 58%
        ) !important;

    box-shadow:
        0 0 0 1px rgba(224,177,65,.18),
        0 0 15px rgba(25,127,217,.14) !important;

    animation:
        otwars-shop-premium-glow 4.2s ease-in-out infinite !important;
}

@keyframes otwars-shop-premium-glow {
    0%,100% {
        opacity: .62;
        filter: brightness(.95);
    }

    50% {
        opacity: 1;
        filter: brightness(1.08);
    }
}

/* ==========================================================
   HEADER
   Same geometry as other modules, stronger premium finish.
   ========================================================== */

.otwars-webshop-header {
    position: relative !important;
    z-index: 5 !important;

    filter:
        brightness(1.08)
        saturate(1.08) !important;

    box-shadow:
        0 2px 5px rgba(0,0,0,.40),
        0 0 9px rgba(26,132,221,.12) !important;
}

.otwars-webshop-header::before {
    content: "" !important;
    position: absolute !important;
    pointer-events: none !important;

    left: 19% !important;
    right: 19% !important;
    top: 2px !important;
    bottom: 2px !important;

    background:
        radial-gradient(
            ellipse,
            rgba(31,145,237,.18),
            transparent 70%
        ) !important;
}

.otwars-webshop-title {
    z-index: 3 !important;

    color: #ffe28a !important;

    font-size: .91rem !important;
    letter-spacing: .06em !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.98),
        0 0 6px rgba(244,189,57,.22),
        0 0 10px rgba(27,139,231,.18) !important;
}

/* ==========================================================
   PROMOTIONAL STAGE
   Re-expose exclusive_box.webp as the visual hero.
   ========================================================== */

/*
 * Exact original wrapper:
 * .otwars-webshop-box > div.relative (z-index:2;margin-top:-2px)
 */
.otwars-webshop-box >
.relative[style*="z-index: 2"] {
    position: relative !important;
    z-index: 2 !important;

    min-height: 184px !important;

    margin-top: -2px !important;

    overflow: hidden !important;

    background:
        linear-gradient(
            180deg,
            #071c2e 0%,
            #04111e 100%
        ) !important;

    border-left: 1px solid #956d25 !important;
    border-right: 1px solid #956d25 !important;
    border-bottom: 1px solid #b08631 !important;

    box-shadow:
        inset 0 0 0 1px rgba(241,199,89,.05),
        inset 0 -15px 24px rgba(0,0,0,.25) !important;
}

/* Original absolute exclusive_box.webp layer. */
.otwars-webshop-box >
.relative[style*="z-index: 2"] >
.absolute.inset-0.rounded-sm.overflow-hidden {
    position: absolute !important;

    z-index: 1 !important;

    top: 0 !important;
    left: 7px !important;
    right: 7px !important;
    bottom: auto !important;

    width: auto !important;
    height: 100px !important;

    overflow: hidden !important;

    border: 1px solid rgba(192,143,47,.72) !important;
    border-radius: 2px !important;

    box-shadow:
        inset 0 0 14px rgba(0,0,0,.48),
        0 2px 6px rgba(0,0,0,.34),
        0 0 9px rgba(26,128,213,.10) !important;
}

/* Make the actual promotional artwork visible and richer. */
.otwars-webshop-box
img[src*="exclusive_box.webp"] {
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center 42% !important;

    transform: scale(1.035) !important;

    filter:
        saturate(1.24)
        contrast(1.10)
        brightness(.86) !important;

    transition:
        transform .35s ease,
        filter .35s ease !important;
}

/* Existing black overlay: less oppressive, with OTWars navy. */
.otwars-webshop-box
img[src*="exclusive_box.webp"] + div {
    background:
        linear-gradient(
            180deg,
            rgba(3,14,24,.05) 0%,
            rgba(3,17,29,.22) 48%,
            rgba(1,7,12,.72) 100%
        ) !important;
}

/* Electric blue shine over the promo stage. */
.otwars-webshop-box >
.relative[style*="z-index: 2"] >
.absolute.inset-0.rounded-sm.overflow-hidden::after {
    content: "" !important;

    position: absolute !important;
    inset: 0 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            105deg,
            transparent 0%,
            transparent 38%,
            rgba(77,187,255,.10) 48%,
            transparent 58%,
            transparent 100%
        ) !important;

    transform: translateX(-70%) !important;

    animation:
        otwars-shop-art-shine 5.6s ease-in-out infinite !important;
}

@keyframes otwars-shop-art-shine {
    0%,62% {
        transform: translateX(-75%);
        opacity: 0;
    }

    72% {
        opacity: .75;
    }

    88%,100% {
        transform: translateX(75%);
        opacity: 0;
    }
}

/* ==========================================================
   BODY / COPY
   ========================================================== */

.otwars-webshop-body {
    position: absolute !important;

    z-index: 4 !important;

    left: 7px !important;
    right: 7px !important;
    bottom: 7px !important;

    width: auto !important;

    min-height: 86px !important;

    margin: 0 !important;

    overflow: visible !important;

    background:
        linear-gradient(
            180deg,
            rgba(8,31,51,.94) 0%,
            rgba(4,17,29,.98) 100%
        ) !important;

    border:
        1px solid rgba(151,111,38,.72) !important;

    border-radius:
        2px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        inset 0 0 14px rgba(25,112,183,.06),
        0 2px 6px rgba(0,0,0,.42) !important;
}

.otwars-webshop-content {
    padding:
        8px 8px 9px !important;

    background:
        radial-gradient(
            ellipse at 50% 0%,
            rgba(41,145,224,.11),
            transparent 58%
        ) !important;
}

.otwars-webshop-content p {
    margin:
        0 0 7px !important;

    color:
        #f4d574 !important;

    font-family:
        var(--font-medieval) !important;

    font-size:
        .78rem !important;

    font-style:
        italic !important;

    font-weight:
        700 !important;

    line-height:
        1.15 !important;

    letter-spacing:
        .035em !important;

    text-transform:
        uppercase !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.98),
        0 0 7px rgba(221,158,37,.18) !important;
}

/* ==========================================================
   GET COINS CTA
   ========================================================== */

.otwars-webshop-button {
    position: relative !important;

    min-height:
        38px !important;

    overflow:
        hidden !important;

    color:
        #fff7d5 !important;

    background:
        linear-gradient(
            180deg,
            #e2ad3c 0%,
            #b27418 48%,
            #774908 100%
        ) !important;

    border:
        1px solid #f0c963 !important;

    border-radius:
        3px !important;

    font-size:
        .80rem !important;

    font-weight:
        800 !important;

    letter-spacing:
        .055em !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.88) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.24),
        inset 0 -1px 0 rgba(0,0,0,.42),
        0 3px 7px rgba(0,0,0,.46),
        0 0 10px rgba(225,165,47,.13),
        0 0 8px rgba(28,131,217,.08) !important;

    transition:
        transform .16s ease,
        filter .16s ease,
        box-shadow .16s ease !important;
}

/* CTA metallic moving highlight. */
.otwars-webshop-button::before {
    content: "" !important;

    position: absolute !important;

    top: -35% !important;
    bottom: -35% !important;

    left: -42% !important;

    width:
        34% !important;

    pointer-events:
        none !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.28),
            transparent
        ) !important;

    transform:
        skewX(-20deg) !important;

    animation:
        otwars-shop-button-shine 4.8s ease-in-out infinite !important;
}

@keyframes otwars-shop-button-shine {
    0%,60% {
        left: -42%;
        opacity: 0;
    }

    68% {
        opacity: .75;
    }

    84%,100% {
        left: 112%;
        opacity: 0;
    }
}

.otwars-webshop-button:hover {
    color:
        #ffffff !important;

    background:
        linear-gradient(
            180deg,
            #f0c354 0%,
            #c98622 48%,
            #8b570b 100%
        ) !important;

    border-color:
        #ffe08a !important;

    filter:
        brightness(1.06) !important;

    transform:
        translateY(-1px) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        inset 0 -1px 0 rgba(0,0,0,.42),
        0 4px 9px rgba(0,0,0,.48),
        0 0 15px rgba(229,173,55,.23),
        0 0 12px rgba(40,150,233,.14) !important;
}

/* Subtle whole-card response without changing dimensions. */
.otwars-webshop-box:hover
img[src*="exclusive_box.webp"] {
    transform:
        scale(1.075) !important;

    filter:
        saturate(1.34)
        contrast(1.12)
        brightness(.93) !important;
}

/* Respect reduced-motion accessibility setting. */
@media (prefers-reduced-motion: reduce) {
    .otwars-webshop-box::before,
    .otwars-webshop-box >
    .relative[style*="z-index: 2"] >
    .absolute.inset-0.rounded-sm.overflow-hidden::after,
    .otwars-webshop-button::before {
        animation:
            none !important;
    }
}

/* OTWARS V35 FEATURED SHOP END */

/* OTWARS V41 RANKBOARD BEGIN */

/* ==========================================================
   COMPLETELY INDEPENDENT RANKBOARD
   NOT A STANDARD SITE BOX.
   ========================================================== */

.otwars-rankboard {
    position: relative !important;
    width: 100% !important;
    margin: 10px 0 14px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* ==========================================================
   FLOATING TITLE - NO STANDARD HEADER BOX
   ========================================================== */

.otwars-rankboard-heading {
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: 7px !important;

    margin: 0 4px 4px !important;
    padding: 0 !important;
}

.otwars-rankboard-heading h3 {
    margin: 0 !important;
    padding: 0 !important;

    color: #f3d36f !important;

    font-family: var(--font-medieval), Georgia, serif !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .055em !important;
    text-transform: uppercase !important;

    text-shadow:
        0 2px 2px rgba(0,0,0,.98),
        0 0 6px rgba(235,178,51,.13),
        0 0 6px rgba(28,137,224,.09) !important;
}

.otwars-rankboard-heading-line {
    display: block !important;
    height: 1px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(213,164,58,.75)
        ) !important;
}

.otwars-rankboard-heading-line:last-child {
    background:
        linear-gradient(
            90deg,
            rgba(213,164,58,.75),
            transparent
        ) !important;
}

/* Small visual distinction between the two boards. */
.otwars-rankboard-level .otwars-rankboard-heading h3::before {
    content: "\2605  " !important;
    color: #f2cf64 !important;
}

.otwars-rankboard-frags .otwars-rankboard-heading h3::before {
    content: "\2620  " !important;
    color: #df785e !important;
}

/* ==========================================================
   POSTER SURFACE
   Cut corners. No generic rectangular sidebar frame.
   ========================================================== */

.otwars-rankboard-poster {
    position: relative !important;

    padding: 6px 7px 7px !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            ellipse at 22% 18%,
            rgba(31,124,199,.18),
            transparent 43%
        ),
        radial-gradient(
            ellipse at 80% 80%,
            rgba(97,49,146,.10),
            transparent 50%
        ),
        linear-gradient(
            145deg,
            rgba(8,31,51,.96),
            rgba(3,14,25,.98)
        ) !important;

    border: 0 !important;

    clip-path:
        polygon(
            8px 0,
            calc(100% - 8px) 0,
            100% 8px,
            100% calc(100% - 8px),
            calc(100% - 8px) 100%,
            8px 100%,
            0 calc(100% - 8px),
            0 8px
        ) !important;

    box-shadow:
        inset 0 0 22px rgba(0,0,0,.34) !important;
}

/* Custom fine-line frame drawn inside the clipped surface. */
.otwars-rankboard-poster::before {
    content: "" !important;

    position: absolute !important;
    inset: 1px !important;

    z-index: 5 !important;
    pointer-events: none !important;

    clip-path: inherit !important;

    border: 1px solid rgba(187,139,45,.66) !important;

    box-shadow:
        inset 0 0 0 1px rgba(239,194,78,.05),
        inset 0 0 10px rgba(24,119,194,.07) !important;
}

/* ==========================================================
   PLAYER ENTRY
   Outfit + name + stat, no card.
   ========================================================== */

.otwars-rankboard-entry {
    position: relative !important;
    z-index: 2 !important;

    display: grid !important;
    grid-template-columns: 70px minmax(0,1fr) !important;
    align-items: center !important;

    min-height: 72px !important;

    margin: 0 !important;
    padding: 2px 2px !important;

    color: #edf5fb !important;
    text-decoration: none !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    transition:
        filter .15s ease,
        background .15s ease !important;
}

/* Only a subtle line between ranks. */
.otwars-rankboard-entry:not(:last-child)::after {
    content: "" !important;

    position: absolute !important;
    left: 68px !important;
    right: 3px !important;
    bottom: 0 !important;

    height: 1px !important;

    background:
        linear-gradient(
            90deg,
            rgba(189,142,49,.45),
            rgba(104,78,31,.18),
            transparent
        ) !important;
}

.otwars-rankboard-entry:hover {
    background:
        linear-gradient(
            90deg,
            rgba(23,92,142,.14),
            transparent 78%
        ) !important;

    filter: brightness(1.08) !important;
}

/* ==========================================================
   OUTFIT
   ========================================================== */

.otwars-rankboard-outfit {
    position: relative !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 68px !important;
    height: 68px !important;

    background:
        radial-gradient(
            circle at 50% 56%,
            rgba(36,137,211,.17),
            transparent 66%
        ) !important;
}

.otwars-rankboard-outfit img {
    display: block !important;

    width: 70px !important;
    height: 70px !important;

    max-width: none !important;

    object-fit: contain !important;

    image-rendering: pixelated;

    filter:
        drop-shadow(0 3px 2px rgba(0,0,0,.64))
        drop-shadow(0 0 4px rgba(38,142,212,.14)) !important;

    transform-origin: center bottom !important;

    transition:
        transform .15s ease,
        filter .15s ease !important;
}

.otwars-rankboard-entry:hover .otwars-rankboard-outfit img {
    transform: scale(1.06) !important;

    filter:
        drop-shadow(0 3px 2px rgba(0,0,0,.66))
        drop-shadow(0 0 6px rgba(48,160,235,.22)) !important;
}

/* ==========================================================
   PLAYER INFO
   ========================================================== */

.otwars-rankboard-info {
    min-width: 0 !important;
    padding-left: 2px !important;
}

.otwars-rankboard-name {
    display: flex !important;
    align-items: baseline !important;
    gap: 4px !important;

    min-width: 0 !important;

    color: #eff6fb !important;

    font-size: .77rem !important;
    font-weight: 800 !important;
    line-height: 1.12 !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.98) !important;
}

.otwars-rankboard-name > span:last-child {
    min-width: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

.otwars-rankboard-rank {
    flex: 0 0 auto !important;

    color: #dcb74f !important;

    font-family: var(--font-medieval), Georgia, serif !important;
    font-size: .72rem !important;
    font-weight: 800 !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,1) !important;
}

.otwars-rankboard-stat {
    margin-top: 4px !important;

    color: #edcc69 !important;

    font-size: .68rem !important;
    font-weight: 750 !important;
    line-height: 1.1 !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.96) !important;
}

/* ==========================================================
   PODIUM
   ========================================================== */

.otwars-rankboard-entry-1 .otwars-rankboard-name {
    color: #ffd75b !important;
}

.otwars-rankboard-entry-1 .otwars-rankboard-rank,
.otwars-rankboard-entry-1 .otwars-rankboard-stat {
    color: #ffe391 !important;
}

.otwars-rankboard-entry-2 .otwars-rankboard-name {
    color: #dce7ee !important;
}

.otwars-rankboard-entry-2 .otwars-rankboard-rank,
.otwars-rankboard-entry-2 .otwars-rankboard-stat {
    color: #bdcbd5 !important;
}

.otwars-rankboard-entry-3 .otwars-rankboard-name {
    color: #e1a46e !important;
}

.otwars-rankboard-entry-3 .otwars-rankboard-rank,
.otwars-rankboard-entry-3 .otwars-rankboard-stat {
    color: #d7935d !important;
}

/* Frag stat gets a combat color while names stay podium-aware. */
.otwars-rankboard-frags .otwars-rankboard-stat {
    color: #ff9278 !important;
}

.otwars-rankboard-frags .otwars-rankboard-entry-1 .otwars-rankboard-stat {
    color: #ffb56d !important;
}

/* ==========================================================
   EMPTY
   Compact, not a full generic section box.
   ========================================================== */

.otwars-rankboard-empty {
    position: relative !important;
    z-index: 2 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 58px !important;

    padding: 11px 8px !important;

    color: #98adbf !important;

    font-size: .67rem !important;
    font-style: italic !important;
    text-align: center !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.92) !important;
}

/* ==========================================================
   TOP 5
   Natural growth: no fixed/min height.
   ========================================================== */

.otwars-rankboard-poster {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
}

/* OTWARS V41 RANKBOARD END */

/* OTWARS V42 FLOATING RANKINGS BEGIN */

/* ==========================================================
   THIS VERSION INTENTIONALLY REMOVES THE RANKING "BOX".
   The page background itself becomes the background.
   ========================================================== */

.otwars-rankboard {
    position: relative !important;

    width: 100% !important;

    margin:
        13px 0 17px !important;

    padding:
        0 !important;

    overflow:
        visible !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    filter:
        none !important;

    clip-path:
        none !important;
}


/* ==========================================================
   FLOATING TITLE
   No header rectangle, no horizontal boxed bar.
   ========================================================== */

.otwars-rankboard-heading {
    position:
        relative !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        5px !important;

    margin:
        0 0 6px !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}

.otwars-rankboard-heading-line {
    display:
        none !important;
}

.otwars-rankboard-heading h3 {
    position:
        relative !important;

    margin:
        0 !important;

    padding:
        0 5px !important;

    color:
        #f4d36d !important;

    background:
        transparent !important;

    border:
        0 !important;

    font-family:
        var(--font-medieval), Georgia, serif !important;

    font-size:
        .83rem !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        .055em !important;

    text-transform:
        uppercase !important;

    text-shadow:
        0 2px 2px rgba(0,0,0,1),
        0 0 5px rgba(231,175,48,.18),
        0 0 6px rgba(38,142,223,.10) !important;
}

.otwars-rankboard-level .otwars-rankboard-heading h3::before {
    content:
        "\2605  " !important;

    color:
        #f0cb58 !important;
}

.otwars-rankboard-level .otwars-rankboard-heading h3::after {
    content:
        "  \2605" !important;

    color:
        #f0cb58 !important;
}

.otwars-rankboard-frags .otwars-rankboard-heading h3::before {
    content:
        "\2620  " !important;

    color:
        #df7b62 !important;
}

.otwars-rankboard-frags .otwars-rankboard-heading h3::after {
    content:
        "  \2620" !important;

    color:
        #df7b62 !important;
}


/* ==========================================================
   REMOVE THE POSTER / PANEL ENTIRELY
   ========================================================== */

.otwars-rankboard-poster {
    position:
        relative !important;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;

    background:
        transparent !important;

    background-image:
        none !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    filter:
        none !important;

    clip-path:
        none !important;

    backdrop-filter:
        none !important;
}

.otwars-rankboard-poster::before,
.otwars-rankboard-poster::after {
    display:
        none !important;

    content:
        none !important;
}


/* ==========================================================
   PLAYER ENTRY
   Free-floating content, not a card.
   ========================================================== */

.otwars-rankboard-entry {
    position:
        relative !important;

    display:
        grid !important;

    grid-template-columns:
        74px minmax(0,1fr) !important;

    align-items:
        center !important;

    min-height:
        74px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    overflow:
        visible !important;

    color:
        #eef5fa !important;

    text-decoration:
        none !important;

    background:
        transparent !important;

    background-image:
        none !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    filter:
        none !important;

    clip-path:
        none !important;

    transform:
        none !important;

    transition:
        filter .15s ease,
        transform .15s ease !important;
}


/* No divider line = completely free-form ranking. */

.otwars-rankboard-entry::before,
.otwars-rankboard-entry::after {
    display:
        none !important;

    content:
        none !important;
}

.otwars-rankboard-entry:hover {
    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;

    filter:
        brightness(1.12) !important;

    transform:
        translateX(2px) !important;
}


/* ==========================================================
   LARGE OUTFIT - MAIN VISUAL ELEMENT
   ========================================================== */

.otwars-rankboard-outfit {
    position:
        relative !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        72px !important;

    height:
        72px !important;

    overflow:
        visible !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;
}

.otwars-rankboard-outfit::before,
.otwars-rankboard-outfit::after {
    display:
        none !important;

    content:
        none !important;
}

.otwars-rankboard-outfit img {
    display:
        block !important;

    width:
        72px !important;

    height:
        72px !important;

    max-width:
        none !important;

    object-fit:
        contain !important;

    image-rendering:
        pixelated;

    filter:
        drop-shadow(0 3px 2px rgba(0,0,0,.70))
        drop-shadow(0 0 4px rgba(34,137,207,.12)) !important;

    transform-origin:
        center bottom !important;

    transition:
        transform .15s ease,
        filter .15s ease !important;
}

.otwars-rankboard-entry:hover
.otwars-rankboard-outfit img {
    transform:
        scale(1.07) !important;

    filter:
        drop-shadow(0 3px 2px rgba(0,0,0,.72))
        drop-shadow(0 0 7px rgba(47,158,233,.22)) !important;
}


/* ==========================================================
   INFO
   ========================================================== */

.otwars-rankboard-info {
    position:
        relative !important;

    min-width:
        0 !important;

    padding:
        0 2px !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}

.otwars-rankboard-name {
    display:
        flex !important;

    align-items:
        baseline !important;

    gap:
        4px !important;

    min-width:
        0 !important;

    color:
        #edf5fa !important;

    font-size:
        .79rem !important;

    font-weight:
        800 !important;

    line-height:
        1.12 !important;

    text-shadow:
        0 2px 2px rgba(0,0,0,1),
        0 0 4px rgba(0,0,0,.75) !important;
}

.otwars-rankboard-rank {
    color:
        #dcb64e !important;

    flex:
        0 0 auto !important;

    font-family:
        var(--font-medieval), Georgia, serif !important;

    font-size:
        .72rem !important;

    font-weight:
        800 !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,1) !important;
}

.otwars-rankboard-name > span:last-child {
    min-width:
        0 !important;

    overflow:
        hidden !important;

    white-space:
        nowrap !important;

    text-overflow:
        ellipsis !important;
}

.otwars-rankboard-stat {
    margin-top:
        4px !important;

    color:
        #edcd6c !important;

    font-size:
        .68rem !important;

    font-weight:
        800 !important;

    line-height:
        1.1 !important;

    text-shadow:
        0 2px 2px rgba(0,0,0,1),
        0 0 3px rgba(0,0,0,.70) !important;
}


/* ==========================================================
   RANK COLORS
   ========================================================== */

.otwars-rankboard-entry-1
.otwars-rankboard-name {
    color:
        #ffd759 !important;
}

.otwars-rankboard-entry-1
.otwars-rankboard-rank,
.otwars-rankboard-entry-1
.otwars-rankboard-stat {
    color:
        #ffe39a !important;
}

.otwars-rankboard-entry-2
.otwars-rankboard-name {
    color:
        #dce7ee !important;
}

.otwars-rankboard-entry-2
.otwars-rankboard-rank,
.otwars-rankboard-entry-2
.otwars-rankboard-stat {
    color:
        #c1cfd8 !important;
}

.otwars-rankboard-entry-3
.otwars-rankboard-name {
    color:
        #e2a36b !important;
}

.otwars-rankboard-entry-3
.otwars-rankboard-rank,
.otwars-rankboard-entry-3
.otwars-rankboard-stat {
    color:
        #d7945c !important;
}

.otwars-rankboard-frags
.otwars-rankboard-stat {
    color:
        #ff9277 !important;
}

.otwars-rankboard-frags
.otwars-rankboard-entry-1
.otwars-rankboard-stat {
    color:
        #ffb76f !important;
}


/* ==========================================================
   EMPTY STATE
   Just text floating under the title.
   ========================================================== */

.otwars-rankboard-empty {
    display:
        block !important;

    min-height:
        0 !important;

    margin:
        7px 0 4px !important;

    padding:
        0 !important;

    color:
        #94aabd !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    font-size:
        .67rem !important;

    font-style:
        italic !important;

    text-align:
        center !important;

    text-shadow:
        0 2px 2px rgba(0,0,0,.92) !important;
}


/* ==========================================================
   ABSOLUTE BOX NEUTRALIZATION
   Extra specificity against any previous site rules.
   ========================================================== */

aside .otwars-rankboard,
aside .otwars-rankboard-poster,
aside .otwars-rankboard-entry,
aside .otwars-rankboard-outfit,
aside .otwars-rankboard-info {
    background-color:
        transparent !important;

    border-width:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;
}

/* OTWARS V42 FLOATING RANKINGS END */

/* OTWARS V43 UNFRAMED OUTFITS BEGIN */

/* ==========================================================
   CORRECTION:
   Keep the RANKING PANEL.
   Remove ONLY the visual square/frame around each outfit.
   ========================================================== */


/* ==========================================================
   RANKBOARD SECTION / PANEL
   ========================================================== */

aside .otwars-rankboard {
    position: relative !important;

    width: 100% !important;

    margin:
        11px 0 14px !important;

    padding:
        0 !important;

    overflow:
        visible !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}


/* ==========================================================
   TITLE
   Integrated visually with the panel.
   ========================================================== */

aside .otwars-rankboard-heading {
    position: relative !important;

    z-index: 3 !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-height:
        27px !important;

    margin:
        0 !important;

    padding:
        0 8px !important;

    background:
        linear-gradient(
            180deg,
            rgba(11,45,72,.98),
            rgba(5,25,43,.98)
        ) !important;

    border:
        1px solid #9d7529 !important;

    border-bottom:
        0 !important;

    border-radius:
        3px 3px 0 0 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 0 10px rgba(32,132,213,.08),
        0 2px 5px rgba(0,0,0,.30) !important;
}

aside .otwars-rankboard-heading-line {
    display:
        none !important;
}

aside .otwars-rankboard-heading h3 {
    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #f3d473 !important;

    background:
        transparent !important;

    font-family:
        var(--font-medieval), Georgia, serif !important;

    font-size:
        .82rem !important;

    font-weight:
        800 !important;

    line-height:
        1 !important;

    letter-spacing:
        .045em !important;

    text-transform:
        uppercase !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.98),
        0 0 6px rgba(229,172,48,.15),
        0 0 7px rgba(37,142,224,.08) !important;
}

aside .otwars-rankboard-level .otwars-rankboard-heading h3::before {
    content:
        "\2605  " !important;

    color:
        #f2cf5d !important;
}

aside .otwars-rankboard-level .otwars-rankboard-heading h3::after {
    content:
        "  \2605" !important;

    color:
        #f2cf5d !important;
}

aside .otwars-rankboard-frags .otwars-rankboard-heading h3::before {
    content:
        "\2620  " !important;

    color:
        #e08167 !important;
}

aside .otwars-rankboard-frags .otwars-rankboard-heading h3::after {
    content:
        "  \2620" !important;

    color:
        #e08167 !important;
}


/* ==========================================================
   PANEL BODY
   The section is boxed again.
   ========================================================== */

aside .otwars-rankboard-poster {
    position:
        relative !important;

    width:
        100% !important;

    height:
        auto !important;

    min-height:
        0 !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        6px 7px 8px !important;

    overflow:
        hidden !important;

    background:
        radial-gradient(
            ellipse at 20% 16%,
            rgba(32,127,201,.14),
            transparent 46%
        ),
        radial-gradient(
            ellipse at 80% 82%,
            rgba(80,45,135,.07),
            transparent 52%
        ),
        linear-gradient(
            145deg,
            #0a2942 0%,
            #071b2e 45%,
            #04111d 100%
        ) !important;

    border:
        1px solid #9d7529 !important;

    border-top:
        1px solid rgba(177,132,43,.72) !important;

    border-radius:
        0 0 3px 3px !important;

    clip-path:
        none !important;

    box-shadow:
        inset 0 0 22px rgba(0,0,0,.28),
        inset 0 0 0 1px rgba(239,196,80,.04),
        0 3px 7px rgba(0,0,0,.32) !important;
}

aside .otwars-rankboard-poster::before {
    content:
        "" !important;

    position:
        absolute !important;

    inset:
        3px !important;

    z-index:
        1 !important;

    pointer-events:
        none !important;

    border:
        1px solid rgba(230,184,70,.09) !important;

    border-radius:
        1px !important;

    box-shadow:
        inset 0 0 10px rgba(33,128,201,.05) !important;
}

aside .otwars-rankboard-poster::after {
    content:
        none !important;

    display:
        none !important;
}


/* ==========================================================
   PLAYER LIST
   No mini-card per player.
   ========================================================== */

aside .otwars-rankboard-entry {
    position:
        relative !important;

    z-index:
        2 !important;

    display:
        grid !important;

    grid-template-columns:
        78px minmax(0,1fr) !important;

    align-items:
        center !important;

    min-height:
        76px !important;

    margin:
        0 !important;

    padding:
        2px 2px !important;

    overflow:
        visible !important;

    color:
        #edf5fb !important;

    text-decoration:
        none !important;

    background:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;

    transform:
        none !important;

    transition:
        filter .15s ease,
        background .15s ease !important;
}

aside .otwars-rankboard-entry:not(:last-child)::after {
    content:
        "" !important;

    display:
        block !important;

    position:
        absolute !important;

    left:
        75px !important;

    right:
        4px !important;

    bottom:
        0 !important;

    height:
        1px !important;

    background:
        linear-gradient(
            90deg,
            rgba(187,141,50,.42),
            rgba(106,80,31,.17),
            transparent
        ) !important;
}

aside .otwars-rankboard-entry::before {
    display:
        none !important;

    content:
        none !important;
}

aside .otwars-rankboard-entry:hover {
    background:
        linear-gradient(
            90deg,
            rgba(22,88,137,.14),
            transparent 78%
        ) !important;

    filter:
        brightness(1.08) !important;

    transform:
        none !important;

    box-shadow:
        none !important;
}


/* ==========================================================
   OUTFIT — THIS IS THE IMPORTANT FIX.
   Completely unframed / no square / no background.
   ========================================================== */

aside .otwars-rankboard-outfit {
    position:
        relative !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    width:
        76px !important;

    height:
        76px !important;

    overflow:
        visible !important;

    padding:
        0 !important;

    margin:
        0 !important;

    background:
        transparent !important;

    background-image:
        none !important;

    background-color:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;

    filter:
        none !important;

    clip-path:
        none !important;
}

aside .otwars-rankboard-outfit::before,
aside .otwars-rankboard-outfit::after {
    display:
        none !important;

    content:
        none !important;
}

aside .otwars-rankboard-outfit img {
    display:
        block !important;

    width:
        76px !important;

    height:
        76px !important;

    max-width:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    object-fit:
        contain !important;

    background:
        transparent !important;

    background-color:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;

    image-rendering:
        pixelated;

    filter:
        drop-shadow(0 3px 2px rgba(0,0,0,.68))
        drop-shadow(0 0 3px rgba(41,142,212,.12)) !important;

    transform-origin:
        center bottom !important;

    transition:
        transform .15s ease,
        filter .15s ease !important;
}

aside .otwars-rankboard-entry:hover
.otwars-rankboard-outfit img {
    transform:
        scale(1.055) !important;

    filter:
        drop-shadow(0 3px 2px rgba(0,0,0,.72))
        drop-shadow(0 0 5px rgba(52,161,231,.19)) !important;
}


/* ==========================================================
   TEXT
   ========================================================== */

aside .otwars-rankboard-info {
    min-width:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}

aside .otwars-rankboard-name {
    display:
        flex !important;

    align-items:
        baseline !important;

    gap:
        4px !important;

    min-width:
        0 !important;

    color:
        #edf5fb !important;

    font-size:
        .78rem !important;

    font-weight:
        800 !important;

    line-height:
        1.12 !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.98) !important;
}

aside .otwars-rankboard-name > span:last-child {
    min-width:
        0 !important;

    overflow:
        hidden !important;

    white-space:
        nowrap !important;

    text-overflow:
        ellipsis !important;
}

aside .otwars-rankboard-rank {
    flex:
        0 0 auto !important;

    color:
        #dbb54c !important;

    font-family:
        var(--font-medieval), Georgia, serif !important;

    font-size:
        .70rem !important;

    font-weight:
        800 !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,1) !important;
}

aside .otwars-rankboard-stat {
    margin-top:
        4px !important;

    color:
        #efcd6b !important;

    font-size:
        .68rem !important;

    font-weight:
        800 !important;

    line-height:
        1.1 !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.96) !important;
}


/* ==========================================================
   PODIUM
   ========================================================== */

aside .otwars-rankboard-entry-1
.otwars-rankboard-name {
    color:
        #ffd759 !important;
}

aside .otwars-rankboard-entry-1
.otwars-rankboard-rank,
aside .otwars-rankboard-entry-1
.otwars-rankboard-stat {
    color:
        #ffe397 !important;
}

aside .otwars-rankboard-entry-2
.otwars-rankboard-name {
    color:
        #dce7ee !important;
}

aside .otwars-rankboard-entry-2
.otwars-rankboard-rank,
aside .otwars-rankboard-entry-2
.otwars-rankboard-stat {
    color:
        #c2ced7 !important;
}

aside .otwars-rankboard-entry-3
.otwars-rankboard-name {
    color:
        #e1a46d !important;
}

aside .otwars-rankboard-entry-3
.otwars-rankboard-rank,
aside .otwars-rankboard-entry-3
.otwars-rankboard-stat {
    color:
        #d6935b !important;
}

aside .otwars-rankboard-frags
.otwars-rankboard-stat {
    color:
        #ff9278 !important;
}

aside .otwars-rankboard-frags
.otwars-rankboard-entry-1
.otwars-rankboard-stat {
    color:
        #ffb66e !important;
}


/* ==========================================================
   EMPTY
   Section remains boxed, empty message stays compact.
   ========================================================== */

aside .otwars-rankboard-empty {
    position:
        relative !important;

    z-index:
        2 !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    min-height:
        64px !important;

    margin:
        0 !important;

    padding:
        10px 8px !important;

    color:
        #96adbf !important;

    background:
        transparent !important;

    border:
        0 !important;

    font-size:
        .67rem !important;

    font-style:
        italic !important;

    text-align:
        center !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.92) !important;
}


/* ==========================================================
   ABSOLUTE OUTFIT SQUARE NEUTRALIZATION
   ========================================================== */

aside .otwars-rankboard-outfit,
aside .otwars-rankboard-outfit *,
aside .otwars-rankboard-outfit img {
    background-color:
        transparent !important;

    border-color:
        transparent !important;

    outline:
        none !important;
}

/* OTWARS V43 UNFRAMED OUTFITS END */



/* OTWARS V45 NO ENTRY CARD BEGIN */

/* 
   Goal:
   - KEEP the Top Level / Top Frags panel
   - REMOVE the internal dark box/card around each player row
   - Keep outfit + text directly over the section background
*/

aside .otwars-rankboard-poster {
    padding:
        7px 7px 9px !important;

    overflow:
        hidden !important;
}

aside .otwars-rankboard-entry {
    position:
        relative !important;

    z-index:
        2 !important;

    display:
        grid !important;

    grid-template-columns:
        86px minmax(0,1fr) !important;

    align-items:
        center !important;

    min-height:
        82px !important;

    margin:
        0 !important;

    padding:
        3px 4px !important;

    overflow:
        visible !important;

    background:
        transparent !important;

    background-color:
        transparent !important;

    background-image:
        none !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;

    clip-path:
        none !important;
}

aside .otwars-rankboard-entry::before,
aside .otwars-rankboard-entry::after {
    content:
        none !important;

    display:
        none !important;
}

aside .otwars-rankboard-entry:hover {
    background:
        linear-gradient(
            90deg,
            rgba(24,90,142,.12),
            transparent 76%
        ) !important;

    border:
        0 !important;

    box-shadow:
        none !important;

    transform:
        none !important;
}

/* subtle separator only, not a box */
aside .otwars-rankboard-entry:not(:last-child) {
    border-bottom:
        1px solid rgba(186,140,47,.22) !important;
}

/* outfit area completely free */
aside .otwars-rankboard-outfit {
    width:
        82px !important;

    height:
        82px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    overflow:
        visible !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    background-color:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    box-shadow:
        none !important;
}

aside .otwars-rankboard-outfit::before,
aside .otwars-rankboard-outfit::after {
    content:
        none !important;

    display:
        none !important;
}

aside .otwars-rankboard-outfit img,
aside .otwars-rankboard-outfit img[data-otwars-rankboard-outfit="1"] {
    display:
        block !important;

    width:
        118px !important;

    height:
        118px !important;

    min-width:
        118px !important;

    min-height:
        118px !important;

    max-width:
        none !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    background:
        transparent !important;

    background-color:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;

    object-fit:
        contain !important;

    image-rendering:
        pixelated;

    transform:
        translateY(4px) !important;

    filter:
        drop-shadow(0 3px 2px rgba(0,0,0,.72))
        drop-shadow(0 0 4px rgba(44,150,220,.14)) !important;
}

/* text block cleaner */
aside .otwars-rankboard-info {
    min-width:
        0 !important;

    padding:
        0 !important;

    margin:
        0 !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}

aside .otwars-rankboard-name {
    display:
        block !important;

    color:
        #ffd55a !important;

    font-size:
        .82rem !important;

    font-weight:
        850 !important;

    line-height:
        1.08 !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,1) !important;
}

aside .otwars-rankboard-rank {
    display:
        inline !important;

    margin-right:
        4px !important;

    color:
        #f1c64b !important;

    font-size:
        .72rem !important;

    font-weight:
        800 !important;
}

aside .otwars-rankboard-stat {
    margin-top:
        4px !important;

    color:
        #ffe39c !important;

    font-size:
        .70rem !important;

    font-weight:
        800 !important;

    line-height:
        1.08 !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,.96) !important;
}

aside .otwars-rankboard-frags .otwars-rankboard-stat {
    color:
        #ff9a7a !important;
}

aside .otwars-rankboard-empty {
    min-height:
        64px !important;

    background:
        transparent !important;

    border:
        0 !important;

    box-shadow:
        none !important;
}

/* OTWARS V45 NO ENTRY CARD END */

/* OTWARS V46 CROPPED OUTFITS BEGIN */

/*
 * MEASURED renderer geometry:
 *   returned canvas = 64x64
 *   visible sprite  = X:32..63, Y:32..63 = 32x32
 *
 * Therefore:
 *   scale 64x64 canvas to 128x128
 *   visible sprite becomes 64x64 at X:64..127 / Y:64..127
 *   shift image -64px / -64px
 *   => visible 64x64 sprite fills the 64x64 viewport exactly.
 *
 * This is a real crop of transparent padding, not another CSS zoom.
 */

/* Player layout */
aside .otwars-rankboard-entry {
    grid-template-columns:
        72px minmax(0,1fr) !important;

    min-height:
        68px !important;

    column-gap:
        5px !important;

    padding:
        2px 3px !important;

    overflow:
        visible !important;
}


/* ==========================================================
   CROP VIEWPORT
   This container is invisible; it only crops transparent padding.
   ========================================================== */

aside .otwars-rankboard-outfit {
    position:
        relative !important;

    width:
        64px !important;

    height:
        64px !important;

    min-width:
        64px !important;

    min-height:
        64px !important;

    margin:
        0 auto !important;

    padding:
        0 !important;

    overflow:
        hidden !important;

    display:
        block !important;

    background:
        transparent !important;

    background-image:
        none !important;

    background-color:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;

    clip-path:
        none !important;

    filter:
        none !important;
}

aside .otwars-rankboard-outfit::before,
aside .otwars-rankboard-outfit::after {
    display:
        none !important;

    content:
        none !important;
}


/* ==========================================================
   2x CANVAS + EXACT -64/-64 CROP
   ========================================================== */

aside .otwars-rankboard-outfit
img[data-otwars-rankboard-outfit="1"] {
    position:
        absolute !important;

    left:
        -64px !important;

    top:
        -64px !important;

    z-index:
        2 !important;

    display:
        block !important;

    width:
        128px !important;

    height:
        128px !important;

    min-width:
        128px !important;

    min-height:
        128px !important;

    max-width:
        none !important;

    max-height:
        none !important;

    margin:
        0 !important;

    padding:
        0 !important;

    object-fit:
        fill !important;

    object-position:
        0 0 !important;

    background:
        transparent !important;

    background-color:
        transparent !important;

    border:
        0 !important;

    border-radius:
        0 !important;

    outline:
        0 !important;

    box-shadow:
        none !important;

    transform:
        none !important;

    image-rendering:
        pixelated;

    filter:
        drop-shadow(0 2px 1px rgba(0,0,0,.60)) !important;

    transform-origin:
        center center !important;
}

/* Do not move the image on hover: crop geometry must stay exact. */
aside .otwars-rankboard-entry:hover
.otwars-rankboard-outfit
img[data-otwars-rankboard-outfit="1"] {
    left:
        -64px !important;

    top:
        -64px !important;

    transform:
        none !important;

    filter:
        drop-shadow(0 2px 1px rgba(0,0,0,.64))
        brightness(1.06) !important;
}


/* ==========================================================
   TEXT PLACEMENT
   ========================================================== */

aside .otwars-rankboard-info {
    align-self:
        center !important;

    min-width:
        0 !important;

    margin:
        0 !important;

    padding:
        0 !important;
}

aside .otwars-rankboard-name {
    display:
        flex !important;

    align-items:
        baseline !important;

    gap:
        4px !important;

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #edf5fb !important;

    font-size:
        .78rem !important;

    font-weight:
        800 !important;

    line-height:
        1.08 !important;

    text-shadow:
        0 1px 2px rgba(0,0,0,1) !important;
}

aside .otwars-rankboard-stat {
    margin-top:
        4px !important;

    padding:
        0 !important;

    font-size:
        .69rem !important;

    font-weight:
        800 !important;

    line-height:
        1.08 !important;
}


/* First place */
aside .otwars-rankboard-entry-1
.otwars-rankboard-name {
    color:
        #ffd75b !important;
}

aside .otwars-rankboard-entry-1
.otwars-rankboard-stat {
    color:
        #ffe39c !important;
}


/* Frags */
aside .otwars-rankboard-frags
.otwars-rankboard-stat {
    color:
        #ff947a !important;
}


/* ==========================================================
   FORCE NO VISUAL BOX AROUND OUTFIT
   ========================================================== */

aside .otwars-rankboard-outfit,
aside .otwars-rankboard-outfit img[data-otwars-rankboard-outfit="1"] {
    border-color:
        transparent !important;

    background-color:
        transparent !important;

    outline:
        none !important;
}

/* OTWARS V46 CROPPED OUTFITS END */

/* OTWARS V47 FRONT OUTFITS BEGIN */

/*
 * AUTO-MEASURED FROM LIVE direction=3 renderer:
 * Canvas: 64x64
 * Visible: 32x32
 * Bounds: X 32..63, Y 32..63
 *
 * Target visible character: 64x64.
 */

aside .otwars-rankboard-outfit {
    position: relative !important;

    width: 64px !important;
    height: 64px !important;

    min-width: 64px !important;
    min-height: 64px !important;

    overflow: hidden !important;

    margin: 0 auto !important;
    padding: 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;
}

aside .otwars-rankboard-outfit
img[data-otwars-rankboard-outfit="1"] {
    position: absolute !important;

    left: -64px !important;
    top: -64px !important;

    display: block !important;

    width: 128px !important;
    height: 128px !important;

    min-width: 128px !important;
    min-height: 128px !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: fill !important;

    transform: none !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;

    image-rendering: pixelated;

    filter:
        drop-shadow(0 2px 1px rgba(0,0,0,.64)) !important;
}

aside .otwars-rankboard-entry:hover
.otwars-rankboard-outfit
img[data-otwars-rankboard-outfit="1"] {
    left: -64px !important;
    top: -64px !important;

    transform: none !important;

    filter:
        drop-shadow(0 2px 1px rgba(0,0,0,.68))
        brightness(1.06) !important;
}

/* OTWARS V47 FRONT OUTFITS END */

/* OTWARS V49 MATCH HIGHSCORES OUTFIT BEGIN */

/*
 * Top Level / Top Frags outfit now uses EXACTLY the same visual format
 * requested for Highscores:
 *
 * viewport = 64x64
 * visible target = 60x60
 * direction = 3 (front)
 * alpha crop = centered
 *
 * Ranking section geometry is NOT enlarged.
 */

aside .otwars-rankboard-entry {
    grid-template-columns:
        72px minmax(0,1fr) !important;

    min-height:
        68px !important;

    column-gap:
        5px !important;
}

aside .otwars-rankboard-outfit {
    position: relative !important;

    display: block !important;

    width: 64px !important;
    height: 64px !important;

    min-width: 64px !important;
    min-height: 64px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;
}

aside .otwars-rankboard-outfit::before,
aside .otwars-rankboard-outfit::after {
    display: none !important;
    content: none !important;
}

aside .otwars-rankboard-outfit
img[data-otwars-rankboard-outfit="1"] {
    position: absolute !important;

    left: -58px !important;
    top: -58px !important;

    display: block !important;

    width: 120px !important;
    height: 120px !important;

    min-width: 120px !important;
    min-height: 120px !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: fill !important;
    object-position: 0 0 !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    border-radius: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;

    transform: none !important;

    image-rendering: pixelated;

    filter:
        drop-shadow(0 2px 1px rgba(0,0,0,.62)) !important;
}

aside .otwars-rankboard-entry:hover
.otwars-rankboard-outfit
img[data-otwars-rankboard-outfit="1"] {
    left: -58px !important;
    top: -58px !important;

    transform: none !important;

    filter:
        drop-shadow(0 2px 1px rgba(0,0,0,.66))
        brightness(1.05) !important;
}

/* OTWARS V49 MATCH HIGHSCORES OUTFIT END */

/* OTWARS V50 SIDEBAR TOP5 BALANCED BEGIN */

aside .otwars-rankboard-entry {
    grid-template-columns: 54px minmax(0,1fr) !important;
    min-height: 52px !important;
    column-gap: 6px !important;
    align-items: center !important;
}

aside .otwars-rankboard-outfit {
    position: relative !important;
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

aside .otwars-rankboard-outfit::before,
aside .otwars-rankboard-outfit::after {
    display: none !important;
    content: none !important;
}

aside .otwars-rankboard-outfit img[data-otwars-rankboard-outfit="1"] {
    position: absolute !important;
    left: -42px !important;
    top: -42px !important;
    display: block !important;
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    min-height: 88px !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: fill !important;
    object-position: 0 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    image-rendering: pixelated;
    filter: drop-shadow(0 2px 1px rgba(0,0,0,.62)) !important;
}

aside .otwars-rankboard-entry:hover .otwars-rankboard-outfit img[data-otwars-rankboard-outfit="1"] {
    left: -42px !important;
    top: -42px !important;
    transform: none !important;
    filter: drop-shadow(0 2px 1px rgba(0,0,0,.66)) brightness(1.05) !important;
}

aside .otwars-rankboard-entry-main {
    min-width: 0 !important;
}

aside .otwars-rankboard-entry-rank {
    font-size: 11px !important;
    line-height: 1.05 !important;
}

aside .otwars-rankboard-entry-name {
    font-size: 12px !important;
    line-height: 1.1 !important;
}

aside .otwars-rankboard-entry-sub {
    font-size: 10px !important;
    line-height: 1.05 !important;
}

/* OTWARS V50 SIDEBAR TOP5 BALANCED END */

/* OTWARS V54 BOOSTED REAL WRAPPER BEGIN */

/*
 * IMPORTANT:
 * The SVG badge lives in .bossIcon/.creatureIconBlue.
 * The actual monster/creature IMG is a SIBLING 56x56 wrapper.
 * V54 targets only those real outfit wrappers.
 *
 * Original Boosted card/frame/icon geometry is untouched.
 */

/* Remove visual square only, without altering layout dimensions. */
.BoostedBox-module__6IRxPW__bossFrame,
.BoostedBox-module__6IRxPW__creatureFrameBlue {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* BOSS actual outfit viewport */
.otwars-boosted-boss-outfit {
    position: relative !important;

    display: block !important;

    width: 48px !important;
    height: 48px !important;

    min-width: 48px !important;
    min-height: 48px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* CREATURE actual outfit viewport */
.otwars-boosted-creature-outfit {
    position: relative !important;

    display: block !important;

    width: 48px !important;
    height: 48px !important;

    min-width: 48px !important;
    min-height: 48px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: transparent !important;
    background-color: transparent !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

/* Boss measured union-frame crop */
.otwars-boosted-boss-outfit > img {
    position: absolute !important;

    left: -27.73px !important;
    top: -29.514px !important;

    display: block !important;

    width: 76.108px !important;
    height: 76.108px !important;

    min-width: 76.108px !important;
    min-height: 76.108px !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: fill !important;

    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    transform: none !important;
    image-rendering: pixelated;

    filter:
        drop-shadow(0 2px 1px rgba(0,0,0,.62)) !important;
}

/* Creature measured union-frame crop */
.otwars-boosted-creature-outfit > img {
    position: absolute !important;

    left: 2px !important;
    top: 2.349px !important;

    display: block !important;

    width: 44.698px !important;
    height: 44.698px !important;

    min-width: 44.698px !important;
    min-height: 44.698px !important;

    max-width: none !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: fill !important;

    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    transform: none !important;
    image-rendering: pixelated;

    filter:
        drop-shadow(0 2px 1px rgba(0,0,0,.62)) !important;
}

/*
 * No creatureCard / creaturesContainer / divider / icon layout overrides.
 * Original positioning remains authoritative.
 */

/* OTWARS V54 BOOSTED REAL WRAPPER END */

/* OTWARS V55 BOOSTED NO INNER FRAME BEGIN */

/*
 * V54 already fixed the real outfit wrapper and alignment.
 * V55 changes ONLY the visual square around Boss / Creature.
 */

/* Remove the visible gold rectangle without changing dimensions. */
.BoostedBox-module__6IRxPW__bossFrame,
.BoostedBox-module__6IRxPW__creatureFrameBlue {
    border-color: transparent !important;
    border-width: 0 !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    outline: 0 !important;
    box-shadow: none !important;
}

/* The real image wrappers remain exactly where V54 placed them. */
.otwars-boosted-boss-outfit,
.otwars-boosted-creature-outfit {
    border: 0 !important;
    border-radius: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;

    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Ensure the actual sprite itself has no box. */
.otwars-boosted-boss-outfit > img,
.otwars-boosted-creature-outfit > img {
    border: 0 !important;
    border-radius: 0 !important;

    outline: 0 !important;
    box-shadow: none !important;

    background: transparent !important;
    background-color: transparent !important;
}

/* Keep labels centered under the now-unframed sprites. */
.BoostedBox-module__6IRxPW__creatureLabel,
.BoostedBox-module__6IRxPW__creatureName {
    text-align: center !important;
}

/* OTWARS V55 BOOSTED NO INNER FRAME END */