/* [next]/internal/font/google/bebas_neue_f3261607.module.css [app-client] (css) */
@font-face {
  font-family: Bebas Neue;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2039e8342bda6056-s.51680477.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Bebas Neue;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/fabcf92ba1ccea36-s.p.19f28380.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Bebas Neue Fallback;
  src: local(Arial);
  ascent-override: 117.32%;
  descent-override: 39.11%;
  line-gap-override: 0.0%;
  size-adjust: 76.72%;
}

.bebas_neue_f3261607-module__97cLbW__className {
  font-family: Bebas Neue, Bebas Neue Fallback;
  font-style: normal;
  font-weight: 400;
}

.bebas_neue_f3261607-module__97cLbW__variable {
  --font-heading: "Bebas Neue", "Bebas Neue Fallback";
}

/* [next]/internal/font/google/orbitron_2cf5e594.module.css [app-client] (css) */
@font-face {
  font-family: Orbitron;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/0acc7fdf55eb3220-s.p.532ccaa1.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Orbitron;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/0acc7fdf55eb3220-s.p.532ccaa1.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Orbitron Fallback;
  src: local(Arial);
  ascent-override: 81.5%;
  descent-override: 19.59%;
  line-gap-override: 0.0%;
  size-adjust: 124.05%;
}

.orbitron_2cf5e594-module__9P1DYG__className {
  font-family: Orbitron, Orbitron Fallback;
  font-style: normal;
}

.orbitron_2cf5e594-module__9P1DYG__variable {
  --font-digital: "Orbitron", "Orbitron Fallback";
}

/* [next]/internal/font/google/roboto_condensed_690380c5.module.css [app-client] (css) */
@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/9c282a6db290773d-s.b4168fbf.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/537f068cf010a382-s.1b6fc227.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/c300beac511639d2-s.ee905080.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/a01ece5cbe79cced-s.5feb1b14.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/825d4e07c4597d86-s.8bfc7714.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/65645b6ef686c6a1-s.cc7fec2f.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/ef1484efef1c9752-s.p.b56aead1.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/9c282a6db290773d-s.b4168fbf.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/537f068cf010a382-s.1b6fc227.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/c300beac511639d2-s.ee905080.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/a01ece5cbe79cced-s.5feb1b14.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/825d4e07c4597d86-s.8bfc7714.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/65645b6ef686c6a1-s.cc7fec2f.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/ef1484efef1c9752-s.p.b56aead1.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/9c282a6db290773d-s.b4168fbf.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/537f068cf010a382-s.1b6fc227.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/c300beac511639d2-s.ee905080.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/a01ece5cbe79cced-s.5feb1b14.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/825d4e07c4597d86-s.8bfc7714.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/65645b6ef686c6a1-s.cc7fec2f.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/ef1484efef1c9752-s.p.b56aead1.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/9c282a6db290773d-s.b4168fbf.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/537f068cf010a382-s.1b6fc227.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/c300beac511639d2-s.ee905080.woff2") format("woff2");
  unicode-range: U+1F??;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/a01ece5cbe79cced-s.5feb1b14.woff2") format("woff2");
  unicode-range: U+370-377, U+37A-37F, U+384-38A, U+38C, U+38E-3A1, U+3A3-3FF;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/825d4e07c4597d86-s.8bfc7714.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/65645b6ef686c6a1-s.cc7fec2f.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Roboto Condensed;
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url("../media/ef1484efef1c9752-s.p.b56aead1.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Roboto Condensed Fallback;
  src: local(Arial);
  ascent-override: 104.44%;
  descent-override: 27.48%;
  line-gap-override: 0.0%;
  size-adjust: 88.83%;
}

.roboto_condensed_690380c5-module__KUwHyq__className {
  font-family: Roboto Condensed, Roboto Condensed Fallback;
  font-style: normal;
}

.roboto_condensed_690380c5-module__KUwHyq__variable {
  --font-condensed: "Roboto Condensed", "Roboto Condensed Fallback";
}

/* [next]/internal/font/google/rajdhani_16fc089a.module.css [app-client] (css) */
@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/906d1c14d86e79d2-s.bb16e423.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/dc822924a6b60314-s.7fcd3289.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/278cbb97e75e04e2-s.p.2ce9a157.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/e9924293c1dc5ea7-s.510eee18.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/10bd139a632d728f-s.3ed74b99.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/a079e02bba5bf7ab-s.p.7367eab7.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/63e49db46351d020-s.9f91ba4a.woff2") format("woff2");
  unicode-range: U+900-97F, U+1CD0-1CF9, U+200C-200D, U+20A8, U+20B9, U+20F0, U+25CC, U+A830-A839, U+A8E0-A8FF, U+11B00-11B09;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/35f9213b86bccda4-s.1ea730ea.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Rajdhani;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/3206eb66b875a5b3-s.p.e2b99870.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Rajdhani Fallback;
  src: local(Arial);
  ascent-override: 102.12%;
  descent-override: 37.99%;
  line-gap-override: 0.0%;
  size-adjust: 91.07%;
}

.rajdhani_16fc089a-module__-o8x-W__className {
  font-family: Rajdhani, Rajdhani Fallback;
  font-style: normal;
}

.rajdhani_16fc089a-module__-o8x-W__variable {
  --font-body: "Rajdhani", "Rajdhani Fallback";
}

/* [next]/internal/font/google/cinzel_3c27f401.module.css [app-client] (css) */
@font-face {
  font-family: Cinzel;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/f13700f23fbdc6fd-s.7f4e28d1.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cinzel;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/cc014fcb166cf364-s.p.e32417d2.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cinzel;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/f13700f23fbdc6fd-s.7f4e28d1.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cinzel;
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../media/cc014fcb166cf364-s.p.e32417d2.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cinzel Fallback;
  src: local(Times New Roman);
  ascent-override: 71.31%;
  descent-override: 27.18%;
  line-gap-override: 0.0%;
  size-adjust: 136.86%;
}

.cinzel_3c27f401-module__s_xSrq__className {
  font-family: Cinzel, Cinzel Fallback;
  font-style: normal;
}

.cinzel_3c27f401-module__s_xSrq__variable {
  --premium-head-font: "Cinzel", "Cinzel Fallback";
}

/* [next]/internal/font/google/playfair_display_762b644d.module.css [app-client] (css) */
@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/e6aefe7c5076108d-s.a40c4e5b.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/065087378a635a05-s.95f49e7f.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/2ab350ceb580dfba-s.11d521d8.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/ad85ec941b4c8b5c-s.p.abd41f7e.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Playfair Display Fallback;
  src: local(Times New Roman);
  ascent-override: 97.25%;
  descent-override: 22.56%;
  line-gap-override: 0.0%;
  size-adjust: 111.26%;
}

.playfair_display_762b644d-module__811HTW__className {
  font-family: Playfair Display, Playfair Display Fallback;
  font-style: normal;
  font-weight: 700;
}

.playfair_display_762b644d-module__811HTW__variable {
  --premium-body-font: "Playfair Display", "Playfair Display Fallback";
}

/* [project]/src/components/lobby/styles/premium-meter-row.css [app-client] (css) */
.premium-meter-row {
  background: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
}

.premium-piece {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  flex: none;
  height: 100%;
  position: relative;
}

.premium-piece-mark {
  aspect-ratio: 547 / 188;
  background-image: url("/jackpot-bar-mark.png");
}

.premium-piece-bronze {
  aspect-ratio: 794 / 188;
  background-image: url("/jackpot-bar-bronze.png");
}

.premium-piece-silver {
  aspect-ratio: 795 / 188;
  background-image: url("/jackpot-bar-silver.png");
}

.premium-piece-gold {
  aspect-ratio: 795 / 188;
  background-image: url("/jackpot-bar-gold.png");
}

.premium-box {
  box-sizing: border-box;
  justify-content: center;
  align-items: flex-end;
  gap: 2%;
  height: 62.766%;
  display: flex;
  position: absolute;
  top: 9.574%;
}

.premium-box-bronze {
  width: 63.22%;
  left: 34.63%;
}

.premium-box-silver, .premium-box-gold {
  width: 63.15%;
  left: 34.72%;
}

.premium-digit {
  aspect-ratio: 30 / 44;
  background-image: url("/digits.png");
  background-position-x: 0;
  background-repeat: no-repeat;
  background-size: 100% 1100%;
  flex: none;
  height: 80%;
  display: inline-block;
}

.premium-decimal-dot {
  aspect-ratio: 1;
  background: #ffb020;
  border-radius: 50%;
  flex: none;
  align-self: flex-end;
  width: 4%;
  display: inline-block;
  box-shadow: 0 0 2px #ffb020b3;
}

@media (min-width: 1024px) {
  .premium-meter-row {
    display: none !important;
  }
}

@media (max-width: 1023.98px) {
  .premium-meter-row {
    display: none !important;
  }
}

/* [project]/src/components/lobby/styles/royal-vegas-meter-row.css [app-client] (css) */
.royal-vegas-meter-row {
  box-sizing: border-box;
  --rv-gold: #f4cd68;
  --rv-gold-hi: #fff3c8;
  --rv-gold-deep: #a9781f;
  align-items: center;
  gap: 3cqw;
  width: 100%;
  height: 100%;
  padding: 0 1.5cqw;
  display: none;
  position: relative;
  overflow: hidden;
  container-type: size;
}

:root[data-jackpot="royal-vegas"] .royal-vegas-meter-row {
  display: flex !important;
}

@media (min-width: 1024px) {
  :root[data-jackpot="royal-vegas"] .premium-meter-row, :root[data-jackpot="royal-vegas"] .meter-row {
    display: none !important;
  }

  :root[data-jackpot="royal-vegas"] .jackpot-strip .royal-vegas-meter-row {
    width: var(--lobby-grid-w, 100%);
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

@media (max-width: 1023.98px) {
  :root[data-jackpot="royal-vegas"] .meter-row, :root[data-jackpot="royal-vegas"] .jackpot-strip .jackpot-title, :root[data-jackpot="royal-vegas"] .game-top-bar__brand {
    display: none !important;
  }
}

.royal-vegas-meter-row:before {
  content: "";
  background: linear-gradient(90deg, transparent, var(--rv-gold) 18%, var(--rv-gold-hi) 50%, var(--rv-gold) 82%, transparent);
  opacity: .85;
  pointer-events: none;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.rv-brand {
  flex: none;
  align-items: center;
  gap: 1.4cqw;
  display: flex;
}

.rv-wordmark {
  font-family: var(--premium-head-font), "Cinzel", Georgia, serif;
  letter-spacing: .04em;
  white-space: nowrap;
  background: linear-gradient(180deg, var(--rv-gold-hi) 0%, var(--rv-gold) 44%, var(--rv-gold-deep) 100%);
  color: #0000;
  filter: drop-shadow(0 1px #00000073) drop-shadow(0 2px 7cqh #f4cd684d);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: clamp(100cqh, 100cqh + 1.6667vw - 24.0005px, 108cqh);
  font-weight: 800;
  line-height: 1;
}

.rv-tiers {
  flex: auto;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.rv-tier {
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  gap: 7px;
  display: flex;
}

.rv-badge {
  font-family: var(--font-condensed), "Roboto Condensed", sans-serif;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: #1a1206;
  border-radius: 7cqh;
  flex: none;
  padding: 4cqh 1.1cqw;
  font-size: clamp(58cqh, 58cqh + .8333vw - 11.9995px, 62cqh);
  font-weight: 900;
  line-height: 1;
  box-shadow: inset 0 1px #ffffff8c, 0 3cqh 8cqh -3cqh #000000b3;
}

.rv-bronze .rv-badge {
  background: linear-gradient(160deg, #f4c79a, #e0a266 45%, #8a4f22);
}

.rv-silver .rv-badge {
  color: #20293a;
  background: linear-gradient(160deg, #fff, #dfe8f1 45%, #7d8ea1);
}

.rv-gold .rv-badge {
  background: linear-gradient(160deg, var(--rv-gold-hi), #f7d55b 45%, #b8891c);
}

.rv-window {
  font-variant-numeric: tabular-nums;
  background: linear-gradient(#060c15, #02060c);
  border-radius: 7cqh;
  align-items: center;
  gap: .3cqw;
  padding: 5cqh .9cqw;
  line-height: 1;
  display: inline-flex;
  box-shadow: inset 0 2cqh 8cqh #000000e6, inset 0 0 0 1px #ffffff0d;
}

.rv-euro {
  font-family: var(--font-condensed), sans-serif;
  margin-right: .15cqw;
  font-size: clamp(60cqh, 60cqh + 1.0417vw - 15.0005px, 65cqh);
  font-weight: 700;
}

.rv-bronze .rv-window {
  color: #ffcf9a;
  text-shadow: 0 0 7cqh #e0a266b3;
}

.rv-silver .rv-window {
  color: #f2f7fc;
  text-shadow: 0 0 7cqh #dfe8f1b3;
}

.rv-gold .rv-window {
  color: #ffe27a;
  text-shadow: 0 0 8cqh #f7d55bcc;
}

.rv-reel {
  height: clamp(72cqh, 72cqh + 1.0417vw - 15.0005px, 77cqh);
  font-family: var(--font-digital), "Orbitron", ui-monospace, monospace;
  vertical-align: middle;
  font-weight: 700;
  display: inline-block;
  overflow: hidden;
}

.rv-strip {
  flex-direction: column;
  transition: transform .7s cubic-bezier(.2, .85, .2, 1);
  display: flex;
}

.rv-d {
  text-align: center;
  min-width: clamp(39cqh, 39cqh + .625vw - 9px, 42cqh);
  height: clamp(72cqh, 72cqh + 1.0417vw - 15.0005px, 77cqh);
  font-size: clamp(65cqh, 65cqh + 1.0417vw - 15.0005px, 70cqh);
  line-height: clamp(72cqh, 72cqh + 1.0417vw - 15.0005px, 77cqh);
}

.rv-dot {
  background: currentColor;
  border-radius: 50%;
  align-self: flex-end;
  width: 5cqh;
  height: 5cqh;
  margin: 0 1.5cqh 6cqh;
  display: inline-block;
  box-shadow: 0 0 4cqh;
}

.rv-sheen {
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.rv-sheen:after {
  content: "";
  background: linear-gradient(100deg, #0000, #ffffff1f, #0000);
  width: 22%;
  animation: 6s ease-in-out infinite rv-sweep;
  position: absolute;
  top: -40%;
  bottom: -40%;
  left: -60%;
  transform: skewX(-18deg);
}

@keyframes rv-sweep {
  0% {
    left: -60%;
  }

  55% {
    left: 130%;
  }

  100% {
    left: 130%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rv-strip {
    transition: none;
  }

  .rv-sheen:after {
    animation: none;
  }
}

@media (max-width: 1023.98px) {
  .royal-vegas-meter-row {
    gap: 6px;
    width: 100%;
    height: auto;
    padding: 4px 8px;
    container-type: normal;
  }

  .rv-brand, .rv-sheen {
    display: none;
  }

  .royal-vegas-meter-row:before {
    height: 1px;
  }

  .rv-tiers {
    flex: auto;
    gap: 6px;
    width: 100%;
  }

  .rv-tier {
    background: #00000059;
    border-left: 2px solid;
    border-radius: 6px;
    flex: 1 1 0;
    gap: clamp(3px, 1.3vw, 5px);
    min-width: 0;
    padding: 4px clamp(4px, 1.6vw, 6px);
  }

  .rv-bronze {
    border-left-color: #e0a266;
  }

  .rv-silver {
    border-left-color: #dfe8f1;
  }

  .rv-gold {
    border-left-color: #f7d55b;
  }

  .rv-badge {
    display: none;
  }

  .rv-tier:before {
    font-family: var(--font-condensed), "Roboto Condensed", sans-serif;
    flex: none;
    font-size: clamp(13px, 4vw, 15px);
    font-weight: 800;
    line-height: 1;
  }

  .rv-bronze:before {
    content: "B";
    color: #e0a266;
  }

  .rv-silver:before {
    content: "S";
    color: #dfe8f1;
  }

  .rv-gold:before {
    content: "G";
    color: #f7d55b;
  }

  .rv-window {
    border: 1.5px solid;
    border-radius: 5px;
    flex: auto;
    justify-content: center;
    gap: 0;
    min-width: 0;
    padding: 3px 5px;
    overflow: hidden;
    box-shadow: inset 0 1px 4px #000000e6;
  }

  .rv-bronze .rv-window {
    border-color: #e0a266d9;
  }

  .rv-silver .rv-window {
    border-color: #dfe8f1d9;
  }

  .rv-gold .rv-window {
    border-color: #f7d55bd9;
  }

  .rv-euro {
    margin-right: 1px;
    font-size: clamp(11px, 3.4vw, 13px);
  }

  .rv-reel {
    height: clamp(14px, 4.2vw, 16px);
  }

  .rv-d {
    min-width: 7px;
    height: clamp(14px, 4.2vw, 16px);
    font-size: clamp(11px, 3.4vw, 13px);
    line-height: clamp(14px, 4.2vw, 16px);
  }

  .rv-dot {
    width: 3px;
    height: 3px;
    margin: 0 1px 3px;
    box-shadow: 0 0 2px;
  }
}

/* [project]/src/components/lobby/styles/jackpot-strip.css [app-client] (css) */
.jackpot-strip {
  container: jackpot / inline-size;
}

@media (max-width: 1023.98px) {
  .meter-digit {
    padding: 0 1px;
    min-width: 1ch !important;
  }

  .meter-separator {
    padding: 0 1px;
    min-width: .4ch !important;
  }

  .jackpot-strip {
    background: #050b18;
    box-sizing: border-box !important;
    flex-flow: row !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: clamp(3px, .8vw, 10px) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    padding: clamp(3px, .71vw, 7px) 16px !important;
    display: flex !important;
  }

  .jackpot-strip .jackpot-title {
    filter: drop-shadow(0 2px 6px #06b6d44d);
    object-fit: contain !important;
    flex: none !important;
    width: auto !important;
    max-width: clamp(50px, 15vw, 300px) !important;
    height: clamp(14px, 5vw, 42px) !important;
    display: block !important;
  }

  .meter-row {
    flex-direction: row !important;
    flex: 1 1 0 !important;
    gap: clamp(3px, .6vw, 8px) !important;
    width: auto !important;
    min-width: 0 !important;
    display: flex !important;
  }

  .meter {
    box-shadow: none;
    border-radius: 6px;
    position: relative;
    background: none !important;
    border: 0 !important;
    flex-direction: row !important;
    flex: 1 1 0 !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: clamp(2px, .5vw, 6px) !important;
    min-width: 0 !important;
    padding: clamp(2px, .4vw, 5px) clamp(3px, .5vw, 6px) !important;
    display: flex !important;
    overflow: hidden !important;
  }

  .meter.meter-bronze, .meter.meter-silver, .meter.meter-gold {
    border-left: 0 !important;
  }

  .meter:before {
    content: none;
  }

  .meter img {
    filter: drop-shadow(0 1px 3px #0000008c);
    visibility: visible !important;
    object-fit: contain !important;
    opacity: 1 !important;
    flex: none !important;
    width: auto !important;
    max-width: clamp(22px, 7vw, 52px) !important;
    height: clamp(14px, 4.6vw, 40px) !important;
    display: block !important;
  }

  .meter-bronze:after, .meter-silver:after, .meter-gold:after {
    content: none !important;
  }

  .meter strong {
    font-family: var(--font-digital), "Orbitron", monospace;
    font-variant-numeric: tabular-nums;
    text-align: center;
    text-shadow: none;
    white-space: nowrap;
    background: #050608;
    border: 1.5px solid;
    border-radius: 6px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: .04em !important;
    flex: 1 1 0 !important;
    justify-content: center !important;
    align-items: center !important;
    min-width: 0 !important;
    height: auto !important;
    padding: clamp(2px, .4vw, 5px) clamp(3px, .5vw, 8px) !important;
    font-size: clamp(14px, 3.8vw, 19px) !important;
    display: flex !important;
    overflow: hidden !important;
  }

  .meter.meter-bronze strong {
    border-color: var(--bronze-tier);
    color: #f0c47a;
    animation: 4.5s ease-in-out infinite jp-pulse-bronze;
    box-shadow: 0 0 8px #e9a55a52, inset 0 0 10px #e9a55a14;
  }

  .meter.meter-silver strong {
    border-color: var(--silver-tier);
    color: #eef1f6;
    animation: 4.5s ease-in-out 1.5s infinite jp-pulse-silver;
    box-shadow: 0 0 8px #dce0e852, inset 0 0 10px #dce0e814;
  }

  .meter.meter-gold strong {
    border-color: var(--gold-tier);
    color: #f5d06e;
    animation: 4.5s ease-in-out 3s infinite jp-pulse-gold;
    box-shadow: 0 0 8px #e9c46a52, inset 0 0 10px #e9c46a14;
  }
}

@media (orientation: landscape) and (max-height: 520px) {
  .jackpot-strip {
    gap: 6px !important;
    padding: 2px 8px !important;
  }

  .jackpot-strip .jackpot-title {
    max-height: 16px !important;
  }

  .meter {
    gap: 3px !important;
    padding: 2px 3px !important;
  }

  .meter img {
    max-width: 48px !important;
    height: 14px !important;
  }

  .meter strong {
    padding: 2px 4px !important;
    font-size: 11px !important;
  }
}

@media (max-width: 1023.98px) and (orientation: portrait) {
  .jackpot-strip {
    gap: clamp(6px, 2vw, 14px) !important;
  }

  .jackpot-strip .jackpot-title {
    max-width: clamp(84px, 28vw, 320px) !important;
    height: clamp(26px, 8.5vw, 50px) !important;
  }

  .jackpot-strip .meter {
    background: linear-gradient(#ffffff0d, #00000047) !important;
    border: 1px solid #ffffff1a !important;
    border-radius: 10px !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: stretch !important;
    gap: 1px !important;
    padding: 5px 6px !important;
    box-shadow: 0 2px 7px #00000073, inset 0 1px #ffffff12 !important;
  }

  .jackpot-strip .meter img {
    display: none !important;
  }

  .jackpot-strip .meter:before {
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    opacity: .95;
    font-family: Cinzel, Georgia, serif;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
  }

  .jackpot-strip .meter-bronze:before {
    content: "BRONZE";
    color: #d8a25e;
  }

  .jackpot-strip .meter-silver:before {
    content: "SILVER";
    color: #d8dde6;
  }

  .jackpot-strip .meter-gold:before {
    content: "GOLD";
    color: #f1cf6e;
  }

  .jackpot-strip .meter strong {
    box-shadow: none !important;
    letter-spacing: .5px !important;
    color: #ffd87a !important;
    text-align: center !important;
    text-shadow: 0 1px 2px #0009 !important;
    background: none !important;
    border: 0 !important;
    padding: 0 !important;
    font-family: Orbitron, monospace !important;
    font-size: clamp(14px, 4vw, 20px) !important;
    font-weight: 700 !important;
    animation: none !important;
  }
}

/* [project]/src/components/play/styles/game-top-bar.css [app-client] (css) */
.game-top-bar {
  height: var(--jackpot-h, 60px);
  z-index: 10;
  font-family: var(--font-condensed), "Roboto Condensed", sans-serif;
  color: #f0f9ff;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: auto;
  box-sizing: border-box;
  background: radial-gradient(100% 220% at 50% -20%, #06b6d412, #0000 70%), linear-gradient(#0a1226eb 0%, #050b18d1 100%);
  border-bottom: 1px solid #d4b56a59;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 4px 8px;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 6px 18px #0000008c;
}

.game-top-bar .meter.meter-bronze {
  animation: 4.2s ease-in-out infinite gtb-pulse-bronze;
}

.game-top-bar .meter.meter-silver {
  animation: 4.2s ease-in-out 1.4s infinite gtb-pulse-silver;
}

.game-top-bar .meter.meter-gold {
  animation: 4.2s ease-in-out 2.8s infinite gtb-pulse-gold;
}

@keyframes gtb-pulse-bronze {
  0%, 100% {
    box-shadow: 0 0 12px #b07a4829, inset 0 0 8px #b07a480a;
  }

  50% {
    box-shadow: 0 0 22px #b07a488c, inset 0 0 10px #b07a4829;
  }
}

@keyframes gtb-pulse-silver {
  0%, 100% {
    box-shadow: 0 0 12px #c8ccd224, inset 0 0 8px #c8ccd20a;
  }

  50% {
    box-shadow: 0 0 22px #c8ccd280, inset 0 0 10px #c8ccd224;
  }
}

@keyframes gtb-pulse-gold {
  0%, 100% {
    box-shadow: 0 0 12px #e9c46a33, inset 0 0 8px #e9c46a0f;
  }

  50% {
    box-shadow: 0 0 26px #e9c46aa6, inset 0 0 12px #e9c46a2e;
  }
}

.game-top-bar__brand {
  box-sizing: border-box;
  flex: none;
  align-items: center;
  height: 100%;
  padding: 4px 0;
  display: flex;
}

.game-top-bar__brand img {
  object-fit: contain;
  width: auto;
  max-width: 240px;
  height: 100%;
  display: block;
}

.game-top-bar .meter-row {
  flex: none;
  align-items: center;
  gap: 14px;
  min-width: 0;
  display: flex;
}

@media (min-width: 1024px) {
  .game-top-bar {
    gap: 12px;
    height: 60px;
    padding: 6px 32px;
  }

  .game-top-bar__brand {
    height: auto;
    padding: 0;
  }

  .game-top-bar__brand img {
    width: 400px;
    max-width: none;
    height: 48px;
  }
}

@media (min-width: 1500px) {
  .game-top-bar__brand img {
    height: 54px;
  }
}

@media (min-width: 1920px) {
  .game-top-bar {
    padding: 4px 48px;
  }
}

@media (min-width: 2560px) {
  .game-top-bar {
    padding: 12px 60px;
  }

  .game-top-bar__brand img {
    height: 84px;
  }
}

@media (max-width: 1023.98px) {
  .game-top-bar {
    gap: 6px !important;
    height: 65px !important;
    padding: 4px 8px !important;
  }

  .game-top-bar__brand {
    display: none !important;
  }

  .game-top-bar .meter-row {
    flex: auto !important;
    gap: 6px !important;
    width: 100% !important;
  }

  .game-top-bar .meter {
    border: 0 !important;
    border-left: 2px solid var(--ink-4, #444) !important;
    height: auto !important;
    min-height: 0 !important;
    box-shadow: none !important;
    background: #00000059 !important;
    border-radius: 6px !important;
    flex: 1 !important;
    grid-template-columns: 18px 1fr !important;
    align-items: center !important;
    gap: 5px !important;
    padding: 5px 6px !important;
    animation: none !important;
    display: grid !important;
    position: relative !important;
    overflow: visible !important;
  }

  .game-top-bar .meter.meter-bronze {
    border-left-color: var(--bronze-tier, #b07a48) !important;
  }

  .game-top-bar .meter.meter-silver {
    border-left-color: var(--silver-tier, #c5cad2) !important;
  }

  .game-top-bar .meter.meter-gold {
    border-left-color: var(--gold-tier, #e9c46a) !important;
  }

  .game-top-bar .meter img {
    display: none !important;
  }

  .game-top-bar .meter-bronze:after, .game-top-bar .meter-silver:after, .game-top-bar .meter-gold:after {
    text-align: center !important;
    width: 12px !important;
    font-family: var(--font-condensed), "Roboto Condensed", sans-serif !important;
    grid-column: unset !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    position: absolute !important;
    top: 50% !important;
    left: 6px !important;
    transform: translateY(-50%) !important;
  }

  .game-top-bar .meter-bronze:after {
    content: "B" !important;
    color: var(--bronze-tier, #b07a48) !important;
  }

  .game-top-bar .meter-silver:after {
    content: "S" !important;
    color: var(--silver-tier, #c5cad2) !important;
  }

  .game-top-bar .meter-gold:after {
    content: "G" !important;
    color: var(--gold-tier, #e9c46a) !important;
  }

  .game-top-bar .meter strong {
    height: auto !important;
    font-family: var(--font-digital), "Orbitron", monospace !important;
    font-variant-numeric: tabular-nums !important;
    letter-spacing: 0 !important;
    color: #f0f9ff !important;
    text-align: center !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
    box-shadow: none !important;
    background: #050608 !important;
    border: 1.5px solid !important;
    border-radius: 6px !important;
    grid-column: 2 !important;
    padding: 4px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    display: block !important;
    overflow: hidden !important;
  }

  .game-top-bar .meter.meter-bronze strong {
    border-color: var(--bronze-tier, #b07a48) !important;
    color: #d4a96a !important;
  }

  .game-top-bar .meter.meter-silver strong {
    border-color: var(--silver-tier, #c5cad2) !important;
    color: #dde2ea !important;
  }

  .game-top-bar .meter.meter-gold strong {
    border-color: var(--gold-tier, #e9c46a) !important;
    color: #f5d06e !important;
  }

  .game-top-bar .meter.meter-bronze strong {
    text-shadow: 0 0 4px #b07a488c !important;
  }

  .game-top-bar .meter.meter-silver strong {
    text-shadow: 0 0 4px #c8ccd28c !important;
  }

  .game-top-bar .meter.meter-gold strong {
    text-shadow: 0 0 6px #e9c46ab3 !important;
  }

  .game-top-bar .meter-digit, .game-top-bar .meter-digit:nth-child(-n+2), .game-top-bar .meter-digit:last-child {
    background: none !important;
    border-left: 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    display: inline !important;
  }

  .game-top-bar .meter-separator {
    min-width: 0 !important;
    padding: 0 !important;
  }
}

@media (max-width: 410px) {
  .game-top-bar .meter strong {
    padding: 3px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 360px) {
  .game-top-bar .meter strong {
    font-size: 12px !important;
  }
}

/* [project]/src/components/persistent-jackpot-bar.css [app-client] (css) */
.jackpot-strip {
  z-index: 20;
  box-sizing: border-box;
  width: 100% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
}

.casino-root {
  box-sizing: border-box;
  padding-top: var(--lobby-strip-h, 60px);
}

html .casino-root {
  grid-template-rows: auto 1fr auto;
}

@media (max-width: 760px) {
  html .casino-root {
    grid-template-rows: auto 1fr auto auto;
  }
}

/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-ease: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-white: #fff;
    --spacing: .25rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

  sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .visible\! {
    visibility: visible !important;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .start\! {
    inset-inline-start: var(--spacing) !important;
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .order-1 {
    order: 1;
  }

  .order-3 {
    order: 3;
  }

  .col-3 {
    grid-column: 3;
  }

  .col-6 {
    grid-column: 6;
  }

  .col-9 {
    grid-column: 9;
  }

  .col-12 {
    grid-column: 12;
  }

  .row-1 {
    grid-row: 1;
  }

  .float-right {
    float: right;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .mx-auto {
    margin-inline: auto;
  }

  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }

  .mr-auto {
    margin-right: auto;
  }

  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .ml-auto {
    margin-left: auto;
  }

  .block {
    display: block;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .w-100 {
    width: calc(var(--spacing) * 100);
  }

  .flex-shrink, .shrink {
    flex-shrink: 1;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .resize {
    resize: both;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-3 {
    border-style: var(--tw-border-style);
    border-width: 3px;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }

  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

  .text-white {
    color: var(--color-white);
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .underline {
    text-decoration-line: underline;
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }
}

@font-face {
  font-family: RoundedLED;
  src: url("/fonts/rounded_led_board.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: LEDTFB;
  src: url("/fonts/LED-TFB.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: DSDigit;
  src: url("/fonts/DS-DIGIT_3.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --gold: var(--brand-primary, #06b6d4);
  --text: #f0f9ff;
}

:root[data-theme="vegas"] {
  --bg-black: #050b18;
  --bg-deep: #0f1c33;
  --bg: #050b18;
  --surface: #0f1c33;
  --elevated: #1e3a5f;
  --gold: var(--brand-primary, #06b6d4);
  --gold-2: #0891b2;
  --gold-bright: #67e8f9;
  --gold-dim: #0891b2;
  --silver-tier: #c8ccd2;
  --bronze-tier: #b07a48;
  --gold-tier: #e9c46a;
  --brand-gold: #f5c562;
  --brand-gold-dim: #c9a24a;
  --brand-gold-glow: #f5c56259;
  --ink-1: #f0f9ff;
  --ink-2: #94a3b8;
  --ink-3: #7a818c;
  --ink-4: #5e6571;
  --hairline: #06b6d452;
  --stroke: #ffffff0f;
  --glass: #ffffff0f;
  --velvet: #3a1f4a;
  --cream: #f0f9ff;
  --muted-fg: #94a3b8;
  --premium-head: var(--premium-head-font), "Cinzel", serif;
  --premium-body: var(--premium-body-font), "Playfair Display", serif;
}

:root[data-theme="modern"] {
  --bg-black: #06070b;
  --bg-deep: #0b0d14;
  --gold: #22d3ee;
  --gold-bright: #67e8f9;
  --gold-dim: #06b6d4;
  --velvet: #7c3aed;
  --cream: #e7e9ef;
  --muted-fg: #8b93a7;
  --premium-head: "Inter", system-ui, sans-serif;
  --premium-body: "Inter", system-ui, sans-serif;
}

body {
  min-height: 100vh;
  color: var(--text);
  font-family: var(--font-body), sans-serif;
  -webkit-tap-highlight-color: transparent;
  opacity: 1;
  background: #000;
  margin: 0;
  transition: opacity .35s;
  overflow: hidden;
}

body.game-launching {
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s;
}

button, a, [role="button"] {
  touch-action: manipulation;
}

@media (hover: none) and (pointer: coarse) {
  button:active, a:active {
    opacity: .85;
    transition: transform 80ms ease-out;
    transform: scale(.94);
  }

  .game-card:active {
    transition: transform 80ms ease-out !important;
    transform: scale(.96) !important;
  }

  .flag-btn:active, .grid-btn:active, .mute-btn:active {
    transition: transform 80ms ease-out, background 80ms ease-out;
    transform: scale(.9);
    background: #06b6d426 !important;
  }

  .dot:active {
    transition: transform 80ms ease-out;
    transform: scale(1.3);
  }

  .exit-btn:active {
    transform: scale(.95);
    border-color: var(--gold) !important;
    color: var(--gold) !important;
  }
}

.game-card {
  isolation: isolate;
  transition: transform .16s ease-out, box-shadow .16s ease-out;
  position: relative;
}

.game-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px #0009;
}

.game-card:after {
  content: "";
  opacity: 0;
  pointer-events: none;
  border-radius: inherit;
  z-index: 2;
  background: linear-gradient(110deg, #0000 25%, #ffffff1f 50%, #0000 75%) -120% 0 / 200% 100%;
  transition: opacity .1s;
  position: absolute;
  inset: 0;
}

@media (hover: hover) {
  .game-card:hover:after {
    opacity: 1;
    animation: .55s ease-out forwards card-shimmer;
  }
}

@keyframes card-shimmer {
  from {
    background-position: -120% 0;
  }

  to {
    background-position: 220% 0;
  }
}

.game-card-name {
  color: var(--ink-2);
  font-family: var(--font-condensed), "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  letter-spacing: .08em;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  text-shadow: none;
  pointer-events: none;
  flex-shrink: 0;
  padding: 8px 4px 2px;
  font-size: 11px;
  font-weight: 600;
  transition: color .16s ease-out;
  overflow: hidden;
}

.game-card:hover .game-card-name {
  color: var(--gold);
}

.no-results {
  color: var(--cream, #f0f9ff);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 40px 0;
  display: flex;
}

.no-results svg {
  opacity: .35;
}

.no-results-title {
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
}

.no-results-sub {
  opacity: .55;
  letter-spacing: .5px;
  font-size: 11px;
}

.no-results-clear {
  color: #06b6d4;
  cursor: pointer;
  letter-spacing: 1px;
  text-transform: uppercase;
  background: none;
  border: 1px solid #06b6d466;
  border-radius: 4px;
  margin-top: 6px;
  padding: 4px 16px;
  font-size: 11px;
  transition: background .15s;
}

.no-results-clear:hover {
  background: #06b6d414;
}

.tier-label {
  text-transform: uppercase;
  letter-spacing: .5px;
  border-radius: 3px;
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 700;
  display: inline-block;
}

.tier-label.bronze {
  color: #f0f9ff;
  background: #8b6914;
}

.tier-label.silver {
  color: #f0f9ff;
  background: #7a8a9e;
}

.tier-label.gold {
  background: var(--brand-gold);
  color: #050b18;
}

@media (prefers-reduced-motion: reduce) {
  .game-card:after {
    display: none;
  }

  .game-card:hover .game-card-name {
    color: var(--gold);
  }
}

nextjs-portal, [data-nextjs-dev-tools-button] {
  display: none !important;
}

.casino-root {
  width: 100%;
  box-shadow: none;
  background: var(--bg, #050b18);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  isolation: isolate;
  border: none;
  grid-template-rows: auto auto 1fr auto;
  height: 100dvh;
  margin: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.casino-root:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(70% 55% at 50% -10%, #06b6d41a, #0000 55%), linear-gradient(to top, #000 0, #0000 80px);
  position: absolute;
  inset: 0;
}

.casino-root:after {
  content: "";
  pointer-events: none;
  z-index: 0;
  opacity: 1;
  background-image: radial-gradient(80px at 12% 18%, #06b6d40d, #0000 70%), radial-gradient(120px at 84% 9%, #ffffff0a, #0000 70%), radial-gradient(60px at 35% 72%, #06b6d40d, #0000 70%), radial-gradient(100px at 70% 55%, #ffffff08, #0000 70%), radial-gradient(50px at 90% 80%, #06b6d40a, #0000 70%), radial-gradient(90px at 22% 90%, #ffffff06, #0000 70%), radial-gradient(70px at 50% 30%, #06b6d408, #0000 70%), radial-gradient(110px at 60% 88%, #ffffff08, #0000 70%), radial-gradient(40px at 8%, #06b6d40b, #0000 70%), radial-gradient(95px at 78% 38%, #ffffff09, #0000 70%), radial-gradient(65px at 45% 5%, #06b6d40a, #0000 70%), radial-gradient(75px at 96%, #ffffff08, #0000 70%);
  background-position: 0 0;
  background-size: 200vw 200vh;
  animation: 60s linear infinite bokehDrift;
  position: absolute;
  inset: 0;
}

@keyframes bokehDrift {
  0% {
    background-position: 0 0;
  }

  50% {
    background-position: -50vw -50vh;
  }

  100% {
    background-position: 0 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .casino-root:after {
    animation: none;
  }
}

.casino-root > * {
  z-index: 1;
  position: relative;
}

.auth-screen {
  background: #0b2a66 radial-gradient(85% 85% at 42% 40%, #1a4fa0 0%, #0e3a86 45%, #081d44 100%);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.auth-card {
  -webkit-backdrop-filter: blur(14px);
  background: #0812328c;
  border: 1px solid #ffffff14;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  max-width: 440px;
  margin: 0 auto;
  padding: 40px 36px 32px;
  display: flex;
  box-shadow: 0 8px 40px #0000008c;
}

.auth-card .login-logo, .auth-card h1 {
  display: none;
}

.auth-card label {
  color: #fff;
  text-align: center;
  letter-spacing: .5px;
  margin-top: 10px;
  margin-bottom: 6px;
  font-size: .95rem;
  font-weight: 600;
}

.auth-card input[type="text"], .auth-card input[type="password"] {
  color: #fff;
  box-sizing: border-box;
  background: #ffffff12;
  border: 1px solid #ffffff26;
  border-radius: 6px;
  outline: none;
  width: 100%;
  height: auto;
  padding: 10px 14px;
  font-size: .95rem;
  transition: border-color .2s, box-shadow .2s;
}

.auth-card input[type="text"]:focus, .auth-card input[type="password"]:focus {
  border-color: #4178e6b3;
  box-shadow: 0 0 0 3px #4178e62e;
}

.auth-card input[type="text"]::placeholder, .auth-card input[type="password"]::placeholder {
  color: #fff6;
}

.auth-card input[type="text"] {
  margin-bottom: 12px;
}

.auth-card input[type="password"] {
  margin-bottom: 16px;
}

.auth-card .remember-row {
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}

.auth-card .toggle-label {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  gap: 10px;
  margin: 0;
  display: flex;
}

.auth-card .toggle-text {
  color: #fff;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .85rem;
  font-weight: 600;
}

.auth-card .toggle-input {
  display: none;
}

.auth-card .toggle-track {
  background: #ffffff26;
  border-radius: 12px;
  width: 44px;
  height: 24px;
  transition: background .2s;
  display: block;
  position: relative;
}

.auth-card .toggle-input:checked + .toggle-track {
  background: #06b6d4;
}

.auth-card .toggle-thumb {
  background: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  transition: transform .2s;
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
}

.auth-card .toggle-input:checked + .toggle-track .toggle-thumb {
  transform: translateX(20px);
}

.auth-card button[type="submit"] {
  color: #fff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  cursor: pointer;
  background: #1e4db7;
  border: none;
  border-radius: 6px;
  width: 100%;
  height: auto;
  padding: 13px 0;
  font-size: .9rem;
  font-weight: 700;
  transition: background .2s, transform .12s;
  animation: 3s ease-in-out infinite btn-idle-pulse;
  position: relative;
  overflow: hidden;
}

.auth-card button[type="submit"]:hover {
  background: #2a5fcc;
  transform: translateY(-1px);
}

.auth-card button[type="submit"]:active {
  transform: translateY(1px);
}

.auth-card button[type="submit"]:disabled {
  opacity: .65;
  cursor: not-allowed;
  animation: none;
}

@keyframes btn-idle-pulse {
  0%, 100% {
    box-shadow: 0 0 #1e4db780;
  }

  50% {
    box-shadow: 0 0 0 8px #1e4db700;
  }
}

.btn-ripple {
  pointer-events: none;
  background: #ffffff40;
  border-radius: 50%;
  animation: .5s linear forwards ripple-expand;
  position: absolute;
  transform: scale(0);
}

@keyframes ripple-expand {
  to {
    opacity: 0;
    transform: scale(4);
  }
}

.auth-error {
  color: #ff8f8f;
  text-align: center;
  margin: 0 0 10px;
}

.login-footer {
  text-align: center;
  color: #333;
  padding: 10px 0;
  font-size: .9rem;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.login-footer a {
  color: #333;
  text-decoration: none;
}

.jackpot-strip {
  -webkit-backdrop-filter: none;
  height: 160px;
  box-shadow: none;
  z-index: 10;
  background: #050b18;
  border-bottom: none;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 8px 28px;
  display: flex;
  position: relative;
}

.jackpot-title {
  object-fit: contain;
  clip-path: none;
  filter: drop-shadow(0 2px 12px #06b6d440);
  background: none;
  border: 0;
  border-radius: 0;
  flex: none;
  align-self: center;
  width: 400px;
  height: 92%;
  display: block;
}

.meter-row {
  flex: 1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: center;
  gap: 16px;
  width: 100%;
  display: grid;
}

.meter {
  min-height: 56px;
  box-shadow: none;
  background: none;
  border: none;
  border-radius: 0;
  align-items: center;
  gap: 10px;
  padding: 8px 14px;
  display: flex;
}

.meter img {
  object-fit: contain;
  opacity: 1;
  width: auto;
  height: 68px;
  max-height: 68px;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: high-quality;
  filter: drop-shadow(0 2px 6px #00000080);
  border-radius: 0;
  flex: none;
  margin: 0;
}

.meter strong {
  height: 46px;
  font-family: var(--font-digital), "Orbitron", monospace;
  letter-spacing: .04em;
  font-variant-numeric: tabular-nums;
  text-shadow: none;
  background: #050608;
  border-radius: 8px;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 0;
  padding: 0 18px;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  display: inline-flex;
  overflow: hidden;
}

.meter.meter-bronze strong {
  border: 2px solid var(--bronze-tier);
  color: #f0c47a;
  animation: 4.5s ease-in-out infinite jp-pulse-bronze;
  box-shadow: 0 0 8px #e9a55a47, inset 0 0 14px #e9a55a12;
}

.meter.meter-silver strong {
  border: 2px solid var(--silver-tier);
  color: #eef1f6;
  animation: 4.5s ease-in-out 1.5s infinite jp-pulse-silver;
  box-shadow: 0 0 8px #dce0e847, inset 0 0 14px #dce0e812;
}

.meter.meter-gold strong {
  border: 2px solid var(--gold-tier);
  color: #f5d06e;
  animation: 4.5s ease-in-out 3s infinite jp-pulse-gold;
  box-shadow: 0 0 8px #e9c46a47, inset 0 0 14px #e9c46a12;
}

@keyframes jp-pulse-bronze {
  0%, 60%, 100% {
    border-color: var(--bronze-tier);
    box-shadow: 0 0 8px #e9a55a47, inset 0 0 14px #e9a55a12;
  }

  30% {
    border-color: #f0b070;
    box-shadow: 0 0 22px #e9a55ab3, inset 0 0 22px #e9a55a2e;
  }
}

@keyframes jp-pulse-silver {
  0%, 60%, 100% {
    border-color: var(--silver-tier);
    box-shadow: 0 0 8px #dce0e847, inset 0 0 14px #dce0e812;
  }

  30% {
    border-color: #eaecf0;
    box-shadow: 0 0 22px #dce0e8b3, inset 0 0 22px #dce0e82e;
  }
}

@keyframes jp-pulse-gold {
  0%, 60%, 100% {
    border-color: var(--gold-tier);
    box-shadow: 0 0 8px #e9c46a47, inset 0 0 14px #e9c46a12;
  }

  30% {
    border-color: #f4cf5a;
    box-shadow: 0 0 22px #e9c46ab3, inset 0 0 22px #e9c46a2e;
  }
}

.meter-digit, .meter-separator {
  height: auto;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  text-shadow: none;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: inline-flex;
  animation: none !important;
}

.meter-digit {
  min-width: 1ch;
  font-size: inherit;
}

.meter-separator {
  min-width: 4px;
  font-size: inherit;
}

.meter strong > .meter-digit:first-child {
  border-left: 0;
}

.provider-toggle {
  color: #f0f9ff;
  letter-spacing: .4px;
  background: linear-gradient(#ab0b0b 0%, #6e0202 100%);
  border: 1px solid #1e3a5f;
  border-radius: 7px;
  width: calc(100% - 20px);
  min-height: 42px;
  margin: 8px 10px 0;
  font-weight: 700;
  display: none;
}

.provider-strip {
  z-index: 5;
  background: var(--glass);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--hairline);
  box-shadow: none;
  min-width: 0;
  position: relative;
}

.provider-bar {
  scrollbar-width: none;
  z-index: 1;
  background: none;
  width: 100%;
  min-width: 0;
  padding: 16px 16px 8px;
  display: block;
  position: relative;
  overflow: hidden;
}

.provider-track {
  scrollbar-width: none;
  flex-wrap: nowrap;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
  padding: 0;
  display: flex;
  position: relative;
  overflow: auto hidden;
}

.provider-bar::-webkit-scrollbar {
  display: none;
}

.provider-track::-webkit-scrollbar {
  display: none;
}

.provider-arrow {
  cursor: pointer;
  z-index: 4;
  width: 40px;
  color: var(--ink-4);
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: color .2s ease-out;
  display: flex;
  position: absolute;
  top: 4px;
  bottom: 4px;
  overflow: hidden;
}

.provider-arrow:before {
  content: none;
}

.provider-arrow:hover {
  color: var(--gold);
}

.provider-arrow svg {
  width: 14px;
  height: auto;
  display: block;
}

.provider-arrow svg path {
  fill: currentColor;
}

.provider-arrow:disabled {
  opacity: .35;
  cursor: default;
}

.provider-arrow-left {
  left: 0;
}

.provider-arrow-right {
  right: 0;
}

.provider-btn {
  width: 132px;
  height: 46px;
  min-height: 46px;
  color: var(--ink-2);
  cursor: pointer;
  letter-spacing: .3px;
  box-shadow: inset 0 0 0 1px var(--stroke);
  background: none;
  border: 0;
  border-radius: 4px;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 1.05rem;
  font-weight: 700;
  transition: transform .12s ease-out, background .16s ease-out, box-shadow .16s ease-out, filter .16s ease-out;
  display: flex;
  position: relative;
  overflow: hidden;
}

.provider-btn:before {
  content: attr(aria-label);
  font-family: var(--font-condensed), "Roboto Condensed", sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--ink-2);
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  padding: 0 6px;
  font-size: 14px;
  font-weight: 700;
  transition: color .16s ease-out, text-shadow .16s ease-out;
  overflow: hidden;
}

.provider-btn:hover:before {
  color: var(--ink-1);
}

.provider-btn.active:before {
  color: var(--ink-1);
  text-shadow: 0 0 8px var(--brand-gold-glow);
}

.provider-logo {
  display: none !important;
}

.provider-btn:hover {
  background: #ffffff0a;
  transform: translateY(-1px);
}

.provider-btn:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

.provider-btn.active {
  box-shadow: inset 0 0 0 1px var(--stroke), inset 0 3px 0 0 var(--brand-gold);
  color: var(--ink-1);
  background: #ffffff0d;
  border: 0;
}

.provider-logo {
  z-index: 2;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.provider-logo.provider-logo-fallback {
  font-family: var(--font-condensed), "Roboto Condensed", sans-serif;
  color: var(--ink-2);
  text-transform: uppercase;
  letter-spacing: .08em;
  text-shadow: none;
  font-size: clamp(.85rem, 1.2vw, 1.1rem);
  font-weight: 700;
}

.provider-btn.active .provider-logo.provider-logo-fallback, .provider-btn:hover .provider-logo.provider-logo-fallback {
  color: var(--ink-1);
}

.provider-logo-img {
  object-fit: contain;
  opacity: .85;
  width: auto;
  max-width: 90%;
  height: auto;
  max-height: 75%;
  transition: opacity .16s ease-out, transform .16s ease-out;
  display: block;
}

.provider-btn:hover .provider-logo-img, .provider-btn.active .provider-logo-img {
  opacity: 1;
}

.provider-btn[data-slug="mainama"] .provider-logo-img {
  max-width: 92%;
  max-height: 72%;
}

.provider-btn[data-slug="ka-gaming"] .provider-logo-img, .provider-btn[data-slug="netgame"] .provider-logo-img {
  max-width: 90%;
  max-height: 68%;
}

.provider-btn[data-slug="skywind"] .provider-logo-img {
  max-width: 90%;
  max-height: 70%;
}

.provider-btn[data-slug="arcade"] .provider-logo-img {
  max-width: 88%;
  max-height: 62%;
}

.provider-btn[data-slug="igrosoft"] .provider-logo-img {
  max-width: 88%;
  max-height: 55%;
}

.provider-btn[data-slug="playgt"] .provider-logo-img {
  max-width: 85%;
  max-height: 58%;
  transform: translateY(4px);
}

.provider-all-label {
  z-index: 2;
  width: 100%;
  height: 100%;
  font-family: var(--font-condensed), "Roboto Condensed", sans-serif;
  color: var(--ink-3);
  text-transform: uppercase;
  letter-spacing: .12em;
  text-shadow: none;
  justify-content: center;
  align-items: center;
  padding: 0 14px;
  font-size: clamp(.95rem, 1.3vw, 1.2rem);
  font-weight: 800;
  transition: color .16s ease-out;
  display: inline-flex;
  position: relative;
}

.provider-btn:hover .provider-all-label {
  color: var(--ink-1);
}

.provider-btn.active .provider-all-label {
  color: var(--gold);
}

.lobby-body {
  background: none;
  flex-direction: column;
  min-height: 0;
  padding: 5px 8px 10px;
  display: flex;
  overflow: hidden;
}

.logo-mark {
  object-fit: contain;
  width: auto;
  max-height: clamp(64px, 8vw, 110px);
  margin: 0 auto 4px;
  display: block;
}

.state-msg {
  text-align: center;
  color: #94a3b8;
  margin: 6px 0;
}

.state-msg.error {
  color: #ff8b8b;
}

.carousel-shell {
  flex: 1;
  align-items: stretch;
  gap: 0;
  width: 100%;
  min-height: 0;
  padding-left: 48px;
  padding-right: 48px;
  display: flex;
  position: relative;
}

.game-strip {
  flex: 1;
  align-items: stretch;
  min-width: 0;
  height: 100%;
  min-height: 0;
  display: flex;
  overflow: hidden;
}

.slide-page {
  box-sizing: border-box;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  min-width: 0;
  height: 100%;
  min-height: 0;
  padding: 8px 24px 0;
  display: flex;
  overflow: hidden;
}

.grid-wrap {
  width: var(--grid-w, 100%);
  height: var(--grid-h, 100%);
  grid-template-rows: repeat(var(--rows, 3), 1fr);
  grid-template-columns: repeat(var(--cols, 5), 1fr);
  box-sizing: border-box;
  gap: 12px;
  margin: 0 auto;
  display: grid;
  overflow: hidden;
}

.grid-wrap.slide-in {
  animation: .28s ease-out slideFadeIn;
}

.side-arrow {
  z-index: 20;
  width: 44px;
  height: 120px;
  box-shadow: none;
  cursor: pointer;
  box-sizing: border-box;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: opacity .16s, transform .16s;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.side-arrow.left {
  justify-content: flex-end;
  left: 8px;
}

.side-arrow.right {
  justify-content: flex-start;
  right: 8px;
}

.side-arrow:disabled {
  opacity: .15;
  cursor: not-allowed;
}

.side-arrow:not(:disabled):hover {
  opacity: 1;
  transform: translateY(-50%)scale(1.15);
}

.side-arrow-glyph {
  width: 36px;
  height: 60px;
  display: block;
}

.game-card {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 0;
  box-shadow: none;
  isolation: isolate;
  cursor: pointer;
  background: none;
  border: 0;
  flex-direction: column;
  align-items: stretch;
  padding: 4px 6px 0;
  transition: transform .16s ease-out, box-shadow .16s ease-out;
  display: flex;
  position: relative;
  overflow: visible;
}

.game-card-frame {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 0;
  box-shadow: inset 0 0 0 1px var(--brand-gold-dim), 0 6px 18px #0000008c;
  background: #120400;
  border: none;
  border-radius: 10px;
  flex: 1;
  transition: box-shadow .25s;
  position: relative;
  overflow: hidden;
}

.game-card-frame:hover {
  box-shadow: inset 0 0 0 1px #06b6d48c, 0 0 22px #06b6d438, 0 6px 18px #0000008c;
}

.game-play-btn {
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  background: none;
  justify-content: center;
  align-items: center;
  transition: all .4s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: absolute;
  inset: 0;
}

.game-card:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

.game-card-frame:hover .game-play-btn, .game-card:focus-visible .game-play-btn {
  opacity: 1;
  background: #00000047;
}

.play-icon {
  -webkit-backdrop-filter: blur(12px);
  background: #ffffff0f;
  border: 1px solid #06b6d480;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 66px;
  height: 66px;
  transition: all .5s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translateY(20px)scale(.9);
  box-shadow: 0 8px 22px #00000073, inset 0 0 12px #06b6d414;
}

.play-icon:before {
  content: "";
  background: linear-gradient(45deg, #0000, #ffffff1a, #0000);
  width: 200%;
  height: 200%;
  animation: 3s infinite shine-glass;
  position: absolute;
  top: -50%;
  left: -50%;
  transform: rotate(45deg);
}

@keyframes shine-glass {
  0% {
    transform: translateX(-100%)rotate(45deg);
  }

  100% {
    transform: translateX(100%)rotate(45deg);
  }
}

.game-play-btn span.play-icon {
  padding-left: 0;
  font-size: 0;
}

.play-icon:after {
  content: "▶";
  color: #06b6d4;
  text-shadow: 0 0 15px #06b6d499;
  margin-left: 4px;
  font-size: 2rem;
}

.game-card-frame:hover .play-icon, .game-card:focus-visible .play-icon {
  border-color: #06b6d4cc;
  transform: translateY(0)scale(1.05);
}

.game-card-frame img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: high-quality;
  -ms-interpolation-mode: bicubic;
  transition: transform .8s cubic-bezier(.23, 1, .32, 1), filter .8s cubic-bezier(.23, 1, .32, 1);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.game-card-frame:hover img, .game-card:focus-visible img {
  filter: blur(2px) brightness(.7);
  transform: scale(1.1)rotate(1deg);
}

.game-card-frame__no-thumb {
  text-align: center;
  color: #f0f9ff;
  font-family: var(--font-condensed), "Roboto Condensed", "Audiowide", sans-serif;
  letter-spacing: .06em;
  text-transform: uppercase;
  text-shadow: 0 0 6px #06b6d459, 0 1px #0009;
  background: radial-gradient(120% 80% at 50% 0, #06b6d41f, #0000 60%), linear-gradient(#0f1c33 0%, #050b18 100%);
  justify-content: center;
  align-items: center;
  padding: 8px;
  font-weight: 600;
  display: flex;
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 1px #06b6d42e;
}

.game-card-frame__no-thumb span {
  word-break: break-word;
  max-width: 100%;
  font-size: clamp(10px, 1.6vw, 16px);
  line-height: 1.15;
}

.game-card.loading .game-card-frame:after {
  content: none;
}

.status-bar {
  z-index: 50;
  background: #0d0f14;
  border-top: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 118px;
  margin: 0;
  padding: 0 12px;
  display: flex;
  position: relative;
  box-shadow: 0 -2px 12px #00000080;
}

.status-bar:after, .status-bar:before {
  content: none;
}

.status-bar > * {
  z-index: 1;
  position: relative;
}

.status-top-left, .status-center, .status-top-right {
  background-color: #0000 !important;
}

.status-center {
  background: none;
  flex: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  margin-top: -10px;
  display: flex;
  position: relative;
}

.status-top-left {
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  gap: 4px;
  padding: 4px 16px 4px 10px;
  display: flex;
}

.status-left-top {
  flex-direction: row;
  align-items: center;
  gap: 32px;
  display: flex;
}

.status-left-bottom {
  flex-direction: row;
  align-items: center;
  gap: 20px;
  display: flex;
}

.balance-title {
  font-family: var(--font-condensed), "Roboto Condensed", sans-serif;
  color: var(--ink-3);
  text-shadow: none;
  letter-spacing: .24em;
  text-transform: uppercase;
  font-size: 9px;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
}

.icon-controls {
  align-items: center;
  gap: 8px;
  margin-right: 20px;
  display: flex;
}

.flag-btn {
  cursor: pointer;
  background: radial-gradient(circle, #666 0%, #333 100%);
  border: 1px solid #111;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 32px;
  padding: 0;
  display: flex;
  box-shadow: 0 4px 6px #000c, inset 0 1px #fff3;
}

.flag-btn img {
  object-fit: contain;
  border-radius: 999px;
  width: 32px;
  height: 22px;
}

.grid-btn {
  cursor: pointer;
  background: linear-gradient(#555 0%, #222 100%);
  border: 1px solid #111;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 32px;
  display: flex;
  box-shadow: 0 4px 6px #000c, inset 0 1px #fff3;
}

.mute-btn {
  cursor: pointer;
  background: linear-gradient(#555 0%, #222 100%);
  border: 1px solid #111;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 32px;
  font-size: 20px;
  transition: background .2s;
  display: flex;
  box-shadow: 0 4px 6px #000c, inset 0 1px #fff3;
}

.mute-btn:hover {
  background: linear-gradient(#666 0%, #333 100%);
}

.mute-btn.muted {
  opacity: .6;
}

.mute-icon {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.grid-icon-sim {
  gap: 1px;
  padding: 2px;
  display: grid;
}

.icon-v0 .grid-icon-sim, .icon-v1 .grid-icon-sim {
  grid-template-columns: repeat(5, 5px);
}

.icon-v2 .grid-icon-sim {
  grid-template-columns: repeat(6, 4px);
}

.icon-v3 .grid-icon-sim {
  grid-template-columns: repeat(4, 6px);
}

.icon-v3 .grid-icon-sim span {
  height: 7px;
}

.icon-v4 .grid-icon-sim {
  grid-template-columns: repeat(4, 6px);
}

.grid-icon-sim span {
  background: #aaa;
  border-radius: .5px;
  width: 100%;
  height: 4px;
}

.pager {
  pointer-events: auto;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 6px;
  margin-top: -10px;
  display: flex;
  position: relative;
}

.pager::-webkit-scrollbar {
  display: none;
}

.pager .dot {
  color: #fff;
  cursor: pointer;
  width: 32px;
  height: 32px;
  font-size: 1rem;
  font-family: var(--font-heading), sans-serif;
  background: linear-gradient(#c00 0%, #800 100%);
  border: 1px solid #222;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  line-height: 1;
  display: flex;
  box-shadow: 0 4px 6px #0006, inset 0 1px #fff3;
}

.pager .dot.active {
  color: #fff;
  background: linear-gradient(#67e8f9 0%, #0891b2 100%);
  border: 2px solid #fff;
  width: 32px;
  height: 32px;
  transform: none;
}

.status-top-right {
  background: none;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items: flex-end;
  gap: 4px;
  margin-left: auto;
  padding: 4px 10px 4px 16px;
  display: flex;
}

.username-display {
  z-index: 2;
  background: #1a1a1a;
  border: 2px solid #3a3a3a;
  border-radius: 6px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  height: 24px;
  margin-bottom: 4px;
  padding: 0 16px;
  display: flex;
  box-shadow: 0 2px 4px #0009;
}

.username-label {
  color: #06b6d4;
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: .65rem;
  font-weight: 900;
  line-height: 1;
}

.username-val {
  color: #fff;
  font-size: 1.1rem;
  font-weight: 900;
  font-family: var(--font-condensed), "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  line-height: 1.2;
}

.status-right-bottom {
  flex-direction: row;
  align-items: center;
  gap: 10px;
  display: flex;
}

.exit-btn:hover {
  color: var(--gold);
  border-color: var(--gold);
}

.exit-btn:focus-visible {
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

.find-group {
  flex-direction: column;
  flex: 1;
  align-items: stretch;
  gap: 0;
  display: flex;
}

.find-group input, .find-group input[type="text"], .find-group input[type="search"] {
  border: 1px solid var(--stroke);
  height: 32px;
  color: var(--ink-2);
  font-family: var(--font-condensed), "Roboto Condensed", sans-serif;
  letter-spacing: .18em;
  text-transform: uppercase;
  background: none;
  border-radius: 6px;
  outline: none;
  padding: 0 12px;
  font-size: 11px;
  font-weight: 600;
  transition: border-color .16s ease-out, color .16s ease-out;
}

.find-group input::placeholder {
  color: var(--ink-4);
  text-transform: none;
  letter-spacing: .06em;
}

.find-group input:focus, .find-group input:focus-visible {
  border-color: var(--gold);
  color: var(--ink-1);
  outline: 2px solid var(--gold);
  outline-offset: 2px;
}

.indicator-dot {
  background: #06b6d4;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 8px #06b6d4;
}

.status-main {
  border-top: 1px solid var(--stroke);
  box-shadow: none;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 6px;
  margin-top: 1px;
  padding-top: 3px;
  display: grid;
}

.status-left {
  align-items: center;
  gap: 5px;
  display: flex;
}

.balance-box {
  border: 1px solid var(--stroke);
  width: auto;
  min-width: 160px;
  height: 42px;
  color: var(--ink-1);
  font-family: var(--font-digital), "Orbitron", monospace;
  font-variant-numeric: tabular-nums;
  box-shadow: none;
  letter-spacing: 0;
  z-index: 5;
  background: none;
  border-radius: 6px;
  place-items: center;
  margin-top: 8px;
  padding: 0 14px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  display: grid;
}

.cashback-box {
  border: 1px solid var(--stroke);
  width: auto;
  min-width: 120px;
  height: 42px;
  box-shadow: none;
  z-index: 5;
  background: none;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 12px;
  display: flex;
}

.bonus-label {
  color: var(--ink-3);
  font-family: var(--font-condensed), "Roboto Condensed", sans-serif;
  letter-spacing: .24em;
  text-shadow: none;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 9px;
  font-weight: 600;
  line-height: 1;
}

.bonus-val {
  color: var(--ink-1);
  font-family: var(--font-digital), "Orbitron", monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  text-shadow: none;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.exit-btn {
  border: 1px solid var(--stroke);
  min-width: 100px;
  height: 38px;
  color: var(--ink-3);
  font-family: var(--font-condensed), "Roboto Condensed", sans-serif;
  letter-spacing: .18em;
  cursor: pointer;
  box-shadow: none;
  text-transform: uppercase;
  background: none;
  border-radius: 6px;
  margin-bottom: 0;
  padding: 0 18px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  transition: color .16s ease-out, border-color .16s ease-out;
}

.status-right {
  justify-self: end;
  align-items: center;
  gap: 0;
  display: flex;
}

.find-input {
  color: #fff;
  min-width: 180px;
  height: 44px;
  font-family: var(--font-heading), sans-serif;
  text-align: center;
  background: linear-gradient(#222 0%, #111 100%);
  border: 1px solid #222;
  border-radius: 6px;
  outline: none;
  padding: 0 10px;
  font-size: 1.8rem;
  font-weight: 600;
  box-shadow: 0 2px 4px #00000080, inset 0 1px #ffffff1a;
}

.find-input::placeholder {
  color: #f2efeff2;
  text-transform: none;
  letter-spacing: .5px;
  font-size: 1.8rem;
  font-weight: 600;
}

.find-input.active, .find-input:focus {
  color: #ffd7d7;
  background: linear-gradient(#672024 0%, #4a1418 100%);
  border-color: #6f2a24;
  box-shadow: inset 0 0 0 1px #e2787826;
}

@media (max-width: 1200px) {
  .provider-btn {
    width: 170px;
    height: 60px;
    min-height: 60px;
  }

  .side-arrow, .side-arrow-img {
    width: 44px;
    height: 144px;
  }

  .status-top-right {
    min-width: 180px;
  }

  .balance-box {
    width: 120px;
    height: 44px;
    font-size: 1.6rem;
  }

  .cashback-box {
    width: 120px;
    height: 44px;
  }

  .bonus-val {
    font-size: 1.6rem;
  }

  .find-input {
    min-width: 120px;
    height: 40px;
    font-size: 1.6rem;
    font-weight: 600;
  }
}

@media (min-width: 761px) and (max-width: 1024px) {
  .logo-mark {
    max-height: 72px;
  }
}

@media (max-width: 760px) {
  .casino-root {
    border-width: 0;
    border-radius: 0;
    grid-template-rows: auto auto 1fr auto auto;
    width: 100%;
    height: 100dvh;
    margin: 0;
  }

  .provider-toggle {
    display: none;
  }

  .provider-arrow {
    width: 38px;
    height: 38px;
    display: flex;
    top: auto;
    bottom: auto;
  }

  .logo-mark {
    max-height: 48px;
    margin: 0 auto 2px;
  }

  .play-icon {
    width: 44px;
    height: 44px;
  }

  .play-icon:after {
    margin-left: 2px;
    font-size: 1.4rem;
  }
}

@media (max-width: 480px) {
  .logo-mark {
    max-height: 36px;
    margin: 0 auto 1px;
  }

  .play-icon {
    width: 36px;
    height: 36px;
  }

  .play-icon:after {
    font-size: 1.1rem;
  }
}

@media (max-width: 400px) {
  .auth-card {
    width: 90vw;
    max-width: 300px;
  }

  .auth-card input {
    height: 36px;
    font-size: .9rem;
  }

  .auth-card button {
    height: 38px;
    font-size: .9rem;
  }
}

@keyframes slideFadeIn {
  from {
    opacity: 0;
    transform: translateX(18px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes shimmer {
  to {
    transform: translateX(100%);
  }
}

@media (min-width: 1920px) {
  .jackpot-strip {
    gap: 16px;
    height: 64px;
    padding: 4px 20px;
  }

  .meter img {
    max-height: 56px;
  }

  .meter strong {
    height: 56px;
  }

  .meter-digit {
    min-width: 30px;
    font-size: 2.15rem;
  }

  .meter-separator {
    min-width: 10px;
    font-size: 1.7rem;
  }

  .provider-btn {
    width: 245px;
    height: 76px;
    min-height: 76px;
  }

  .carousel-shell {
    padding-left: 114px;
    padding-right: 114px;
  }

  .side-arrow {
    width: 110px;
    height: 220px;
  }

  .status-bar {
    height: 96px;
  }

  .status-bar:before {
    top: 68px;
  }

  .balance-title {
    font-size: 2.4rem;
  }

  .balance-box {
    width: 200px;
    height: 52px;
    font-size: 2rem;
  }

  .cashback-box {
    width: 160px;
    height: 52px;
  }

  .bonus-val {
    font-size: 1.9rem;
  }

  .exit-btn {
    min-width: 140px;
    height: 46px;
    font-size: 1.7rem;
  }

  .find-input {
    min-width: 220px;
    height: 50px;
    font-size: 2rem;
    font-weight: 600;
  }

  .pager .dot {
    width: 40px;
    height: 40px;
    font-size: 1.15rem;
  }
}

@media (min-width: 2560px) {
  .jackpot-strip {
    gap: 20px;
    height: 80px;
    padding: 5px 28px;
  }

  .meter img {
    max-height: 70px;
  }

  .meter strong {
    height: 70px;
  }

  .meter-digit {
    min-width: 38px;
    font-size: 2.65rem;
  }

  .meter-separator {
    min-width: 12px;
    font-size: 2.1rem;
  }

  .provider-btn {
    width: 310px;
    height: 94px;
    min-height: 94px;
  }

  .carousel-shell {
    padding-left: 144px;
    padding-right: 144px;
  }

  .side-arrow {
    width: 140px;
    height: 280px;
  }

  .status-bar {
    height: 120px;
  }

  .status-bar:before {
    top: 84px;
  }

  .balance-title {
    font-size: 3rem;
  }

  .balance-box {
    width: 260px;
    height: 68px;
    font-size: 2.6rem;
  }

  .cashback-box {
    width: 200px;
    height: 68px;
  }

  .bonus-val {
    font-size: 2.4rem;
  }

  .bonus-label {
    font-size: .85rem;
  }

  .exit-btn {
    min-width: 180px;
    height: 58px;
    font-size: 2.1rem;
  }

  .find-input {
    min-width: 280px;
    height: 64px;
    font-size: 2.4rem;
    font-weight: 600;
  }

  .pager .dot {
    width: 50px;
    height: 50px;
    font-size: 1.4rem;
  }

  .username-display {
    height: 32px;
    padding: 0 20px;
  }

  .username-val {
    font-size: 1.4rem;
  }
}

.bonus-notification-overlay {
  z-index: 9999;
  background: #000000c7;
  justify-content: center;
  align-items: center;
  animation: .25s ease-out bonus-fade-in;
  display: flex;
  position: fixed;
  inset: 0;
}

@keyframes bonus-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.bonus-notification-card {
  color: #fff;
  background: linear-gradient(135deg, #8b0000 0%, #b91111 50%, #8b0000 100%);
  border: 2px solid #fc3;
  border-radius: 14px;
  min-width: 320px;
  max-width: 92vw;
  padding: 22px 28px;
  font-family: inherit;
  animation: .35s cubic-bezier(.34, 1.56, .64, 1) bonus-pop-in;
  position: relative;
  box-shadow: 0 8px 40px #fc36, 0 4px 18px #0009;
}

@keyframes bonus-pop-in {
  from {
    opacity: 0;
    transform: scale(.85);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

.bonus-close {
  color: #fff;
  cursor: pointer;
  opacity: .85;
  background: none;
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  transition: opacity .15s, background .15s;
  position: absolute;
  top: 8px;
  right: 12px;
}

.bonus-close:hover {
  opacity: 1;
  background: #0000004d;
}

.bonus-header {
  letter-spacing: 1px;
  justify-content: center;
  align-items: baseline;
  gap: 12px;
  padding: 4px 0 10px;
  font-weight: 800;
  display: flex;
}

.bonus-amount {
  color: gold;
  text-shadow: 0 2px 4px #00000080;
  font-size: 32px;
}

.bonus-title {
  color: gold;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 20px;
}

.bonus-divider {
  background: linear-gradient(90deg, #0000, gold 50%, #0000);
  height: 2px;
  margin: 6px 0 14px;
}

.bonus-grid {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 14px;
  padding: 4px 0 6px;
  display: grid;
}

.bonus-cell {
  background: #0000002e;
  border: 1px solid #ffd70040;
  border-radius: 8px;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px 6px;
  display: flex;
}

.bonus-cell-out {
  background: #ffd7001a;
  border-color: gold;
}

.bonus-label {
  letter-spacing: 2px;
  color: #ffffffd9;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.bonus-value {
  color: #fff;
  font-size: 20px;
  font-weight: 800;
  position: relative;
}

.bonus-plus {
  color: gold;
  margin-left: 1px;
}

.bonus-bills {
  flex-wrap: wrap;
  justify-content: center;
  gap: 2px;
  margin-top: 4px;
  display: flex;
}

.bonus-bill {
  color: #fff;
  background: linear-gradient(135deg, #2e7d32, #66bb6a);
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 10px;
  font-size: 8px;
  font-weight: 700;
  display: inline-flex;
  box-shadow: 0 1px 2px #00000059;
}

@media (max-width: 480px) {
  .bonus-notification-card {
    min-width: 280px;
    padding: 18px;
  }

  .bonus-amount {
    font-size: 26px;
  }

  .bonus-title {
    font-size: 16px;
  }

  .bonus-value {
    font-size: 17px;
  }
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

/* [project]/src/app/themes.css [app-client] (css) */
:root[data-palette="red"] {
  --brand-primary: #e11d2a;
  --gold: #e11d2a;
  --gold-2: #b3141f;
  --gold-bright: #ff5a63;
  --gold-dim: #b3141f;
}

:root[data-palette="crimson"] {
  --brand-primary: #9b1b2e;
  --gold: #9b1b2e;
  --gold-2: #6f1320;
  --gold-bright: #d83b50;
  --gold-dim: #6f1320;
}

:root[data-palette="royal-blue"] {
  --brand-primary: #2563eb;
  --gold: #2563eb;
  --gold-2: #1d4ed8;
  --gold-bright: #60a5fa;
  --gold-dim: #1e40af;
}

:root[data-palette="ocean"] {
  --brand-primary: #0ea5a5;
  --gold: #0ea5a5;
  --gold-2: #0b8585;
  --gold-bright: #2dd4d4;
  --gold-dim: #0b6e6e;
}

:root[data-palette="gold"] {
  --brand-primary: #e6b400;
  --gold: #e6b400;
  --gold-2: #b88f00;
  --gold-bright: #ffd84d;
  --gold-dim: #9a7800;
  --gold-tier: #e9c46a;
}

:root[data-palette="emerald"] {
  --brand-primary: #10b981;
  --gold: #10b981;
  --gold-2: #0e9468;
  --gold-bright: #4ade80;
  --gold-dim: #0b7a55;
}

:root[data-palette="purple"] {
  --brand-primary: #8b5cf6;
  --gold: #8b5cf6;
  --gold-2: #7c3aed;
  --gold-bright: #b794ff;
  --gold-dim: #6d28d9;
}

:root[data-palette="magenta"] {
  --brand-primary: #ec4899;
  --gold: #ec4899;
  --gold-2: #db2777;
  --gold-bright: #ff79c0;
  --gold-dim: #be185d;
}

:root[data-palette="neon"] {
  --brand-primary: #a3e635;
  --gold: #a3e635;
  --gold-2: #84cc16;
  --gold-bright: #d9f99d;
  --gold-dim: #65a30d;
}

:root[data-palette="silver"] {
  --brand-primary: #cbd5e1;
  --gold: #cbd5e1;
  --gold-2: #94a3b8;
  --gold-bright: #f1f5f9;
  --gold-dim: #64748b;
}

:root[data-palette="midnight"] {
  --brand-primary: #5b8def;
  --gold: #5b8def;
  --gold-2: #3b6fd4;
  --gold-bright: #93b4ff;
  --gold-dim: #2a52a3;
  --bg-black: #05080f;
  --surface: #0b1322;
}

:root[data-palette="sunset"] {
  --brand-primary: #fb7233;
  --gold: #fb7233;
  --gold-2: #ea580c;
  --gold-bright: #ffa066;
  --gold-dim: #c2410c;
}

:root[data-palette="rose"] {
  --brand-primary: #e8a0a0;
  --gold: #e8a0a0;
  --gold-2: #c97f7f;
  --gold-bright: #f5c6c6;
  --gold-dim: #a96565;
}

:root[data-bg="solid-black"] {
  --bg-black: #000;
  --bg: #000;
}

:root[data-bg="royal"] {
  --bg-black: #0a1230;
  --bg: #0a1230;
  --surface: #14225a;
}

:root[data-bg="gradient"] {
  --bg-black: #0b1020;
  --bg: #0b1020;
  --surface: #16203a;
}

:root[data-bg="custom-image"] body {
  background-image: var(--brand-bg-url, none);
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

:root[data-bg="es-megaslot"] body {
  background-image: url("/es-bg-megaslot.webp");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

:root[data-bg="es-noir"] body {
  background-image: url("/es-bg-noir.webp");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

:root[data-bg="es-penguin"] body {
  background-image: url("/es-bg-penguin.webp");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

:root[data-layout="oval"] .game-card {
  padding: 8px 10px 2px;
}

:root[data-layout="oval"] .game-card-frame {
  aspect-ratio: 1.55;
  width: 100%;
  box-shadow: inset 0 0 0 2px var(--gold, #06b6d4), inset 0 0 18px #000000a6, 0 6px 16px #0009;
  background: radial-gradient(at 50% 35%, #1b2740 0%, #0a0f1c 100%);
  border-radius: 50%;
  flex: none;
}

:root[data-layout="oval"] .game-card-frame:hover {
  box-shadow: inset 0 0 0 2px var(--gold-bright, #67e8f9), 0 0 26px color-mix(in srgb, var(--gold, #06b6d4) 45%, transparent), 0 6px 16px #0009;
}

:root[data-layout="oval"] .game-card-frame img {
  border-radius: 50%;
}

:root[data-layout="oval"] .game-card-name {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: var(--gold, #06b6d4);
  text-shadow: 0 1px 2px #000c;
  margin-top: 6px;
  font-weight: 700;
  display: block;
}

:root[data-layout="oval"] .provider-bar, :root[data-layout="oval"] .provider-tab, :root[data-layout="oval"] [class*="provider"] [role="tab"] {
  --tab-accent: var(--gold, #06b6d4);
}

:root[data-layout="oval"] .provider-bar [role="tab"], :root[data-layout="oval"] .provider-tab {
  background: linear-gradient(180deg, color-mix(in srgb, var(--gold, #06b6d4) 78%, #000) 0%, color-mix(in srgb, var(--gold, #06b6d4) 50%, #000) 100%);
  color: #fff;
  text-transform: uppercase;
  border: 1px solid #00000059;
  border-radius: 8px;
  font-weight: 700;
}

:root[data-layout="oval"] .jackpot-strip, :root[data-layout="oval"] .status-bar {
  background: linear-gradient(#2a2f3a 0%, #14171f 55%, #0a0c11 100%);
  border-color: #0009;
}

@font-face {
  font-family: GgslotLED;
  src: url("/themes/ggslot/fonts/LED-TFB.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: GgslotDigit;
  src: url("/themes/ggslot/fonts/DS-DIGI_3.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}

:root[data-palette="ggslot"] {
  --bg-black: #000a2e;
  --bg-deep: #021e59;
  --bg: #00164e;
  --surface: #0a2470;
  --elevated: #123089;
  --brand-primary: #ffd24a;
  --gold: #ffd24a;
  --gold-2: #c79a00;
  --gold-bright: #ffeb3b;
  --gold-dim: #bb8700;
  --silver-tier: #c8ccd2;
  --bronze-tier: #b07a48;
  --gold-tier: #e9c46a;
  --ink-1: #fff;
  --ink-2: #cfd6ff;
  --ink-3: #9aa6dd;
  --ink-4: #6b78b0;
  --hairline: #ffd24a57;
  --stroke: #ffffff14;
  --glass: #081c6073;
  --velvet: #1a2c8c;
  --cream: #fff;
  --muted-fg: #9aa6dd;
  --premium-head: "GgslotLED", var(--font-condensed), sans-serif;
  --premium-body: var(--font-condensed), "Roboto Condensed", sans-serif;
}

:root[data-palette="ggslot"] .jackpot-strip, :root[data-palette="ggslot"] .jackpot-strip * {
  letter-spacing: .04em;
  font-family: GgslotLED, monospace;
}

:root[data-palette="ggslot"] .jackpot-strip {
  color: var(--gold-bright);
  text-shadow: 0 0 10px #ffeb3b73;
  border-bottom: 1px solid var(--hairline);
}

:root[data-palette="ggslot"] .provider-btn.active {
  outline: 2px solid #7cff3b;
  box-shadow: 0 0 8px 2px #7cff3ba6;
}

:root[data-palette="ggslot"] .provider-btn:hover {
  box-shadow: 0 0 6px 2px #ffffff59;
}

:root[data-palette="ggslot"] .game-card-frame {
  border: 2px solid var(--gold);
  border-radius: 12px;
}

:root[data-palette="ggslot"] .game-card:hover .game-card-frame {
  box-shadow: 0 0 14px 2px #ffd24a8c;
}

:root[data-palette="ggslot"] .status-bar .balance, :root[data-palette="ggslot"] .status-bar .balance * {
  color: var(--gold-bright);
  font-family: GgslotDigit, monospace;
}

:root[data-bg="ggslot"] body {
  background-color: #00164e;
  background-image: linear-gradient(180deg, #000a2ec7, #021e59eb), var(--brand-bg-url, url("/themes/ggslot/images/bg.jpg"));
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

h1, h2, h3, .no-results-title, .bonus-pop-title, .cashback-unlock-title {
  font-family: var(--brand-font, inherit);
}

:root[data-bg="custom-image"] .casino-root {
  background: linear-gradient(#050b1847 0%, #050b186b 100%);
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__450a683b._.css.map*/