/* Desktop reference: 56px top bar, 72px collapsed rail, 3.125:1 campaign stage.
   All narrow-screen rules remain in the existing mobile stylesheets. */
.xbd-header,.xbd-navigation,.xbd-account-nav,.xbd-page-heading,.xbd-menu-backdrop,.xbd-submenu-toggle { display:none; }
.xb-hero-slide>picture { display:block;width:100%;height:100%; }
.xb-hero-slide>picture>img { display:block;width:100%;height:100%;object-fit:cover; }
.xbd-modal { border:0; padding:0; color:var(--text-primary); background:var(--bg-card); }
.xbd-modal:not([open]) { display:none; }
.xbd-modal::backdrop {
    background:
        radial-gradient(ellipse 78% 38% at 50% -4%, rgba(var(--palette-accent-rgb,255,101,0),.30), transparent 72%),
        radial-gradient(ellipse 78% 34% at 50% 104%, rgba(var(--palette-accent-rgb,255,101,0),.26), transparent 70%),
        radial-gradient(ellipse 26% 78% at 2% 50%, rgba(var(--palette-accent-rgb,255,101,0),.16), transparent 75%),
        radial-gradient(ellipse 26% 78% at 98% 50%, rgba(var(--palette-accent-rgb,255,101,0),.16), transparent 75%),
        #000b;
    backdrop-filter:blur(3px);
}
.xbd-modal[open] {
    box-shadow:0 0 38px 10px rgba(var(--palette-accent-rgb,255,101,0),.58),
               0 0 90px 24px rgba(var(--palette-accent-rgb,255,101,0),.24);
}
.xbd-modal iframe { width:100%;height:100%;border:0;display:block; }
.xbd-modal-close { position:absolute;right:12px;top:12px;z-index:10;width:28px;height:28px;border:0;background:#303039;color:#b5b5bf;cursor:pointer;font-size:20px;border-radius:3px; }
@media(min-width:1024px) {
    .xb-theme { --xbd-rail:72px;--xb-header-height:56px;--xb-bottom-space:0px;--xb-dock-height:0px;padding:calc(56px + var(--xb-announcement-height)) 0 0 var(--xbd-rail)!important; }
    .xb-theme.xbd-menu-expanded { --xbd-rail:72px; }
    .xb-theme>.xb-header,.xb-theme>.bw-quick-actions,.xb-theme>.xb-loyalty-strip,.xb-theme>.xb-dock,.xb-theme>#xb-menu,.xb-theme>#xb-quick { display:none!important; }
    .xbd-header { display:flex;align-items:center;position:fixed;inset:var(--xb-announcement-height) 0 auto;z-index:1060;height:56px;background:linear-gradient(90deg,rgb(34,34,42) 0%,rgb(61,61,72) 50%,rgb(34,34,42) 100%);border-bottom:2px solid var(--accent-green);box-shadow:0 2px 9px #0005; }
    .xbd-menu-toggle { display:grid;place-items:center;flex:0 0 64px;height:42px;background:none;border:0;color:#b9b9c1;font-size:24px;cursor:pointer; }
    .xbd-logo { display:flex;align-items:center;width:180px;height:54px;padding:0 12px; }
    .xbd-logo img { width:156px;height:52px;object-fit:contain; }
    .xbd-header-actions { margin-left:auto;display:flex;align-items:center;gap:10px;padding-right:16px;white-space:nowrap; }
    .xbd-vip { position:relative;display:flex;align-items:center;justify-content:center;gap:5px;width:96px;height:48px;margin-right:4px;padding:0 8px 0 12px;color:#342719!important;font-size:12px;font-weight:700;background:linear-gradient(180deg,#f2a21c,#c26d05);clip-path:polygon(7% 8%,93% 8%,100% 50%,93% 92%,7% 92%,0 50%); }
    .xbd-vip::before { content:'';position:absolute;inset:5px 7px;border:1px solid #85510b;opacity:.6;pointer-events:none; }
    .xbd-vip img { width:22px;height:17px;object-fit:contain;z-index:1; }
    .xbd-vip span { z-index:1; }
    .xbd-header-actions>a { display:flex;align-items:center;justify-content:center;gap:5px;border-radius:4px;font-size:12px;font-weight:700;height:36px;padding:0 18px; }
    .xbd-header-actions .xbd-action { background:var(--xb-orange);color:var(--xb-button-text,#fff);height:29px;padding:0 10px; }
    .xbd-login { border:1px solid var(--accent-green);min-width:76px; }
    .xbd-register { background:var(--accent-green);color:var(--xb-button-text,#fff)!important;min-width:116px; }
    .xbd-locale { display:flex;align-items:center;justify-content:center;min-width:38px;height:36px;padding:0 10px;border-left:1px solid #ffffff13;font-size:12px; }
    .xbd-locale-flag { display:flex;width:22px;height:14px;flex:0 0 22px;background:url('/betco/web/assets/flags.BQeYwOcj.png?v=10') no-repeat 0 91.3494809689%/100% auto; }
    .xbd-clock { padding:6px 10px;background:#ffffff08;border-radius:3px;font-size:12px;font-variant-numeric:tabular-nums; }
    .xbd-utilities { position:relative; }
    .xbd-utilities summary { cursor:pointer;list-style:none;background:#ffffff0b;padding:5px 9px; }
    .xbd-utilities nav { position:absolute;right:0;top:40px;min-width:190px;padding:8px;background:var(--bg-card);box-shadow:0 8px 28px #0009; }
    .xbd-utilities nav a,.xbd-utilities nav button { display:block;width:100%;padding:12px;text-align:left;background:none;border:0;color:inherit; }
    .xbd-navigation { display:block;position:fixed;top:calc(56px + var(--xb-announcement-height));bottom:0;left:0;width:var(--xbd-rail);z-index:1055;background:#23232bba;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:27px 17px;transition:width .24s ease,background-color .24s ease; }
    .xbd-menu-expanded .xbd-navigation { width:240px;background:#2e2e36; }
    .xbd-menu-backdrop:not([hidden]) {
        display:block;position:fixed;inset:56px 0 0 72px;z-index:1054;border:0;cursor:default;
        background:
            radial-gradient(ellipse 85% 34% at 50% -4%, rgba(var(--palette-accent-rgb,255,101,0),.28), transparent 72%),
            radial-gradient(ellipse 82% 34% at 50% 105%, rgba(var(--palette-accent-rgb,255,101,0),.22), transparent 70%),
            linear-gradient(#000b,#000b);
        backdrop-filter:blur(4px);
    }
    .xbd-menu-expanded .xbd-menu-toggle { background:#ffffff20;border-radius:8px; }
    .xbd-menu-expanded .xbd-navigation { box-shadow:6px 0 28px rgba(var(--palette-accent-rgb,255,101,0),.16); }
    .xbd-nav-item { position:relative;margin-bottom:10px; }
    .xbd-nav-item>a { display:flex;align-items:center;gap:8px;min-height:40px;border-radius:12px;background:#ffffff0d;transition:background-color .24s,color .24s; }
    .xbd-nav-icon { display:grid;place-items:center;width:38px;height:40px;flex:0 0 38px;background:transparent;border-radius:12px;color:#ffffff99;font-size:25px; }
    .xbd-nav-icon .xb-menu-icon { width:28px;height:28px; }
    .xbd-nav-label { display:none;font-size:14px;white-space:nowrap; }
    .xbd-nav-item>a:is(:hover,[aria-current=page]) { color:var(--accent-green);background:#ffffff08; }
    .xbd-nav-item>a:is(:hover,[aria-current=page]) .xbd-nav-icon { color:var(--accent-green); }
    .xbd-submenu { display:none;padding:0 8px; }
    .xbd-submenu a { display:flex;align-items:center;min-height:32px;margin-bottom:8px;padding:0 12px;font-size:12px;background:#ffffff0d;border-radius:4px;color:var(--text-secondary);transition:background-color .24s; }
    .xbd-submenu a:hover { background:#ffffff20;color:#fff; }
    .xbd-menu-expanded .xbd-submenu:not([hidden]) { display:block; }
    .xbd-menu-expanded .xbd-nav-label { display:block; }
    .xbd-menu-expanded .xbd-nav-item:has(.xbd-submenu)>a { padding-right:28px; }
    .xbd-menu-expanded .xbd-submenu-toggle { display:grid;place-items:center;position:absolute;right:0;top:0;width:32px;height:40px;padding:0;border:0;background:none;color:#ffffff99; }
    .xbd-submenu-toggle .xb-icon { transition:transform .24s; }
    .xbd-submenu-toggle[aria-expanded=true] .xb-icon { transform:rotate(90deg); }
    .xbd-nav-badge { position:absolute;right:-1px;top:-2px;width:7px;height:7px;border-radius:50%;background:#57924e;font-size:0;pointer-events:none; }
    .xbd-nav-badge.is-top { background:#81509b; }
    .xbd-menu-expanded .xbd-nav-badge { width:auto;height:14px;padding:0 4px;border-radius:2px;font-size:10px;line-height:14px;color:#fff; }
    .xb-theme .xb-content { min-width:0;min-height:calc(100dvh - 56px); }
    .xb-theme .xb-page-content,.xb-theme.xb-page-index .xb-page-content { padding:20px 16px 24px 0;max-width:none; }
    .xb-theme .xb-hero { aspect-ratio:3.125;margin:0 0 20px;border-radius:0;max-height:none; }
    .xb-theme .xb-hero-track,.xb-theme .xb-hero-slide,.xb-theme .xb-hero picture { height:100%; }
    .xb-theme .xb-hero picture { display:block;width:100%; }
    .xb-theme .xb-hero img,.xb-theme .xb-hero video { width:100%;height:100%;object-fit:cover;aspect-ratio:auto; }
    .xb-theme .xb-hero-counter { top:20px;bottom:auto;right:30px; }
    .xb-theme .xb-winners { margin:20px 0 38px; }
    .xb-theme .xb-winner-tabs { gap:8px;margin-bottom:16px; }
    .xb-theme .xb-winner-tabs h2 { margin-right:auto;font-size:18px; }
    .xb-theme .xb-winner-period { padding:4px 16px;font-size:12px; }
    .xb-theme .xb-category-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0;max-width:none; }
    .xb-theme .xb-shortcut-grid { display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:24px 0;max-width:none; }
    .xb-theme .xb-game-rail { gap:12px; }
    .xb-theme .xb-game-tile { flex:0 0 calc((100% - 108px)/10);min-width:110px; }
    .xb-theme .xb-catalog-grid { grid-template-columns:repeat(8,minmax(0,1fr));gap:12px; }
    .xb-theme .xb-catalog-grid.is-lobby { display:grid;overflow:visible;grid-template-columns:repeat(8,minmax(0,1fr)); }
    .xb-theme .xb-catalog-grid.is-lobby>.xb-game-card { min-width:0; }
    .xb-theme .xb-providers-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
    .xb-theme .xb-tournament-list { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px; }
    .xb-theme .xb-catalog-tabs { flex-wrap:wrap;overflow:visible;gap:4px; }
    .xb-theme .xb-catalog-tabs button { flex:none;padding:14px 18px;font-size:13px; }
    .xb-theme .xb-catalog-tools { display:flex;gap:12px;align-items:center; }
    .xb-theme .xb-catalog-search { flex:1;max-width:520px; }
    .xb-theme .xb-providers { inset:80px 24px 24px auto;width:520px;max-width:calc(100vw - 100px);max-height:calc(100dvh - 104px);border-radius:6px; }
    .xb-theme .xb-provider-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
    .xb-theme .mfooter { display:flex;flex-direction:column;padding:40px 6vw 24px 3vw;max-width:none;margin:0; }
    .xb-theme .xb-footer-links { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px; }
    .xb-theme .xb-footer-payments { order:5; }
    .xb-theme .xb-support,.xb-theme:has(.xb-dock) .xb-support { bottom:18px;right:12px;width:70px;height:50px; }
    .xb-theme .xb-content> .xbd-account-nav { display:block;grid-column:1;grid-row:1/5;padding:18px 0;background:#292932;min-height:calc(100dvh - 56px); }
    .xb-theme.xb-account-page .xb-content { display:grid;grid-template-columns:240px minmax(0,1fr);align-content:start;gap:0 20px;padding-right:20px; }
    .xb-theme.xb-account-page .xb-content>.xb-section-title,.xb-theme.xb-account-page .xb-content>.xb-tabs,.xb-theme.xb-account-page .xb-content>.xb-page-content { grid-column:2; }
    .xbd-account-heading { display:block;padding:5px 20px 24px;font-size:18px;font-weight:700; }
    .xbd-account-nav details { border-bottom:1px solid #ffffff09; }
    .xbd-account-nav summary { display:flex;align-items:center;gap:10px;cursor:pointer;padding:16px;font-size:12px;list-style:none; }
    .xbd-account-nav details>a { display:block;font-size:11px;padding:12px 16px 12px 44px;color:var(--text-secondary); }
    .xbd-account-nav details>a:hover,.xbd-account-nav details>a.active { color:var(--accent-green);background:#ffffff06; }
    .xbd-account-logout { display:block;padding:20px; }
    .xb-theme .xb-wallet-rail { justify-content:start; }
    .xb-theme .xb-wallet-card { flex:1;min-width:250px; }
    .xb-theme .xb-account-home { max-width:1000px;margin:auto; }
    .xb-theme .xb-account-menu { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }
    .xb-theme .xb-club { height:160px; }
    .xb-theme .xb-club img { width:140px;height:140px;object-fit:contain; }
    .xb-theme .xb-page-content>.xb-form,.xb-theme .xb-profile-form { max-width:760px; }
    .xb-theme .mdep-grid,.xb-theme .mwc-method-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .xb-theme .bcm-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .xb-theme .xb-tabs { justify-content:flex-start; }
    .xb-theme .xb-tabs a { flex:none;padding:16px 24px; }
    .xb-theme .xb-section-title { margin-top:16px; }
    .xb-theme .xb-section-title>a { display:none; }
    .xb-theme .xb-table-wrap { overflow:auto; }
    .xb-theme .xb-vip-levels,.xb-theme .xb-tournament-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .xb-theme.xb-auth-page { position:relative;inset:auto;height:auto;border:0;border-radius:0;overflow:auto;transform:none; }
    html:has(.xb-auth-page) { overflow:auto; }
    .xb-theme.xb-auth-page .xb-content { width:400px;max-width:calc(100vw - 32px);min-height:690px;margin:45px auto;background:#2d2d37;box-shadow:0 12px 60px #0006;border-radius:4px; }
    .xb-theme.xb-auth-page>.xb-header { display:flex!important;position:relative;top:auto;width:400px;max-width:calc(100vw - 32px);margin:45px auto -45px;background:#2d2d37; }
    .xb-theme.xb-auth-page .xb-auth-form { max-width:none;padding:18px 15px;min-height:630px; }
    .xb-theme.xb-auth-page .xb-page-content { padding:0; }
    .xb-theme .xb-registration { height:auto;min-height:0; }
    .xb-theme .xb-registration-scroll { overflow:visible;max-height:none; }
    .xbd-modal { width:1100px;max-width:calc(100vw - 80px);height:calc(100dvh - 100px);max-height:900px;border-radius:4px;overflow:hidden; }
    .xbd-modal-auth { width:400px;height:690px;max-height:calc(100dvh - 64px); }
    .xbd-modal-register { height:820px; }
    .xbd-modal-open { overflow:hidden!important; }
    .xb-theme.xb-page-sports .xb-page-content { padding:0; }
    .xb-theme.xb-page-sports iframe { min-height:calc(100dvh - 60px); }
}
/* The frame viewport is 400px for authentication; these rules must be outside
   the desktop media query. The class is added only when hosted in a frame. */
.xb-theme.xbd-embedded { padding:56px 0 0!important;background:#2d2d37!important;min-width:0; }
.xb-theme.xbd-embedded.xb-auth-page { border:0;border-radius:0; }
.xbd-embedded>.xbd-header,.xbd-embedded>.xbd-navigation,.xbd-embedded>.xb-announcements,.xbd-embedded>.xb-dock,.xbd-embedded>.bw-quick-actions,.xbd-embedded>.xb-support { display:none!important; }
.xbd-embedded>.xb-header,.xb-theme.xbd-embedded.xb-auth-page>.xb-header { display:flex!important;position:fixed;inset:0 0 auto;width:100%;max-width:none;height:56px;margin:0;padding-right:52px;background:#2d2d37; }
.xbd-embedded .xb-header .xb-close { display:none; }
.xb-theme.xbd-embedded>.xb-header { border-radius:0; }
.xb-theme.xbd-embedded .xb-small-button { background:var(--accent-green);color:#fff;padding:0 10px; }
.xb-theme.xbd-embedded .xb-auth-forgot { margin:0;padding-top:32px; }
.xb-theme.xbd-embedded .xb-field>input { background:#4b4b55; }
.xb-theme.xbd-embedded .xb-field,.xb-theme.xbd-embedded .xb-field>input { border-radius:4px; }
.xb-theme.xbd-embedded .xb-registration-scroll { padding:15px; }
.xb-theme.xbd-embedded .xb-registration-actions { padding-left:15px;padding-right:15px; }
.xb-theme.xbd-embedded .xb-auth-form .xb-button { color:#fff;border-radius:4px;height:36px;min-height:36px; }
.xb-theme.xbd-embedded .xb-content,.xb-theme.xbd-embedded.xb-auth-page .xb-content { width:100%;max-width:none;margin:0;box-shadow:none;min-height:calc(100dvh - 56px);border-radius:0; }
.xb-theme.xbd-embedded.xb-auth-page .xb-page-content { padding:0; }
.xb-theme.xbd-embedded.xb-auth-page .xb-auth-form { padding:18px 15px;min-height:calc(100dvh - 56px);max-width:none; }
.xbd-embedded .xb-auth-form .xb-auth-support { margin-top:auto; }
@media(min-width:1024px) and (max-width:1280px) {
    .xbd-header-actions { gap:6px; }
    .xbd-header-actions>a { padding:0 10px; }
    .xbd-clock { display:none; }
    .xb-theme .xb-catalog-grid,.xb-theme .xb-catalog-grid.is-lobby { grid-template-columns:repeat(6,minmax(0,1fr)); }
    .xb-theme .xb-game-tile { flex-basis:calc((100% - 60px)/6); }
}
@media(min-width:700px) and (max-width:1023px) {
    .xb-theme.xbd-embedded.xb-account-page .xb-content { display:grid;grid-template-columns:210px minmax(0,1fr);gap:0 16px;padding-right:16px;align-content:start; }
    .xbd-embedded .xbd-account-nav { display:block;grid-column:1;grid-row:1/5;background:#292932;padding:16px 0; }
    .xbd-embedded.xb-account-page .xb-content>.xb-page-content,.xbd-embedded.xb-account-page .xb-content>.xb-tabs,.xbd-embedded.xb-account-page .xb-content>.xb-section-title { grid-column:2; }
    .xbd-embedded .xbd-account-nav a,.xbd-embedded .xbd-account-nav summary { display:block;padding:12px 16px;font-size:12px; }
    .xbd-embedded .xbd-account-nav details>a { padding-left:32px;color:var(--text-secondary); }
    .xbd-embedded .xbd-account-nav a.active { color:var(--accent-green); }
    .xbd-embedded .xbd-account-nav summary { cursor:pointer; }
}
@keyframes xbd-dialog-in { from { opacity:0;transform:scale(.985) translateY(5px); } to { opacity:1;transform:scale(1) translateY(0); } }
.xbd-modal[open] { animation:xbd-dialog-in .16s ease-out both; }
@media(prefers-reduced-motion:reduce) { .xbd-navigation,.xbd-modal { transition:none;animation:none; } }

/* Account composition measured from the desktop reference. Narrow iframe
   viewports still use this layout when opened by the desktop dialog. */
@media(min-width:1024px) {
    .xbd-modal:not(.xbd-modal-auth) { width:1340px;height:83dvh;max-height:none; }
    .xb-theme.xb-account-page .xb-content { grid-template-columns:314px minmax(0,1fr);grid-template-rows:49px minmax(0,1fr);gap:0;padding:0; }
    .xb-theme.xb-account-page .xb-content>.xb-section-title,.xb-theme.xb-account-page .xb-content>.xb-tabs { display:none; }
    .xb-theme.xb-account-page .xb-content>.xbd-page-heading { display:flex;align-items:center;grid-column:2;grid-row:1;margin:0;padding:0 48px 0 15px;font-size:14px;font-weight:700;background:#43434b;border-bottom:1px solid #ffffff18; }
    .xb-theme.xb-account-page .xb-content>.xb-page-content { grid-column:2;grid-row:2;padding:15px;min-width:0; }
    .xb-theme.xb-account-page .xb-content>.xbd-account-nav { grid-row:1/3;padding:10px;min-height:0;background:#43434b; }
    .xb-theme.xb-account-page .xb-account-home>.xb-wallet-rail,.xb-theme.xb-account-page .xb-account-home>.xb-club,.xb-theme.xb-account-page .xb-account-home>.xb-user-summary { display:none; }
    .xbd-profile-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px; }
    .xbd-profile-fields>.xb-field { margin:0; }
    .xbd-profile-fields>.xb-field:first-child { grid-column:1/-1; }
    .xb-theme.xb-account-page .xb-field input { height:52px;border-radius:4px;background:#4b4b53; }
    .xbd-password-form .xb-field { margin-bottom:10px; }
    .xbd-password-form .xb-button { height:36px;min-height:36px;border-radius:4px; }
}
.xbd-profile-fields { display:none; }
@media(min-width:1024px) {
    .xbd-profile-mobile { display:none; }
    .xbd-profile-fields { display:grid; }
}
@media(min-width:700px) {
    .xbd-embedded .xbd-profile-mobile { display:none; }
    .xbd-embedded .xb-account-home>.xb-wallet-rail,.xbd-embedded .xb-account-home>.xb-club,.xbd-embedded .xb-account-home>.xb-user-summary { display:none; }
    .xb-theme.xbd-embedded.xb-account-page { padding:0!important;overflow:hidden;background:#2e2e36!important; }
    .xb-theme.xbd-embedded.xb-account-page>.xb-header { display:none!important; }
    .xb-theme.xbd-embedded.xb-account-page .xb-content { height:100dvh;min-height:0;display:grid;grid-template-columns:min(314px,27%) minmax(0,1fr);grid-template-rows:49px minmax(0,1fr);gap:0;padding:0;overflow:hidden; }
    .xb-theme.xbd-embedded.xb-account-page .xb-content>.xbd-account-nav { display:block;grid-column:1;grid-row:1/3;padding:10px;min-height:0;background:#43434b;overflow:auto;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent; }
    .xb-theme.xbd-embedded.xb-account-page .xb-content>.xb-section-title,.xb-theme.xbd-embedded.xb-account-page .xb-content>.xb-tabs { display:none; }
    .xb-theme.xbd-embedded.xb-account-page .xb-content>.xbd-page-heading { display:flex;grid-column:2;grid-row:1;align-items:center;margin:0;padding:0 48px 0 15px;font-size:14px;font-weight:700;background:#43434b;border-bottom:1px solid #ffffff18; }
    .xb-theme.xbd-embedded.xb-account-page .xb-content>.xb-page-content { grid-column:2;grid-row:2;padding:15px;overflow:auto;min-width:0;scrollbar-width:thin;scrollbar-color:#ffffff38 transparent; }
    .xb-theme .xbd-account-nav .xbd-account-heading { display:flex;align-items:center;gap:10px;padding:0 0 10px;font-size:14px;font-weight:400;line-height:18px; }
    .xbd-account-heading small { display:block;font-size:12px;color:#c4c4ca; }
    .xbd-avatar { display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ffffff40;flex:none;font-size:20px; }
    .xbd-balance-card { position:relative;background:linear-gradient(105deg,#43b04a,#209b29);border-radius:4px;margin-bottom:17px;padding:12px 15px 10px;color:#fff;font-size:14px;line-height:18px; }
    .xbd-balance-eye { position:absolute;right:12px;top:12px;width:32px;height:32px;border:0;border-radius:50%;background:#ffffff18;color:#fff;display:grid;place-items:center; }
    [data-xbd-amount].is-masked { font-size:0; }
    [data-xbd-amount].is-masked::after { content:'••••';font-size:20px; }
    .xbd-balance-card>span { font-weight:700; }
    .xbd-balance-card>strong { display:block;font-size:20px;line-height:24px; }
    .xbd-balance-card .xbd-balance-links { display:flex;gap:10px;margin-top:14px; }
    .xb-theme .xbd-account-nav .xbd-balance-links a { display:flex;align-items:center;justify-content:center;gap:6px;flex:1;font-size:14px;font-weight:700;white-space:nowrap;background:#ffffff3b;border-radius:4px;height:34px;padding:0 5px; }
    .xbd-balance-links .xb-icon { font-size:20px; }
    .xbd-balance-card.secondary { background:linear-gradient(105deg,#be9c32,#b99008);margin-bottom:35px; }
    .xbd-bonus-summary { display:flex;justify-content:space-between;border-top:1px solid #ffffff40;margin:5px -15px -10px;padding:10px 15px;font-size:12px; }
    .xb-theme .xbd-account-nav .xbd-club-link { display:flex;align-items:center;gap:10px;background:linear-gradient(90deg,#82601d,#b48109);height:48px;padding:0 15px;border:1px solid #ab802c;border-radius:4px;margin-bottom:10px;font-size:14px; }
    .xbd-club-link img { width:30px;height:30px;object-fit:contain; }
    .xbd-account-nav details { border:0;margin-bottom:10px; }
    .xb-theme .xbd-account-nav summary { display:flex;align-items:center;gap:12px;height:54px;padding:0 15px;font-size:14px;font-weight:700;background:#ffffff0d;border-radius:4px; }
    .xbd-account-nav summary>.xb-icon { font-size:20px; }
    .xbd-account-nav summary>span:not(.xb-icon) { flex:1; }
    .xbd-account-nav details[open] summary { border-radius:4px 4px 0 0;border-bottom:1px solid #ffffff18; }
    .xbd-account-nav details[open] summary>.xb-icon:last-child { transform:rotate(180deg); }
    .xbd-account-children { padding:15px;background:#ffffff18; }
    .xb-theme .xbd-account-nav .xbd-account-children>a { display:block;min-height:24px;line-height:24px;padding:0 10px;font-size:12px;color:#cccbd2;border-left:2px solid #ffffff20; }
    .xb-theme .xbd-account-nav .xbd-account-children>a.active { color:#fff;background:#0000000a;border-left-color:var(--accent-green,#ff7900); }
    .xb-theme .xbd-account-nav .xbd-account-children>a:hover { background:#ffffff0b;color:#fff; }
    .xb-theme .xbd-account-nav .xbd-account-logout { padding:16px;font-size:13px; }
    .xbd-embedded .xbd-profile-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px; }
    .xbd-embedded .xbd-profile-fields>.xb-field { margin:0; }
    .xbd-embedded .xbd-profile-fields>.xb-field:first-child { grid-column:1/-1; }
    .xbd-embedded.xb-account-page .xb-field input { height:52px;border-radius:4px;background:#4b4b53; }
    .xbd-embedded.xb-account-page .xb-field { border-radius:4px; }
    .xbd-modal-close { top:8px;right:8px;background:transparent;color:#a9a9b1;font-size:16px; }
    .xbd-offline-account { font-size:14px;line-height:24px; }
    .xbd-offline-account h2 { font-size:14px;line-height:24px;margin:0 0 12px;font-weight:500; }
    .xbd-offline-account .xbd-muted { color:#aaaab3;font-size:12px; }
    .xbd-offline-account .xb-button { height:36px;min-height:36px;border-radius:4px;margin-top:20px;font-size:12px;font-weight:400; }
    .xbd-offline-account .xb-field { margin-bottom:10px; }
    .xbd-message-label { display:block;position:relative;background:#4b4b53;padding:15px;border-radius:4px;color:#a9a9b1;font-size:12px; }
    .xbd-message-label textarea { display:block;background:transparent;border:0;color:#eee;outline:none;width:100%;height:310px;resize:vertical;font:14px/22px Roboto,sans-serif; }
    .xbd-checkbox { display:flex;align-items:center;gap:14px; }
    .xbd-checkbox input { width:17px;height:17px;accent-color:var(--accent-green); }
    .xbd-security-choice { display:flex;align-items:center;justify-content:space-between;margin-bottom:10px; }
    .xbd-security-choice>.xb-icon { font-size:32px; }
    .xbd-switch { position:relative;width:36px;height:20px; }
    .xbd-switch input { position:absolute;opacity:0;width:100%;height:100%; }
    .xbd-switch span { display:block;width:36px;height:20px;border-radius:15px;background:#ffffff20;pointer-events:none; }
    .xbd-switch span::before { content:'';display:block;position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#ccc;transition:transform .15s; }
    .xbd-switch input:checked+span { background:var(--accent-green); }
    .xbd-switch input:checked+span::before { transform:translateX(16px); }
    .xbd-switch input:focus-visible+span { outline:2px solid #fff;outline-offset:3px; }
    .xbd-preview-feedback { padding:10px;margin-top:16px;background:#ffffff10;border-radius:4px; }
}
/* Profile details, measured against the supplied desktop account window. */
.xbd-details-form { display:none; }
@media(min-width:1024px) {
    .xbd-legacy-profile { display:none; }
    .xbd-details-form { display:block; }
    .xbd-modal:not(.xbd-modal-auth) { max-width:calc(100vw - 64px);border-radius:24px 24px 4px 4px;margin:54px auto 0;height:calc(100dvh - 80px); }
}
@media(min-width:700px) {
    .xbd-embedded .xbd-legacy-profile { display:none; }
    .xbd-embedded .xbd-details-form { display:block; }
    .xb-theme.xbd-embedded.xb-account-page .xb-content { grid-template-columns:314px minmax(0,1fr);grid-template-rows:41px minmax(0,1fr);background:#24242c; }
    .xb-theme.xbd-embedded.xb-account-page .xb-content>.xbd-account-nav { background:#383840; }
    .xb-theme.xbd-embedded.xb-account-page .xb-content>.xbd-page-heading { background:#383840;border:0; }
    .xb-theme.xbd-embedded.xb-account-page .xb-content>.xb-page-content { background:#24242c; }
    .xbd-modal-close { font-size:14px;width:24px;height:24px;top:7px;right:10px; }
    .xb-theme .xbd-account-nav .xbd-account-heading { height:45px;padding:0 0 10px;gap:10px;font-weight:700; }
    .xbd-account-heading small { font-weight:400; }
    .xbd-avatar { background:#939399;color:#484850;font:14px/32px Roboto,sans-serif; }
    .xbd-balance-card { height:112px;margin-bottom:18px;padding:12px 15px 10px;background:linear-gradient(100deg,#39a343,#2ca134);overflow:hidden; }
    .xbd-balance-card .xbd-balance-links { margin-top:7px; }
    .xbd-balance-card.secondary { height:95px;margin-bottom:25px;background:linear-gradient(100deg,#ba9c3d,#ae870a); }
    .xbd-balance-card.secondary::after { content:'\e94f';font-family:XbahisIcons;position:absolute;right:2px;top:4px;font-size:58px;line-height:1;opacity:.13;pointer-events:none; }
    .xbd-balance-card:not(.secondary)::before { content:'\e92f';font-family:XbahisIcons;position:absolute;right:2px;top:4px;font-size:58px;line-height:1;opacity:.13;pointer-events:none; }
    .xbd-balance-card .xbd-card-decoration { position:absolute;right:4px;top:-5px;font-size:58px;opacity:.13;pointer-events:none; }
    .xbd-balance-eye { z-index:1;top:12px;right:15px;background:#ffffff20; }
    .xbd-bonus-summary { padding:10px 15px; }
    .xb-theme .xbd-account-nav .xbd-club-link { margin-bottom:10px; }
    .xbd-account-nav details { margin-bottom:19px; }
    .xb-theme .xbd-account-nav summary { height:35px;font-size:14px;gap:12px;background:#ffffff0d; }
    .xbd-account-nav summary>.xb-icon { font-size:16px; }
    .xbd-account-nav summary>.xb-icon:last-child { font-size:12px;transition:transform .24s ease; }
    .xbd-account-nav details[open] { margin-bottom:0; }
    .xbd-account-children { padding:15px;background:#ffffff18; }
    .xb-theme .xbd-account-nav .xbd-account-children>a { line-height:26px;min-height:26px; }
    .xbd-details-form { margin:0;color:#b5b5bd;font:12px/16px Roboto,Arial,sans-serif; }
    .xbd-eligibility { display:flex;align-items:center;gap:3px;height:42px;margin:0;font-size:12px;font-weight:700;color:#9999a1; }
    .xbd-eligibility b { color:#ff7900; }
    .xbd-eligibility>.xb-icon { font-size:12px; }
    .xbd-modal-close>.xb-icon { font-size:14px; }
    .xbd-copy-id { background:none;border:0;color:#a9a9b1;padding:0 3px;cursor:pointer; }
    .xbd-copy-id>.xb-icon { font-size:11px; }
    .xb-theme .xbd-account-nav .xbd-avatar { padding:0;display:grid;place-items:center;font-size:14px; }
    .xbd-details-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px; }
    .xbd-detail-field { display:flex;flex-direction:column;justify-content:center;position:relative;min-width:0;height:52px;padding:9px 15px;border-radius:4px;background:#43434b;margin:0; }
    .xbd-detail-field.is-wide { grid-column:1/-1; }
    .xbd-detail-field>span:first-child { font-size:12px;line-height:15px;color:#888890;font-weight:700; }
    .xbd-detail-field.is-readonly { background:#2e2e36; }
    .xbd-details-form .xbd-detail-field input,.xbd-details-form .xbd-detail-field select { display:block;width:100%;min-width:0;height:18px;min-height:0;border:0;box-shadow:none;outline:none;border-radius:0;padding:0;background:transparent;color:#d7d7dd;font:500 14px/18px Roboto,Arial,sans-serif; }
    .xbd-details-form .xbd-detail-field input[readonly] { color:#9999a1; }
    .xbd-details-form .xbd-detail-field select { appearance:none;padding-right:22px; }
    .xbd-detail-field select option { background:#43434b;color:#fff; }
    .xbd-detail-field>.xb-icon,.xbd-date-icon { position:absolute;right:15px;top:19px;pointer-events:none; }
    .xbd-detail-field>.xb-icon { font-size:12px; }
    .xbd-date-icon { font-size:22px;top:17px;color:#72727b; }
    .xbd-detail-field:focus-within:not(.is-readonly) { box-shadow:inset 0 0 0 1px #ff7900; }
    .xbd-country-value { font-size:14px;line-height:18px;color:#72727b;display:flex;align-items:center;gap:10px; }
    .xbd-city>span { position:absolute;left:15px;top:18px;font-size:12px;line-height:16px;color:#888890;font-weight:700;pointer-events:none;transition:top .15s,font-size .15s; }
    .xbd-details-form .xbd-city input { padding-top:12px;height:34px; }
    .xbd-city input:focus+span,.xbd-city input:not(:placeholder-shown)+span { top:7px;font-size:10px; }
    .xbd-profile-security { border-top:1px solid #ffffff1a;margin-top:25px;padding-top:8px; }
    .xbd-profile-strip,.xbd-subscriptions legend { width:100%;border:0;border-radius:4px;background:#502630;color:#ededf0;font-size:12px;line-height:25px;height:25px;text-align:center;font-weight:500;padding:0;margin:0 0 6px; }
    .xbd-subscriptions { border:0;border-top:1px solid #ffffff1a;padding:8px 0 0;margin:10px 0 0;min-width:0; }
    .xbd-subscriptions legend { float:left;margin-bottom:8px; }
    .xbd-subscription-row { clear:both;display:flex;align-items:center;gap:15px;min-height:28px; }
    .xbd-subscription-row>span { flex:1; }
    .xbd-subscription-row label { display:flex;align-items:center;gap:10px;color:#eee;font-weight:700;cursor:pointer; }
    .xbd-subscription-row input { appearance:none;width:16px;height:16px;border:2px solid #a7a7ae;border-radius:50%;background:#eee;margin:0;cursor:pointer; }
    .xbd-subscription-row input:checked { background:#ff7900;border-color:#ff7900;box-shadow:inset 0 0 0 2px #fff; }
    .xbd-profile-save { margin-top:28px;width:100%;height:36px;border:0;border-radius:4px;background:linear-gradient(100deg,#ff7100,#ff8c2c);color:#15151c;font:12px Roboto,Arial,sans-serif;cursor:pointer;transition:filter .2s; }
    .xbd-profile-save:hover { filter:brightness(1.1); }
    .xbd-profile-save:active { filter:brightness(.95); }
    .xbd-local-profile-status { padding:10px;background:#ffffff10;border-radius:4px;margin-top:10px; }
    .xbd-details-form :focus-visible { outline:2px solid #ff7900;outline-offset:3px; }
}
@media(prefers-reduced-motion:reduce) { .xbd-city>span,.xbd-account-nav summary>.xb-icon:last-child { transition:none; } }
.xbd-hover-links,.xbd-tools-rail[hidden],.xbd-tool-drawer[hidden] { display:none; }
@media(min-width:1024px) {
    .xbd-hover-menu { position:relative;height:41px;display:flex;align-items:center; }
    .xbd-hover-menu>.xbd-balance,.xbd-hover-menu>.xbd-user { display:flex;align-items:center;justify-content:center;gap:4px;height:41px;padding:0 10px;font-size:12px;font-weight:700;color:inherit;text-decoration:none; }
    .xbd-hover-menu>.xbd-user { width:44px;font-size:24px;padding:0; }
    .xbd-hover-links { display:block;position:absolute;right:0;top:100%;width:235px;padding:13px 10px;background:var(--bg-main,#23232b);box-shadow:0 5px 14px #0008;border-radius:4px;visibility:hidden;opacity:0;transform:translateY(5px);transition:opacity .18s,transform .18s,visibility .18s;pointer-events:none; }
    .xbd-hover-menu:hover>.xbd-hover-links,.xbd-hover-menu:focus-within>.xbd-hover-links { visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto; }
    .xbd-hover-links>a { display:flex;gap:10px;align-items:center;min-height:34px;padding:0 10px;font-size:14px;color:var(--text-secondary,#aaa);border-radius:4px; }
    .xbd-hover-links>a:hover,.xbd-hover-links>a:focus-visible { background:#ffffff0d;color:#fff; }
    .xbd-hover-links .xb-icon { font-size:16px;width:18px; }
    .xbd-hover-links .xbd-hover-logout { justify-content:center;margin-top:10px;background:#ffffff1a;height:32px; }
    .xbd-tools { position:relative; }
    .xbd-tools-toggle { width:34px;height:28px;padding:0;display:grid;place-items:center;border:0;border-radius:4px;background:#ffffff1a;color:#b5b5bf; }
    .xbd-tools-toggle>.xb-icon { font-size:14px;line-height:1; }
    .xbd-tools-toggle[aria-expanded=true] { background:#ffffff40;color:#23232b; }
    .xbd-tools-rail { position:absolute;top:42px;right:0;width:50px;background:#55565d;border-radius:4px;overflow:hidden;box-shadow:0 6px 20px #0004; }
    .xbd-tools-rail>button,.xbd-tools-rail>a { width:50px;height:56px;display:grid;place-items:center;background:transparent;border:0;color:#dedee2; }
    .xbd-tools-rail .xb-icon { font-size:18px; }
    .xbd-tools-rail>button:hover { background:#ffffff20; }
    .xbd-tools-rail>button[aria-selected=true] { background:var(--accent-green);color:var(--xb-button-text); }
    .xbd-tool-drawer { position:absolute;right:60px;top:42px;width:500px;max-width:calc(100vw - 160px);min-height:250px;max-height:calc(100dvh - 100px);overflow:auto;background:#2e2e36;color:#ccc;box-shadow:0 5px 25px #0008;border-radius:4px;white-space:normal; }
    .xbd-tool-settings { padding:18px;display:grid;gap:10px; }
    .xbd-tool-settings label { padding:8px 15px;background:#ffffff15;border-radius:4px;font-size:12px;color:#aaa; }
    .xbd-tool-settings select { display:block;width:100%;border:0;background:transparent;color:#eee;font-size:14px; }
    .xbd-tool-settings option { background:#43434b; }
    .xbd-tool-drawer h2 { height:44px;padding:15px;margin:0;background:#ffffff0d;font-size:14px;font-weight:700; }
    .xbd-tool-close { position:absolute;right:9px;top:10px;display:grid;place-items:center;width:24px;height:24px;background:transparent;border:0;color:#aaa; }
    .xbd-tool-close .xb-icon { font-size:14px; }
    .xbd-tool-empty { text-align:center;padding:50px 20px;font-size:14px; }
    .xbd-tool-link { display:flex;align-items:center;gap:10px;padding:14px;font-size:14px;color:inherit;border:0;background:transparent;width:100%; }
    .xbd-tool-link:hover { background:#ffffff0d; }
}
@media(min-width:700px) {
    .xbd-sidebar-promo { display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px;padding:0 10px 10px;margin-top:5px; }
    .xbd-sidebar-promo>input { width:100%;min-width:0;height:52px;border:0;background:#5a5a63;border-radius:4px;padding:0 14px;color:#fff;outline:none;font:12px/16px Roboto,Arial,sans-serif; }
    .xbd-sidebar-promo>input::placeholder { color:#b7b7bf;opacity:1; }
    .xbd-sidebar-promo>input:focus { box-shadow:inset 0 0 0 1px #ff7900; }
    .xbd-sidebar-promo button { height:52px;background:#ff7900;border:0;border-radius:4px;padding:0 30px;color:#23232b;font-size:12px; }
    .xbd-sidebar-promo button:disabled { opacity:1;cursor:default; }
    .xbd-sidebar-promo p { grid-column:1/-1;font-size:12px;margin:0;color:#ccc;white-space:normal; }
}
@media(prefers-reduced-motion:reduce) { .xbd-hover-links { transition:none; } }
.xbd-club-title,.xbd-club-level-nav,.xbd-club-bonuses { display:none; }
@media(min-width:1024px) {
    .xbd-fox-club { max-width:none!important; }
}
@media(min-width:700px) {
    .xbd-embedded .xbd-fox-club,.xb-account-page .xbd-fox-club { padding:20px 25px; }
    .xbd-club-title { display:block;font-size:20px;margin-bottom:24px; }
    .xbd-fox-club .xb-vip-summary { min-height:150px;border-radius:24px;background:linear-gradient(110deg,#ffffff08,#0005);padding:24px;gap:25px; }
    .xbd-fox-club .xb-vip-emblem { color:var(--accent-green);font-size:64px; }
    .xbd-fox-club .xb-vip-summary h1 { font-size:24px; }
    .xbd-fox-club .xb-vip-progress { width:100%;height:12px;accent-color:var(--accent-green); }
    .xbd-club-level-nav { display:flex;gap:8px;padding:12px;margin:24px 0;overflow:auto;border:1px solid #ffffff20;background:#ffffff05;border-radius:26px; }
    .xbd-club-level-nav a { display:flex;align-items:center;gap:10px;min-width:190px;padding:12px;border-radius:8px;color:var(--xb-button-text);background:linear-gradient(100deg,var(--accent-green),var(--xb-c-ff8c33));font-size:14px; }
    .xbd-club-level-nav span { margin-left:auto;border:1px solid #0003;border-radius:20px;padding:6px;background:#0002;white-space:nowrap; }
    .xbd-fox-club .xb-vip-levels { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px; }
    .xbd-fox-club .xb-vip-level { border-radius:24px;background:#ffffff08;border:1px solid #ffffff20;overflow:hidden;scroll-margin-top:20px; }
    .xbd-club-bonuses { display:block;margin-top:30px; }
    .xbd-club-bonuses h2 { font-size:16px;margin-bottom:14px; }
    .xbd-club-bonuses .xb-table-wrap { border:1px solid #ffffff20;border-radius:24px;background:#ffffff08; }
    .xbd-club-bonuses table { width:100%;font-size:14px;border-collapse:collapse; }
    .xbd-club-bonuses td,.xbd-club-bonuses th { padding:10px 15px;border-bottom:1px solid #ffffff15;font-weight:400; }
    .xbd-club-bonuses thead { background:#ffffff0d; }
    .xbd-club-bonuses .is-current { background:rgba(var(--palette-accent-rgb),.12); }
}