/* A single, scoped sidebar card; no changes to Premium, ranking or shop boxes. */
#DiscordBox.CrystalDiscordCard {
    position: relative;
    width: 180px;
    height: 218px;
    top: -4px;
    margin-top: 18px;
    margin-bottom: 10px;
    background: none;
}
#DiscordBox .CrystalDiscordLink {
    position: relative;
    display: block;
    width: 180px;
    height: 214px;
    padding: 0;
    color: #ffe0a1;
    text-decoration: none;
    border: 0;
    isolation: isolate;
}
#DiscordBox .CrystalDiscordFrame {
    position: absolute;
    inset: 8px 0 auto;
    width: 180px;
    height: 177px;
    background: url('../images/global/themeboxes/premium/themebox3.gif') no-repeat;
    pointer-events: none;
}
#DiscordBox .CrystalDiscordTitle {
    position: absolute;
    top: 14px;
    left: 12px;
    box-sizing: border-box;
    width: 155px;
    height: 21px;
    padding-left: 33px;
    background: linear-gradient(#443064, #291a44);
    color: #ffe2a2;
    font: bold 19px/21px Georgia, 'Times New Roman', serif;
    text-align: center;
    text-shadow: 1px 1px 0 #100a21, -1px -1px 0 #100a21;
    white-space: nowrap;
}
#DiscordBox .CrystalDiscordShield {
    position: absolute;
    top: 42px;
    left: 9px;
    width: 162px;
    height: 138px;
    background: radial-gradient(ellipse at 50% 20%, #343b80, #202653 65%, #151c37);
    clip-path: polygon(0 0, 100% 0, 100% 72%, 77% 100%, 23% 100%, 0 72%);
    pointer-events: none;
}
#DiscordBox .CrystalDiscordCrown {
    position: absolute;
    top: -9px;
    left: 11px;
    width: 42px;
    height: 44px;
    border: 0;
    filter: drop-shadow(0 2px 1px #090615);
    pointer-events: none;
}
#DiscordBox .CrystalDiscordLogo {
    position: absolute;
    top: 62px;
    left: 48px;
    width: 84px;
    height: 84px;
    border: 0;
    filter: drop-shadow(0 3px 8px rgba(8, 13, 48, .45));
    transition: filter .18s ease;
    pointer-events: none;
}
#DiscordBox .CrystalDiscordButton {
    position: absolute;
    top: 177px;
    left: 19px;
    width: 142px;
    height: 34px;
    background: url('../images/global/themeboxes/premium/button.png') no-repeat;
    color: #ffe2a2;
    font: bold 16px/34px Georgia, 'Times New Roman', serif;
    text-align: center;
    text-shadow: 1px 1px 1px #080c2d;
}
#DiscordBox .CrystalDiscordButtonCrown {
    position: absolute;
    top: 151px;
    left: 71px;
    width: 38px;
    height: 34px;
    border: 0;
    filter: drop-shadow(0 2px 1px #090615);
    pointer-events: none;
}
#DiscordBox .CrystalDiscordLink:hover .CrystalDiscordButton,
#DiscordBox .CrystalDiscordLink:focus-visible .CrystalDiscordButton {
    background-image: url('../images/global/themeboxes/premium/button_hover.png');
    color: #fff4d0;
}
#DiscordBox .CrystalDiscordLink:hover .CrystalDiscordLogo {
    filter: drop-shadow(0 0 9px rgba(107, 119, 255, .45));
}
#DiscordBox .CrystalDiscordLink:focus-visible {
    outline: 2px solid #ffe2a2;
    outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
    #DiscordBox .CrystalDiscordLogo { transition: none; }
}