:root {
    --mirror-gold: #d9b54a;
    --mirror-gold-deep: #b98a24;
    --mirror-green: #0b6a3c;
    --mirror-red: #7f1b1f;
    --mirror-shell-dark: #0d1210;
}

html {
    background:
        radial-gradient(110% 90% at 14% 8%, rgba(235, 28, 126, 0.18) 0%, rgba(235, 28, 126, 0) 58%),
        radial-gradient(90% 70% at 85% 84%, rgba(34, 197, 94, 0.14) 0%, rgba(34, 197, 94, 0) 60%),
        linear-gradient(150deg, rgb(7, 20, 13) 0%, rgb(24, 58, 36) 100%) !important;
    background-color: #040604 !important;
}

body.betwins-mirror {
    background:
        radial-gradient(110% 92% at 16% 10%, rgba(235, 28, 126, 0.2) 0%, rgba(235, 28, 126, 0) 60%),
        radial-gradient(88% 68% at 82% 86%, rgba(34, 197, 94, 0.16) 0%, rgba(34, 197, 94, 0) 62%),
        linear-gradient(150deg, rgb(7, 20, 13) 0%, rgb(24, 58, 36) 100%) !important;
    color: #fff;
    overflow-x: hidden;
    min-height: 100vh;
    background-attachment: fixed;
    margin: 0 !important;
    padding: 0 !important;
}

body.betwins-mirror .mirror-main,
body.betwins-mirror .mirror-main > section {
    background: transparent !important;
}

body.betwins-mirror #login-toggle,
body.betwins-mirror #menu-toggle,
body.betwins-mirror .fixed-button {
    display: none !important;
}

.mirror-announcement {
    background: linear-gradient(90deg, rgba(20, 24, 21, 0.92) 0%, rgba(31, 39, 34, 0.92) 50%, rgba(20, 24, 21, 0.92) 100%);
    color: #d6bc76;
    text-align: center;
    padding: 5px 12px;
    font-size: 10px;
    border-top: 1px solid rgba(217, 181, 74, 0.24);
    border-bottom: 1px solid rgba(217, 181, 74, 0.24);
}

.mirror-messages {
    margin-top: 12px;
}

.mirror-message-item {
    margin-bottom: 8px;
    border: 1px solid #2b5a7b;
    background: #0f2539;
    padding: 10px 12px;
    border-radius: 8px;
    font-size: 13px;
}

.mirror-main {
    background: transparent !important;
    color: #f2f2f2;
    border-top: 1px solid rgba(217, 181, 74, 0.1);
    padding-top: 0;
    padding-bottom: 98px;
}

.mirror-main img {
    max-width: 100%;
    height: auto;
}

body.betwins-mirror .mirror-main [class*="bg-slate-900/80"],
body.betwins-mirror .mirror-main [class*="bg-slate-900/70"],
body.betwins-mirror .mirror-main [class*="bg-slate-900/60"],
body.betwins-mirror .mirror-main [class*="bg-slate-800"],
body.betwins-mirror .mirror-main article {
    background-color: #42485c !important;
    border-color: #2c3142 !important;
}

body.betwins-mirror .mirror-main [class*="text-slate-400"] {
    color: #9ea6ba !important;
}

body.betwins-mirror .mirror-main [class*="text-slate-300"] {
    color: #c5cbdb !important;
}

body.betwins-mirror .mirror-main [class*="text-slate-200"] {
    color: #e3e8f4 !important;
}

.mirror-main section,
.mirror-main article,
.mirror-main .rounded-xl {
    background-clip: padding-box;
}

.mirror-main h1,
.mirror-main h2,
.mirror-main h3,
.mirror-main p,
.mirror-main a,
.mirror-main span,
.mirror-main small {
    color: inherit;
}

.mirror-brand {
    padding-left: 0;
}

.mirror-logout-form {
    display: inline-block;
    margin: 0;
}