/* =========================================================================
   IVIBET NEW ZEALAND — satellite design system  (distinct from DE and CA)
   Azzurro-blue + gold palette, SOLID BLUE header, two-column layout with a
   single unified right rail (Ruota + Config + Schedina + Link veloci).
   Prefix: br-
   ========================================================================= */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}
input{font:inherit}

:root{
  --br-blue:#da291c;       /* primary accent / active / links */
  --br-blue-d:#a81d10;
  --br-blue-l:#f04a37;
  --br-gold:#ffffff;       /* highlight numbers / login CTA / wheel */
  --br-gold-d:#f04a37;

  --br-navy:#14264f;       /* betslip / dark panels / chrome bits */
  --br-navy-2:#1e3568;
  --br-navy-3:#2b4680;
  --br-line-d:#2c4a86;

  --br-bg:#eef1f8;         /* cool light body */
  --br-card:#ffffff;
  --br-line:#e0e6f2;
  --br-line-2:#eef2fa;

  --br-text:#152030;       /* text on light */
  --br-muted:#6b7480;
  --br-on-dark:#e9edf3;
  --br-on-dark-mut:#9aa4b2;

  --br-sans:"Segoe UI",Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  --br-radius:14px;
  --br-shadow:0 10px 30px rgba(8,16,38,.14);
  --br-shadow-sm:0 3px 12px rgba(8,16,38,.10);
  --br-head-h:64px;
}

body{
  font-family:var(--br-sans);
  color:var(--br-text);
  background:var(--br-bg);
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.br-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.br-ico{width:20px;height:20px;flex:none;display:inline-block;vertical-align:middle}
.br-wrap{width:100%;max-width:1180px;margin-inline:auto;padding-inline:16px}

/* scrollbar */
*{scrollbar-width:thin;scrollbar-color:var(--br-blue) rgba(150,160,175,.18)}
::-webkit-scrollbar{width:9px;height:8px}
::-webkit-scrollbar-track{background:rgba(150,160,175,.12)}
::-webkit-scrollbar-thumb{background:var(--br-blue);border-radius:8px}

/* ============================ HEADER (SOLID BLUE) ===================== */
.br-head{
  position:sticky;top:0;z-index:60;
  background:linear-gradient(180deg,#e5382a,#da291c);
  border-bottom:3px solid var(--br-gold);
  color:#fff;
}
.br-head__in{
  max-width:1500px;margin-inline:auto;height:var(--br-head-h);
  display:flex;align-items:center;gap:14px;padding:0 18px;
}
.br-burger{display:none;width:40px;height:40px;border-radius:10px;align-items:center;justify-content:center;color:#fff}
.br-burger:hover{background:rgba(255,255,255,.14)}
.br-logo{display:flex;align-items:center;flex:none;background:#fff;padding:6px 13px;border-radius:11px;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.br-logo img{height:26px;width:auto;display:block}
.br-head__nav{display:flex;align-items:center;gap:3px;margin-left:10px;overflow:hidden}
.br-navlink{
  display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 15px;
  border-radius:11px;color:#e9edf3;font-size:14px;font-weight:600;white-space:nowrap;
  transition:.16s color,.16s background;position:relative;
}
.br-navlink .br-ico{width:18px;height:18px;color:#c9d1db;transition:.16s}
.br-navlink:hover{color:#fff;background:rgba(255,255,255,.12)}
.br-navlink:hover .br-ico{color:#fff}
.br-navlink.is-active{color:#7a1208;background:#fff}
.br-navlink.is-active .br-ico{color:var(--br-blue)}
.br-head__sp{flex:1}
.br-lang{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 11px;border-radius:9px;color:#e9edf3;font-weight:700;font-size:13px}
.br-lang:hover{background:rgba(255,255,255,.14);color:#fff}
.br-head__auth{display:flex;align-items:center;gap:9px}
.br-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  height:40px;padding:0 18px;border-radius:11px;font-weight:700;font-size:14px;
  white-space:nowrap;transition:.16s transform,.16s box-shadow,.16s filter;
}
.br-btn:active{transform:translateY(1px)}
.br-btn--login{background:linear-gradient(180deg,var(--br-blue-l),var(--br-blue));color:#fff;box-shadow:0 6px 16px rgba(240,74,55,.34)}
.br-btn--login:hover{filter:brightness(1.06);box-shadow:0 8px 22px rgba(240,74,55,.5)}
.br-btn--reg{background:linear-gradient(180deg,#ffffff,var(--br-gold));color:#8f1810;box-shadow:0 6px 16px rgba(218,41,28,.36)}
.br-btn--reg:hover{filter:brightness(1.05);box-shadow:0 8px 22px rgba(218,41,28,.5)}
.br-btn--ghost{background:transparent;border:1px solid var(--br-blue);color:var(--br-blue-d)}
.br-btn--ghost:hover{background:rgba(240,74,55,.08)}
.br-btn--wide{width:100%}
.br-btn--lg{height:52px;padding:0 30px;font-size:16px;border-radius:13px}
/* Accedi in the header reads as an outline chip; elsewhere it stays blue */
.br-head__auth .br-btn--login{background:transparent;border:1px solid rgba(255,255,255,.7);color:#fff;box-shadow:none}
.br-head__auth .br-btn--login:hover{background:rgba(255,255,255,.14);filter:none;box-shadow:none}

/* ============================ FULL-WIDTH MAIN ======================== */
.br-main{display:block}
.br-page{max-width:1180px;margin-inline:auto;padding:18px 16px 40px;display:flex;flex-direction:column;gap:16px}

/* ============= SPORTSBOOK 2-COLUMN SHELL + UNIFIED RIGHT RAIL ======== */
.br-shell{
  max-width:1400px;margin-inline:auto;
  display:grid;grid-template-columns:minmax(0,1fr) 330px;
  gap:16px;padding:16px 18px 40px;align-items:start;
}
.br-shell__main{min-width:0;display:flex;flex-direction:column;gap:16px;grid-column:1;grid-row:1}
.br-rail{grid-column:2;grid-row:1;position:sticky;top:calc(var(--br-head-h) + 14px);display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - var(--br-head-h) - 28px);overflow:auto}

/* Ruota launcher inside the rail */
.br-ruota{
  display:flex;align-items:center;gap:10px;width:100%;height:52px;padding:0 14px;
  border-radius:13px;font-weight:800;font-size:15px;letter-spacing:.2px;color:#8f1810;
  background:linear-gradient(135deg,#ffffff,var(--br-gold));box-shadow:0 8px 20px rgba(218,41,28,.42);
  position:relative;overflow:hidden;
}
.br-ruota::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translateX(-120%);animation:br-shine 3.6s ease-in-out infinite}
@keyframes br-shine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(220%)}}
.br-ruota__disc{
  width:30px;height:30px;border-radius:50%;flex:none;
  background:conic-gradient(from 0deg,var(--br-blue) 0 25%,#8a1810 0 50%,var(--br-blue) 0 75%,#8a1810 0);
  border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.2) inset;animation:br-spin-slow 6s linear infinite;
}
@keyframes br-spin-slow{to{transform:rotate(360deg)}}
.br-ruota--fixed{position:fixed;right:20px;bottom:20px;z-index:70;width:auto;height:54px;padding:0 22px 0 14px;border-radius:28px;box-shadow:0 10px 26px rgba(218,41,28,.55)}
.br-ruota--fixed .br-ruota__disc{width:34px;height:34px}

/* betslip + panels */
.br-panel{background:var(--br-navy);border:1px solid var(--br-line-d);border-radius:16px;color:var(--br-on-dark);overflow:hidden}
.br-panel__h{display:flex;align-items:center;gap:8px;padding:12px 14px;font-weight:800;font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:#c9d1db;border-bottom:1px solid var(--br-line-d)}
.br-panel__h .br-ico{width:16px;height:16px}
.br-panel__h .br-trash{margin-left:auto;color:#8b94a2}
.br-slip__tabs{display:flex;padding:8px 8px 0}
.br-slip__tab{flex:1;height:40px;font-weight:700;font-size:13px;color:#9aa4b2;position:relative}
.br-slip__tab.is-on{color:#fff}
.br-slip__tab.is-on::after{content:"";position:absolute;left:10px;right:10px;bottom:0;height:3px;border-radius:3px;background:var(--br-gold)}
.br-slip__body{padding:24px 18px 18px;text-align:center}
.br-slip__ticket{width:60px;height:60px;margin:0 auto 12px;border-radius:14px;background:var(--br-navy-2);display:flex;align-items:center;justify-content:center;color:#6c7480}
.br-slip__ticket .br-ico{width:28px;height:28px}
.br-slip__empty{font-weight:700;color:#dfe4ec;margin:0 0 6px}
.br-slip__hint{font-size:12.5px;color:#8b94a2;margin:0}
.br-slip__code{display:flex;gap:8px;padding:0 18px 16px}
.br-slip__code input{flex:1;height:44px;border-radius:11px;background:var(--br-navy-2);border:1px solid var(--br-line-d);color:#dfe4ec;padding:0 14px;outline:none}
.br-slip__code input:focus{border-color:var(--br-blue-l)}
.br-slip__foot{padding:0 18px 18px}
/* quick links list inside the rail */
.br-side__h{display:flex;align-items:center;gap:8px;color:#98a2b0;font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;margin:2px 4px 6px}
.br-qlist{display:flex;flex-direction:column;gap:1px}
.br-qrow{display:flex;align-items:center;gap:11px;height:42px;padding:0 10px;border-radius:10px;color:#d0d7e1;font-size:14px;font-weight:600;transition:.14s}
.br-qrow .br-ico{width:18px;height:18px;color:#8b94a2}
.br-qrow:hover{background:var(--br-navy-2);color:#fff}
.br-qrow:hover .br-ico{color:var(--br-blue-l)}
.br-qrow.is-active{background:var(--br-navy-2);color:var(--br-blue-l)}
.br-qrow.is-active .br-ico{color:var(--br-blue-l)}
.br-qrow__badge{margin-left:auto;background:var(--br-gold);color:#8f1810;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}
.br-lg__flag{width:22px;height:16px;border-radius:3px;flex:none;object-fit:cover;background:var(--br-navy-3)}
.br-slipcas__tabs{display:flex;gap:16px;padding:12px 14px 0;font-size:12px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}
.br-slipcas__tab{color:#8b94a2;padding-bottom:8px;position:relative}
.br-slipcas__tab.is-on{color:#fff}
.br-slipcas__tab.is-on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--br-gold)}
.br-slipcas__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 14px 14px}
.br-slipcas__grid .br-tile{border-radius:12px}

/* ============================ HERO CAROUSEL ========================== */
.br-hero{position:relative;border-radius:18px;overflow:hidden;background:#0d1a3c;box-shadow:var(--br-shadow)}
.br-hero__track{display:flex;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.br-hero__slide{position:relative;min-width:100%;aspect-ratio:1040/378;display:flex;align-items:center;background:radial-gradient(70% 100% at 78% 24%,#1c3566,#081026 72%)}
.br-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.br-hero__slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,34,.93) 0%,rgba(8,14,34,.55) 45%,rgba(8,14,34,.05) 75%);z-index:1}
.br-hero__c{position:relative;z-index:2;padding:0 clamp(22px,4vw,54px);max-width:60%}
.br-hero__kick{color:var(--br-gold);font-weight:800;letter-spacing:1px;text-transform:uppercase;font-size:clamp(13px,1.6vw,17px);margin:0 0 6px}
.br-hero__amt{font-size:clamp(28px,4.4vw,52px);font-weight:900;color:#fff;line-height:1.02;margin:0}
.br-hero__amt span{color:var(--br-gold)}
.br-hero__sub{color:#dbe1ea;font-weight:700;letter-spacing:.5px;margin:6px 0 16px;font-size:clamp(12px,1.5vw,16px);text-transform:uppercase}
.br-hero__dots{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:7px}
.br-hero__dot{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.4);transition:.2s}
.br-hero__dot.is-on{width:26px;border-radius:6px;background:var(--br-gold)}
.br-hero__arw{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border-radius:10px;background:rgba(9,16,40,.55);color:#fff;display:flex;align-items:center;justify-content:center}
.br-hero__arw:hover{background:rgba(9,16,40,.85)}
.br-hero__arw--prev{left:12px}.br-hero__arw--next{right:12px}

/* ============================ CASINO HERO =========================== */
.br-chero{
  position:relative;border-radius:18px;overflow:hidden;min-height:420px;
  display:flex;align-items:center;box-shadow:var(--br-shadow);
  background:
    radial-gradient(55% 75% at 80% 112%, rgba(240,74,55,.45), transparent 62%),
    radial-gradient(46% 55% at 88% 16%, rgba(218,41,28,.20), transparent 62%),
    radial-gradient(130% 140% at 16% 6%, #1c3566, #081026 66%);
}
.br-chero__lights{position:absolute;inset:0;z-index:0;
  background-image:
    radial-gradient(2px 2px at 12% 22%,#ffffff 45%,transparent),radial-gradient(2px 2px at 28% 68%,#ffab9c 45%,transparent),
    radial-gradient(3px 3px at 46% 30%,#ffffff 45%,transparent),radial-gradient(2px 2px at 62% 74%,#ffab9c 45%,transparent),
    radial-gradient(2px 2px at 74% 20%,#ffffff 45%,transparent),radial-gradient(3px 3px at 88% 58%,#ffab9c 45%,transparent),
    radial-gradient(2px 2px at 94% 34%,#ffffff 45%,transparent),radial-gradient(2px 2px at 38% 88%,#ffffff 45%,transparent);
  animation:br-twinkle 4.5s ease-in-out infinite;
}
@keyframes br-twinkle{0%,100%{opacity:.35}50%{opacity:.85}}
.br-chero__glow{position:absolute;right:20%;top:50%;transform:translateY(-50%);z-index:1;width:min(420px,46%);aspect-ratio:1;filter:blur(4px);
  background:radial-gradient(circle,rgba(240,74,55,.55),transparent 66%);animation:br-pulse 4s ease-in-out infinite}
@keyframes br-pulse{0%,100%{opacity:.3;transform:translateY(-50%) scale(1)}50%{opacity:.65;transform:translateY(-50%) scale(1.06)}}
.br-chero__c{position:relative;z-index:3;padding:clamp(24px,4vw,52px);max-width:60%}
.br-chero__pack{color:#dbe1ea;font-weight:800;letter-spacing:2px;text-transform:uppercase;font-size:clamp(13px,1.6vw,17px);margin:0 0 8px}
.br-chero__amt{font-size:clamp(30px,5vw,58px);font-weight:900;color:#fff;line-height:1.02;margin:0 0 18px}
.br-chero__amt b{color:var(--br-gold)}
.br-chero__note{color:#a6b0be;font-size:13px;margin:14px 0 0}
.br-chero__note a{color:var(--br-gold);font-weight:700}
.br-chero__char{position:absolute;right:19%;bottom:0;z-index:2;height:106%;width:auto;max-width:40%;object-fit:contain;object-position:bottom;pointer-events:none;filter:drop-shadow(0 12px 30px rgba(0,0,0,.5))}

/* wins ticker */
.br-wins{position:absolute;right:16px;top:16px;z-index:4;width:258px;max-width:32%;background:rgba(255,255,255,.96);border-radius:14px;box-shadow:var(--br-shadow);overflow:hidden}
.br-wins__row{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--br-line-2);font-size:12.5px}
.br-wins__row:last-child{border-bottom:0}
.br-wins__row img{width:34px;height:34px;border-radius:8px;object-fit:cover;flex:none}
.br-wins__row b{color:var(--br-text)}
.br-wins__row span{color:var(--br-blue-d);font-weight:700}

/* ============================ CATEGORY TABS ========================= */
.br-cats{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;align-items:center;background:var(--br-card);border-radius:14px;padding:10px;box-shadow:var(--br-shadow-sm);scrollbar-width:thin}
.br-cats::-webkit-scrollbar{height:5px}
.br-cat{display:inline-flex;flex-direction:column;align-items:center;gap:4px;min-width:74px;flex:0 0 auto;padding:8px 10px;border-radius:11px;color:var(--br-muted);font-size:12px;font-weight:700;transition:.14s}
.br-cat .br-ico{width:22px;height:22px}
.br-cat:hover{background:var(--br-line-2);color:var(--br-text)}
.br-cat.is-on{color:var(--br-blue-d)}
.br-cat.is-on .br-ico{color:var(--br-blue)}
.br-cat.is-on::after{content:"";width:22px;height:3px;border-radius:3px;background:var(--br-blue)}

/* ============================ GAME SECTIONS ======================== */
.br-sec{display:flex;flex-direction:column;gap:12px}
.br-sec__head{display:flex;align-items:center;gap:10px}
.br-sec__ico{width:22px;height:22px;color:var(--br-blue)}
.br-sec__t{font-size:19px;font-weight:800;color:var(--br-text)}
.br-sec__tools{margin-left:auto;display:flex;align-items:center;gap:8px}
.br-all{display:inline-flex;align-items:center;gap:4px;color:var(--br-blue-d);font-weight:700;font-size:13px}
.br-all .br-ico{width:13px;height:13px}
.br-arw{width:34px;height:34px;border-radius:9px;background:var(--br-card);border:1px solid var(--br-line);color:var(--br-muted);display:flex;align-items:center;justify-content:center;box-shadow:var(--br-shadow-sm)}
.br-arw:hover{color:var(--br-blue);border-color:var(--br-blue)}
.br-rail-g{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-behavior:smooth;scroll-snap-type:x proximity}
.br-rail-g>*{scroll-snap-align:start}
.br-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}

/* tile */
.br-tile{position:relative;flex:0 0 auto;width:158px;border-radius:14px;overflow:hidden;background:#112047;box-shadow:var(--br-shadow-sm);transition:.18s transform,.18s box-shadow}
.br-grid .br-tile,.br-slipcas__grid .br-tile{width:auto}
.br-tile:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(8,16,38,.3)}
.br-tile__img{aspect-ratio:158/196;width:100%;object-fit:cover}
.br-tile__ribbon{position:absolute;top:0;left:0;background:linear-gradient(135deg,#ff7a5e,var(--br-blue-d));color:#fff;font-size:8px;font-weight:900;letter-spacing:.4px;padding:3px 8px;border-bottom-right-radius:8px;z-index:2}
.br-tile__badges{position:absolute;top:6px;right:6px;display:flex;gap:5px;z-index:2}
.br-badge{display:inline-flex;align-items:center;gap:3px;background:rgba(8,14,34,.82);color:#e4e9f0;font-size:10px;font-weight:800;padding:3px 6px;border-radius:7px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.br-badge .br-ico{width:11px;height:11px}
.br-tile__foot{position:absolute;left:6px;bottom:6px;z-index:2}
.br-tile__name,.br-tile__prov{display:none}
.br-tile__rtp{display:inline-block;background:rgba(8,14,34,.85);color:var(--br-gold);font-size:10px;font-weight:800;letter-spacing:.3px;padding:3px 7px;border-radius:7px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.br-tile__play{position:absolute;inset:0;background:rgba(9,16,40,.55);display:flex;align-items:center;justify-content:center;opacity:0;transition:.18s;z-index:3}
.br-tile:hover .br-tile__play{opacity:1}
.br-tile__play span{background:var(--br-blue);color:#fff;font-weight:800;padding:9px 18px;border-radius:10px;font-size:13px}

.br-cas-foot{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:6px}
.br-cas-count{color:var(--br-muted);font-size:13px}
.br-cas-count b{color:var(--br-text)}

/* hot combos */
.br-combos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.br-combo{background:linear-gradient(180deg,#1e3568,#112047);border:1px solid var(--br-line-d);border-radius:14px;padding:12px;color:var(--br-on-dark)}
.br-combo__top{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.4px;color:#9aa4b2;margin-bottom:10px}
.br-combo__hot{background:var(--br-blue);color:#fff;padding:2px 7px;border-radius:6px;text-transform:uppercase}
.br-combo__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;text-align:center}
.br-combo__k{color:#8b94a2;font-size:10px;display:block}
.br-combo__v{color:#fff;font-weight:800;font-size:15px}
.br-combo__v--g{color:var(--br-gold)}

/* ============================ PROMO ================================ */
.br-akt-hero{position:relative;border-radius:18px;overflow:hidden;text-align:center;padding:46px 20px;color:#fff;
  background:radial-gradient(120% 140% at 50% 0%,#c8261a,#0d1a3c 70%);box-shadow:var(--br-shadow)}
.br-akt-hero__t{font-size:clamp(30px,5vw,52px);font-weight:900;letter-spacing:2px;margin:0}
.br-akt-hero__s{color:var(--br-gold);font-weight:800;letter-spacing:4px;text-transform:uppercase;margin:6px 0 0}
.br-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}
.br-chip{height:38px;padding:0 22px;border-radius:20px;border:1px solid rgba(255,255,255,.28);color:#dbe1ea;font-weight:700;font-size:13px;display:inline-flex;align-items:center}
.br-chip.is-on{background:var(--br-blue);border-color:var(--br-blue);color:#fff}
.br-promos{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.br-promo{position:relative;background:var(--br-card);border-radius:16px;box-shadow:var(--br-shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:.18s transform,.18s box-shadow}
.br-promo:hover{transform:translateY(-4px);box-shadow:var(--br-shadow)}
.br-promo__pic{position:relative;height:190px;background:radial-gradient(120% 120% at 50% 20%,#1c3566,#112047);overflow:hidden}
.br-promo__pic img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.br-promo__tag{position:absolute;top:16px;right:-38px;z-index:3;width:142px;text-align:center;transform:rotate(45deg);background:var(--br-blue);color:#fff;font-size:11px;font-weight:800;letter-spacing:.9px;text-transform:uppercase;padding:6px 0;box-shadow:0 3px 8px rgba(0,0,0,.3)}
.br-promo__tag--sport{background:var(--br-gold-d)}
.br-promo__ic{position:absolute;left:50%;top:190px;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:var(--br-shadow-sm);display:flex;align-items:center;justify-content:center;z-index:4}
.br-promo__ic .br-ico{width:30px;height:30px;color:var(--br-blue)}
.br-promo__body{padding:38px 18px 18px;text-align:center;display:flex;flex-direction:column;gap:8px;flex:1}
.br-promo__t{font-size:14px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:var(--br-text);margin:0}
.br-promo__sep{width:30px;height:2px;background:var(--br-line);margin:2px auto}
.br-promo__d{font-size:13px;color:var(--br-muted);margin:0;flex:1}
.br-promo__d b{color:var(--br-text)}
.br-promo__d .g{color:var(--br-blue-d);font-weight:700}
.br-promo__btns{display:flex;gap:8px;margin-top:8px}
.br-promo__btns .br-btn{flex:1;height:40px;font-size:12.5px;padding:0 8px}

/* ============================ ARTICLE ============================== */
.br-art{background:var(--br-card);border-radius:18px;box-shadow:var(--br-shadow-sm);padding:clamp(20px,3.4vw,44px);margin-top:16px}
.br-art h1{font-size:clamp(26px,3.6vw,40px);line-height:1.14;font-weight:900;color:var(--br-text);margin:0 0 14px}
.br-art .br-lead{font-size:clamp(16px,1.9vw,19px);color:#455160;font-weight:600;margin:0 0 8px}
.br-art h2{font-size:clamp(21px,2.6vw,28px);font-weight:800;color:var(--br-text);margin:34px 0 12px;padding-left:15px;position:relative}
.br-art h2::before{content:"";position:absolute;left:0;top:.16em;bottom:.16em;width:5px;border-radius:3px;background:var(--br-blue)}
.br-art h3{font-size:clamp(17px,2vw,20px);font-weight:800;color:var(--br-text);margin:24px 0 8px}
.br-art p{margin:0 0 14px;color:#2e3b4c}
.br-art strong,.br-art b{color:var(--br-text)}
.br-art a{color:var(--br-blue-d);font-weight:700}
.br-art a:hover{text-decoration:underline}

.br-bullets{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:9px}
.br-bullets li{position:relative;padding-left:30px;color:#2e3b4c}
.br-bullets li::before{content:"";position:absolute;left:0;top:.15em;width:20px;height:20px;border-radius:6px;background:rgba(240,74,55,.12);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f6fe0' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-11'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:12px}
.br-art ol{margin:0 0 16px;padding-left:0;list-style:none;counter-reset:it}
.br-art ol li{position:relative;padding-left:38px;margin-bottom:10px;color:#2e3b4c;counter-increment:it}
.br-art ol li::before{content:counter(it);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:8px;background:var(--br-blue);color:#fff;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}

.br-quote{margin:22px 0;padding:18px 22px;border-left:4px solid var(--br-blue);background:var(--br-line-2);border-radius:0 12px 12px 0;font-style:italic;color:#455160}
.br-quote cite{display:block;margin-top:8px;font-style:normal;font-weight:700;color:var(--br-muted);font-size:13px}

.br-byline{display:flex;align-items:center;gap:12px;margin:24px 0;padding:14px 18px;border-radius:12px;background:linear-gradient(90deg,rgba(240,74,55,.1),transparent);border:1px solid rgba(240,74,55,.25)}
.br-byline__av{width:44px;height:44px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--br-blue),#ff8168);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:16px}
.br-byline__n{font-weight:800;color:var(--br-text)}
.br-byline__r{font-size:13px;color:var(--br-blue-d);font-weight:700}

.br-tw{overflow-x:auto;margin:0 0 18px;border-radius:12px;border:1px solid var(--br-line)}
.br-tw table{width:100%;border-collapse:collapse;min-width:520px}
.br-tw th,.br-tw td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--br-line);font-size:14px;vertical-align:top}
.br-tw thead th{background:var(--br-navy);color:#e4e9f0;font-weight:700;position:sticky;top:0}
.br-tw tbody tr:nth-child(even){background:var(--br-line-2)}
.br-tw tbody tr:last-child td{border-bottom:0}
.br-tw td:first-child,.br-tw th:first-child{font-weight:700;color:var(--br-text)}

.br-facts{overflow-x:auto;margin:0 0 18px;border-radius:12px;border:1px solid var(--br-line)}
.br-facts table{width:100%;border-collapse:collapse;min-width:420px}
.br-facts td{padding:12px 16px;border-bottom:1px solid var(--br-line);font-size:14px}
.br-facts tr:last-child td{border-bottom:0}
.br-facts td:first-child{width:38%;font-weight:700;color:var(--br-text);background:var(--br-line-2)}

.br-rating{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin:20px 0;padding:20px;border-radius:14px;background:linear-gradient(135deg,#14264f,#24407a);color:#fff}
.br-rating__score{font-size:44px;font-weight:900;color:var(--br-gold);line-height:1}
.br-rating__score span{font-size:20px;color:#9aa4b2}
.br-rating__label{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#9aa4b2}
.br-rating__bars{flex:1;min-width:240px;display:flex;flex-direction:column;gap:8px}
.br-rbar{display:grid;grid-template-columns:170px 1fr 34px;align-items:center;gap:10px;font-size:13px}
.br-rbar__track{height:8px;border-radius:6px;background:rgba(255,255,255,.14);overflow:hidden}
.br-rbar__fill{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--br-blue),#ff8168);width:0;transition:width 1.1s ease}
.br-rbar__v{font-weight:800;color:var(--br-gold);text-align:right}

.br-abanner{position:relative;overflow:hidden;border-radius:18px;margin:30px 0;padding:34px 36px;min-height:150px;color:#fff;
  background:linear-gradient(120deg,#a81d10,#8f1810 52%,#112047 92%)}
.br-abanner::after{content:"";position:absolute;right:30%;top:-50px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(218,41,28,.32),transparent 70%);z-index:0}
.br-abanner__body{position:relative;z-index:2;max-width:64%;display:flex;flex-direction:column;align-items:flex-start}
.br-abanner__t{font-size:clamp(23px,3vw,32px);font-weight:900;margin:0;line-height:1.1}
.br-abanner__d{color:#dfe4ec;margin:7px 0 0;font-size:15px}
.br-abanner__body .br-btn{margin-top:16px}
.br-abanner--char{min-height:215px;padding-right:clamp(150px,36%,340px)}
.br-abanner__char{position:absolute;right:1.5%;bottom:0;height:124%;width:auto;max-width:37%;object-fit:contain;object-position:bottom center;z-index:1;pointer-events:none;filter:drop-shadow(0 14px 26px rgba(0,0,0,.5))}

.br-faq{display:flex;flex-direction:column;gap:10px;margin:8px 0 18px}
.br-faq__item{border:1px solid var(--br-line);border-radius:12px;overflow:hidden;background:#fff}
.br-faq__q{width:100%;display:flex;align-items:center;gap:12px;padding:15px 18px;font-weight:700;color:var(--br-text);text-align:left}
.br-faq__q .br-ico{margin-left:auto;width:18px;height:18px;color:var(--br-blue);transition:.2s transform}
.br-faq__item.is-open .br-faq__q .br-ico{transform:rotate(180deg)}
.br-faq__a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 18px}
.br-faq__item.is-open .br-faq__a{max-height:640px}
.br-faq__a p{padding:2px 0 16px;margin:0;color:#2e3b4c}

.br-testi{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;margin:8px 0 18px}
.br-testi__c{background:var(--br-line-2);border-radius:14px;padding:18px;border:1px solid var(--br-line)}
.br-testi__c p{font-style:italic;margin:0 0 10px;color:#455160}
.br-testi__a{font-weight:700;color:var(--br-blue-d);font-size:13px}

/* ============================ RUOTA MODAL ========================== */
.br-wheelov{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;padding:16px;
  background:radial-gradient(120% 120% at 50% 40%,rgba(10,20,48,.9),rgba(8,14,34,.95))}
.br-wheelov.is-open{display:flex}
.br-wheelov__box{position:relative;width:100%;max-width:520px;text-align:center;color:#fff}
.br-wheelov__close{position:absolute;right:0;top:-4px;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;z-index:5}
.br-wheelov__title{font-size:30px;font-weight:900;letter-spacing:1px;margin:0 0 18px;text-shadow:0 3px 14px rgba(0,0,0,.4)}
.br-wheelov__title b{color:var(--br-gold)}
.br-wheel-stage{position:relative;width:min(420px,86vw);aspect-ratio:1;margin:0 auto}
.br-wheel-rim{position:absolute;inset:0;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,transparent 68%,#8a1810 69% 72%,var(--br-gold) 73% 80%,#8a1810 81%);
  box-shadow:0 0 40px rgba(240,74,55,.6),0 20px 50px rgba(0,0,0,.55)}
.br-wheel-rim::before{content:"";position:absolute;inset:6.5%;border-radius:50%;
  background:repeating-conic-gradient(#ffffff 0 3deg,transparent 3deg 45deg)}
.br-wheel{position:absolute;inset:11%;border-radius:50%;overflow:hidden;
  transition:transform 5.4s cubic-bezier(.13,.82,.2,1);will-change:transform;
  background:conic-gradient(
    var(--br-blue) 0 45deg,#ffffff 45deg 90deg,var(--br-blue) 90deg 135deg,#ffffff 135deg 180deg,
    var(--br-blue) 180deg 225deg,#ffffff 225deg 270deg,var(--br-blue) 270deg 315deg,#ffffff 315deg 360deg);
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.22)}
.br-wheel__seg{position:absolute;inset:0;pointer-events:none;transform:rotate(calc(var(--i) * 45deg + 22.5deg))}
.br-wheel__seg span{position:absolute;top:7%;left:50%;transform:translate(-50%,0) rotate(90deg);transform-origin:center;
  font-size:13px;font-weight:800;color:#fff;white-space:nowrap;letter-spacing:.2px}
.br-wheel__seg:nth-child(2n) span{color:#8f1810;text-shadow:0 1px 2px rgba(255,255,255,.65)}
.br-wheel__seg--win span{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.85);font-size:14px;font-weight:900}
.br-wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20%;height:20%;border-radius:50%;z-index:4;
  background:radial-gradient(circle at 40% 35%,#ff7a5e,var(--br-blue-d));border:3px solid var(--br-gold);box-shadow:0 0 18px rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;overflow:hidden}
.br-wheel-hub img{width:74%}
/* gold triangle pointer (distinct from CA diamond) */
.br-wheel-ptr{position:absolute;left:50%;top:-2%;transform:translateX(-50%);z-index:5;width:0;height:0;
  border-left:16px solid transparent;border-right:16px solid transparent;border-top:32px solid var(--br-gold);filter:drop-shadow(0 3px 4px rgba(0,0,0,.5))}
.br-wheel-remaining{margin:18px 0 10px;color:#dbe1ea;font-weight:700;letter-spacing:.5px;font-size:13px;text-transform:uppercase}
.br-wheel-spin{height:52px;padding:0 40px;border-radius:14px;font-weight:800;font-size:16px;color:#8f1810;
  background:linear-gradient(180deg,#ffffff,var(--br-gold));box-shadow:0 8px 22px rgba(218,41,28,.55)}
.br-wheel-spin:hover{filter:brightness(1.06)}
.br-wheel-spin:disabled{opacity:.5;cursor:default;filter:grayscale(.3)}
.br-wheel-details{display:block;margin-top:12px;color:#9aa4b2;font-size:12px;letter-spacing:1px;text-transform:uppercase}
.br-wheel-result{display:none}
.br-wheelov.is-won .br-wheel-stage,.br-wheelov.is-won .br-wheel-remaining,.br-wheelov.is-won .br-wheel-spin,.br-wheelov.is-won .br-wheel-details{display:none}
.br-wheelov.is-won .br-wheel-result{display:block;animation:br-pop .4s ease}
@keyframes br-pop{from{transform:scale(.85);opacity:0}to{transform:scale(1);opacity:1}}
.br-wheel-result__cup{font-size:64px;line-height:1;margin-bottom:8px}
.br-wheel-result__t{font-size:26px;font-weight:900;margin:0 0 6px;color:#fff}
.br-wheel-result__b{font-size:22px;font-weight:900;color:var(--br-gold);margin:0 0 4px}
.br-wheel-result__d{color:#dbe1ea;margin:0 0 20px}

/* ============================ FOOTER =============================== */
.br-foot{background:linear-gradient(180deg,#14264f,#081026);color:var(--br-on-dark-mut);margin-top:24px;padding:36px 0 22px}
.br-foot__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}
.br-foot__logo{display:inline-block;background:#fff;padding:9px 14px;border-radius:12px;margin-bottom:14px}
.br-foot__logo img{height:28px;display:block}
.br-foot__about{font-size:13px;line-height:1.7;max-width:340px}
.br-fcol h3{color:#e4e9f0;font-size:14px;font-weight:800;margin:0 0 12px}
.br-fcol a{display:block;padding:5px 0;font-size:13.5px;color:#9aa4b2}
.br-fcol a:hover{color:var(--br-blue-l)}
.br-foot__pays{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.br-paych{height:30px;padding:0 12px;border-radius:7px;background:var(--br-navy-2);color:#d0d7e1;font-size:12px;font-weight:700;display:inline-flex;align-items:center}
.br-foot__bar{border-top:1px solid var(--br-line-d);margin-top:26px;padding-top:18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:12.5px}
.br-foot__soc{display:flex;gap:8px}
.br-foot__soc a{width:34px;height:34px;border-radius:9px;background:var(--br-navy-2);color:#d0d7e1;display:flex;align-items:center;justify-content:center}
.br-foot__soc a:hover{background:var(--br-blue);color:#fff}
.br-foot__copy{margin-left:auto}
.br-foot__age{width:36px;height:36px;border-radius:50%;border:2px solid var(--br-gold);color:var(--br-gold);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
.br-foot__rg{width:100%;font-size:12px;color:#8b94a2;line-height:1.7}

/* ============================ ANIMATIONS ========================== */
body.js [data-animate]{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
body.js [data-animate].is-in{opacity:1;transform:none}
.br-reveal{opacity:0;transform:translateY(18px);transition:opacity .55s ease,transform .55s ease}
.br-reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  body.js [data-animate]{opacity:1;transform:none;transition:none}
  .br-reveal{opacity:1;transform:none;transition:none}
  .br-ruota::after,.br-ruota__disc,.br-chero__glow,.br-chero__lights{animation:none}
}

/* ============================ MOBILE DRAWER ======================= */
.br-scrim{position:fixed;inset:0;background:rgba(6,11,28,.6);z-index:90;opacity:0;visibility:hidden;transition:.2s}
.br-scrim.is-on{opacity:1;visibility:visible}
.br-mnav{position:fixed;top:0;left:0;bottom:0;width:min(300px,84vw);z-index:100;background:var(--br-navy);color:var(--br-on-dark);
  transform:translateX(-100%);transition:transform .26s ease;overflow:auto;padding:16px}
.br-mnav.is-on{transform:none}
.br-mnav__x{position:absolute;right:12px;top:12px;width:38px;height:38px;border-radius:10px;color:#d0d7e1;font-size:22px;display:flex;align-items:center;justify-content:center}
.br-mnav__logo{display:inline-block;background:#fff;padding:8px 12px;border-radius:10px;margin:2px 0 18px}
.br-mnav__logo img{height:24px;margin:0;display:block}
.br-mnav a{display:flex;align-items:center;gap:12px;padding:13px 12px;border-radius:11px;font-weight:700;color:#dfe4ec}
.br-mnav a .br-ico{color:#8b94a2;width:20px;height:20px}
.br-mnav a:hover,.br-mnav a.is-active{background:var(--br-navy-2);color:var(--br-blue-l)}
.br-mnav a.is-active .br-ico{color:var(--br-blue-l)}
.br-mnav__cta{display:flex;gap:8px;margin-top:16px}
.br-mnav__cta .br-btn{flex:1}
.br-mnav__cta .br-btn--login{background:linear-gradient(180deg,var(--br-blue-l),var(--br-blue));color:#fff;border:0}

/* ============================ LEGAL / RULES ======================= */
.br-legal{display:grid;grid-template-columns:250px minmax(0,1fr);gap:26px;align-items:start;margin:20px 0 50px}
.br-toc{position:sticky;top:calc(var(--br-head-h) + 16px);background:var(--br-card);border-radius:14px;box-shadow:var(--br-shadow-sm);padding:16px}
.br-toc__t{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--br-muted);font-weight:800;margin:0 0 10px}
.br-toc a{display:block;padding:8px 10px;border-radius:9px;color:var(--br-text);font-size:13.5px;font-weight:600}
.br-toc a:hover{background:var(--br-line-2);color:var(--br-blue-d)}
.br-legal__body{background:var(--br-card);border-radius:16px;box-shadow:var(--br-shadow-sm);padding:clamp(20px,3vw,40px)}
.br-legal__body h1{font-size:clamp(26px,3.4vw,36px);font-weight:900;margin:0 0 6px;color:var(--br-text)}
.br-legal__upd{color:var(--br-muted);font-size:13px;margin:0 0 22px}
.br-legal__sec{scroll-margin-top:calc(var(--br-head-h) + 16px);border-top:1px solid var(--br-line);padding-top:22px;margin-top:22px}
.br-legal__sec:first-of-type{border-top:0;padding-top:0;margin-top:0}
.br-legal__sec h2{font-size:22px;font-weight:800;color:var(--br-text);margin:0 0 12px;padding-left:15px;position:relative}
.br-legal__sec h2::before{content:"";position:absolute;left:0;top:.16em;bottom:.16em;width:5px;border-radius:3px;background:var(--br-blue)}
.br-legal__sec h3{font-size:17px;font-weight:800;margin:18px 0 6px;color:var(--br-text)}
.br-legal__sec p{margin:0 0 12px;color:#2e3b4c}
.br-legal__sec a{color:var(--br-blue-d);font-weight:700}
.br-legal__list{list-style:none;margin:2px 0 14px;padding:0;display:flex;flex-direction:column;gap:8px}
.br-legal__list li{position:relative;padding-left:24px;color:#2e3b4c}
.br-legal__list li::before{content:"";position:absolute;left:2px;top:.55em;width:8px;height:8px;border-radius:2px;background:var(--br-blue);transform:rotate(45deg)}
.br-legal__list strong{color:var(--br-text)}

/* inline article imagery */
.br-fig{margin:28px 0;border-radius:16px;overflow:hidden;box-shadow:var(--br-shadow-sm)}
.br-fig img{width:100%;display:block}

/* ============================ RESPONSIVE ========================= */
@media (max-width:1180px){
  .br-shell{grid-template-columns:minmax(0,1fr) 300px}
}
@media (max-width:1040px){
  .br-head__nav{display:none}
  .br-burger{display:flex}
}
@media (max-width:860px){
  .br-shell{grid-template-columns:minmax(0,1fr)}
  .br-rail{display:none}
  .br-foot__grid{grid-template-columns:1fr 1fr}
  .br-chero__char,.br-wins{display:none}
  .br-chero__c,.br-hero__c{max-width:100%}
  .br-legal{grid-template-columns:1fr}
  .br-toc{position:static;order:-1}
}
@media (max-width:560px){
  :root{--br-head-h:56px}
  .br-lang{display:none}
  .br-foot__grid{grid-template-columns:1fr}
  .br-promos{grid-template-columns:1fr;gap:16px}
  .br-tile{width:138px}
}
@media (max-width:400px){
  .br-promos{grid-template-columns:1fr}
  .br-rbar{grid-template-columns:120px 1fr 30px}
}

.br-abanner .br-abanner__t{color:#fff}
.br-abanner .br-abanner__d{color:#dfe4ec}
.br-art .br-btn--reg{color:#8f1810}
.br-art .br-btn--login{color:#fff}
.br-art .br-btn:hover{text-decoration:none}

@media (max-width:640px){
  .br-head__auth{display:none}
  .br-head__in{gap:10px}
  .br-abanner__char{display:none}
  .br-abanner--char{padding-right:22px;min-height:0}
  .br-abanner{padding:24px 22px;margin:22px 0}
  .br-abanner__body{max-width:100%}
  .br-chero{min-height:0}
  .br-chero__c{padding:26px 20px;max-width:100%}
  .br-chero__amt{font-size:clamp(20px,5.4vw,27px);line-height:1.15}
  .br-chero__pack{font-size:12px}
  .br-chero__glow{display:none}
  .br-hero__amt{font-size:clamp(26px,8vw,40px)}
  .br-hero__c{max-width:100%}
}

/* =========================================================================
   VISUAL UPGRADE — BLOCK 1/4: PALETTE & DEPTH
   Static depth only (no keyframes). Keeps azzurro #da291c + gold #ffffff.
   ========================================================================= */
:root{
  --br-navy-hi:#1e3568;                          /* panel gradient — top   */
  --br-navy-mid:#14264f;                         /* panel gradient — mid   */
  --br-navy-lo:#0d1a3c;                          /* panel gradient — floor */
  --br-ink:#060b1c;                              /* deepest navy           */
  --br-panel-brd:rgba(150,160,175,.20);          /* refined cool 1px rim   */
  --br-hair-gold:rgba(218,41,28,.24);           /* faint gold hairline    */
  --br-inset-hi:inset 0 1px 0 rgba(255,255,255,.06); /* top inner-highlight */
  --br-glow-gold:0 0 24px rgba(218,41,28,.16);  /* tuned, non-neon        */
  --br-on-dark-mut:#aab3c1;                       /* was #9aa4b2            */
  --br-mut-2:#949eac;                             /* replaces #8b94a2 group */
}
.br-head{
  background:
    linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,0) 42%),
    linear-gradient(178deg,#ff5a48 0%,#da291c 55%,#e5382a 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 20px rgba(8,16,38,.28);
}
.br-panel{
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,0) 14%),
    linear-gradient(180deg,var(--br-navy-hi) 0%,var(--br-navy-mid) 60%,var(--br-navy-lo) 100%);
  border:1px solid var(--br-panel-brd);
  box-shadow:var(--br-inset-hi),0 12px 28px rgba(6,11,28,.34);
}
.br-panel__h{
  background:linear-gradient(180deg,rgba(240,74,55,.12),rgba(240,74,55,0));
  border-bottom:1px solid var(--br-hair-gold);
  box-shadow:0 1px 0 rgba(218,41,28,.08);
  color:#ccd4de;
}
.br-panel__h .br-trash{color:var(--br-mut-2)}
.br-slip__ticket{
  background:linear-gradient(180deg,#1e3568,#14264f);
  border:1px solid rgba(150,160,175,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 8px 18px rgba(6,11,28,.35);
  color:#6c7480;
}
.br-slip__hint{color:#8b94a2}
.br-slip__tab{color:#9aa4b2}
.br-slip__code input{
  background:linear-gradient(180deg,#14264f,#1e3568);
  border:1px solid rgba(150,160,175,.16);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.28);
}
.br-slipcas__tab{color:var(--br-mut-2)}
.br-combo{
  background:linear-gradient(180deg,#1e3568,#112047 70%,#081026);
  border:1px solid rgba(150,160,175,.16);
  box-shadow:var(--br-inset-hi);
}
.br-combo__k{color:var(--br-mut-2)}
.br-hero__slide{
  background:
    radial-gradient(60% 90% at 84% 16%,rgba(218,41,28,.10),transparent 60%),
    radial-gradient(78% 115% at 72% 24%,#1c3566 0%,#0d1a3c 52%,var(--br-ink) 88%);
}
.br-rating{
  background:
    radial-gradient(90% 120% at 10% 12%,rgba(218,41,28,.12),transparent 55%),
    linear-gradient(135deg,#14264f 0%,#24407a 55%,#0d1a3c 100%);
  border:1px solid rgba(150,160,175,.16);
  box-shadow:var(--br-inset-hi),0 12px 30px rgba(9,16,40,.35);
}
.br-rbar__track{background:rgba(255,255,255,.10);box-shadow:inset 0 1px 1px rgba(0,0,0,.22)}
.br-rbar__fill{background:linear-gradient(90deg,var(--br-blue),#ff8168);box-shadow:0 0 10px rgba(240,74,55,.45)}
.br-btn--reg{
  background:linear-gradient(180deg,#ffffff 0%,#fde6e2 50%,#f6d2ca 100%);
  color:#8f1810;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 6px 16px rgba(218,41,28,.40),var(--br-glow-gold);
}
.br-ruota{
  background:linear-gradient(135deg,#fff4f1 0%,#fcddd5 42%,var(--br-gold) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 8px 20px rgba(218,41,28,.42),var(--br-glow-gold);
}
.br-ruota--fixed{box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 10px 26px rgba(218,41,28,.5),0 0 30px rgba(218,41,28,.20)}
.br-wheel-spin{
  background:linear-gradient(180deg,#ffffff,#fde6e2 50%,#f6d2ca);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 8px 22px rgba(218,41,28,.5),0 0 26px rgba(218,41,28,.18);
}
.br-btn--login{
  background:linear-gradient(180deg,#ff6f52,#da291c 55%,var(--br-blue));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 6px 16px rgba(240,74,55,.34);
}
.br-foot__rg{color:var(--br-mut-2)}

/* =========================================================================
   VISUAL UPGRADE — BLOCK 2/4: RAIL DE-CRAMP + CONFIG PANEL
   ========================================================================= */
.br-panel__h{padding:14px 16px}
.br-rail{gap:18px}
.br-rail>*{flex-shrink:0}   /* panels keep natural height; rail scrolls (overflow:auto) instead of clipping */
.br-ruota{height:58px;padding:0 16px;font-size:15.5px;letter-spacing:.3px}
.br-ruota__disc{width:32px;height:32px}
.br-slip__tabs{padding:10px 10px 0}
.br-slip__tab{height:44px}
.br-slip__body{padding:28px 20px 20px}
.br-slip__ticket{margin:0 auto 14px}
.br-slip__code{padding:0 20px 18px}
.br-slip__foot{padding:0 20px 20px}
.br-side__h{margin:4px 6px 10px}
.br-qlist{gap:3px}
.br-qrow{height:46px;padding:0 12px;gap:12px}
.br-slipcas__tabs{padding:14px 16px 0}
.br-slipcas__grid{padding:14px 16px 16px;gap:10px}
/* CONFIG panel body (replaces the broken empty stub) */
.br-cfg .br-panel__h .br-ico{color:var(--br-gold)}
.br-cfg__body{display:flex;flex-direction:column;gap:16px;padding:14px}
.br-cfg__row{display:flex;flex-direction:column;gap:9px}
.br-cfg__lbl{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#98a2b0}
.br-seg{
  position:relative;display:grid;grid-template-columns:repeat(3,1fr);
  padding:4px;border-radius:12px;
  background:var(--br-navy-2);border:1px solid var(--br-line-d);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.32);
}
.br-seg::before{
  content:"";position:absolute;z-index:0;top:4px;bottom:4px;left:4px;
  width:calc((100% - 8px) / 3);border-radius:9px;
  background:linear-gradient(180deg,#ffffff,var(--br-gold));
  box-shadow:0 3px 10px rgba(218,41,28,.45),inset 0 1px 0 rgba(255,255,255,.5);
  transform:translateX(calc(var(--seg,0) * 100%));
  transition:transform .3s cubic-bezier(.34,1.4,.5,1);
}
.br-seg__opt{
  position:relative;z-index:1;height:34px;border-radius:9px;background:transparent;
  font-size:11px;font-weight:700;letter-spacing:0;white-space:nowrap;padding:0 2px;
  color:#98a2b0;transition:color .2s ease;
}
.br-seg__opt.is-on{color:#8f1810}
.br-seg__opt:not(.is-on):hover{color:#e4e9f0}
.br-seg__opt:focus-visible{outline:2px solid var(--br-blue-l);outline-offset:2px}
.br-switch{position:relative;display:flex;align-items:center;gap:12px;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.br-switch__cb{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.br-switch__track{
  position:relative;flex:none;width:44px;height:26px;border-radius:26px;
  background:var(--br-navy-2);border:1px solid var(--br-line-d);
  box-shadow:inset 0 1px 3px rgba(0,0,0,.35);
  transition:background .22s ease,border-color .22s ease;
}
.br-switch__thumb{
  position:absolute;top:50%;left:3px;width:20px;height:20px;border-radius:50%;
  background:linear-gradient(180deg,#ffffff,#f7ded6);box-shadow:0 2px 5px rgba(0,0,0,.4);
  transform:translateY(-50%);transition:transform .24s cubic-bezier(.34,1.56,.64,1);
}
.br-switch__cb:checked + .br-switch__track{background:linear-gradient(180deg,var(--br-blue-l),var(--br-blue));border-color:var(--br-blue)}
.br-switch__cb:checked + .br-switch__track .br-switch__thumb{transform:translate(16px,-50%)}
.br-switch__cb:focus-visible + .br-switch__track{outline:2px solid var(--br-blue-l);outline-offset:2px}
.br-switch__txt{font-size:13.5px;font-weight:600;color:#d0d7e1}

/* =========================================================================
   VISUAL UPGRADE — BLOCK 3/4: MOTION SYSTEM
   Rides the existing body.js / [data-animate] / .is-in / .br-reveal system.
   New @keyframes: br-riseIn, br-kenburns, br-bob. transform/opacity/filter only.
   ========================================================================= */
@keyframes br-riseIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes br-kenburns{0%{transform:scale(1.06) translate3d(0,0,0)}50%{transform:scale(1.12) translate3d(-1.5%,-1%,0)}100%{transform:scale(1.06) translate3d(0,0,0)}}
@keyframes br-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
body.js [data-animate].br-stagger{opacity:1;transform:none;transition:none}
body.js [data-animate].br-stagger > *{opacity:0}
body.js [data-animate].br-stagger.is-in > *{opacity:1;animation:br-riseIn .5s cubic-bezier(.22,.61,.36,1) backwards}
body.js [data-animate].br-stagger.is-in > *:nth-child(1){animation-delay:.05s}
body.js [data-animate].br-stagger.is-in > *:nth-child(2){animation-delay:.12s}
body.js [data-animate].br-stagger.is-in > *:nth-child(3){animation-delay:.19s}
body.js [data-animate].br-stagger.is-in > *:nth-child(4){animation-delay:.26s}
body.js [data-animate].br-stagger.is-in > *:nth-child(5){animation-delay:.33s}
body.js [data-animate].br-stagger.is-in > *:nth-child(6){animation-delay:.40s}
body.js [data-animate].br-stagger.is-in > *:nth-child(7){animation-delay:.47s}
body.js [data-animate].br-stagger.is-in > *:nth-child(8){animation-delay:.54s}
.br-btn{position:relative;overflow:hidden;isolation:isolate}
.br-btn > svg,.br-btn > span{position:relative;z-index:1}
.br-btn:hover{transform:translateY(-2px)}
.br-btn:active{transform:translateY(0) scale(.985);transition-duration:.06s}
.br-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(255,255,255,.9),0 0 0 6px var(--br-gold)}
.br-btn--reg::before{content:"";position:absolute;top:-25%;bottom:-25%;left:0;width:42%;z-index:0;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.32),transparent);transform:translateX(-160%) skewX(-20deg)}
.br-btn--reg:hover::before{transform:translateX(340%) skewX(-20deg);transition:transform .75s ease}
.br-btn--reg:hover{filter:brightness(1.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 12px 26px rgba(218,41,28,.55),0 0 28px rgba(218,41,28,.22)}
.br-btn--login:hover{box-shadow:0 12px 26px rgba(240,74,55,.55)}
.br-qrow{position:relative;transition:background .16s ease,color .16s ease,transform .16s ease}
.br-qrow::before{content:"";position:absolute;left:2px;top:50%;width:3px;height:20px;border-radius:3px;
  background:var(--br-gold);transform:translateY(-50%) scaleY(0);transform-origin:center;transition:transform .18s ease}
.br-qrow:hover{transform:translateX(3px)}
.br-qrow:hover::before,.br-qrow.is-active::before{transform:translateY(-50%) scaleY(1)}
.br-qrow .br-ico{transition:transform .16s ease,color .16s ease}
.br-qrow:hover .br-ico{transform:translateX(2px)}
.br-qrow:focus-visible{outline:2px solid var(--br-gold);outline-offset:-2px;color:#fff}
.br-panel{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.br-panel:hover{transform:translateY(-2px);box-shadow:var(--br-inset-hi),0 18px 38px rgba(8,14,34,.5);border-color:#37568f}
.br-tile__img{transition:transform .35s cubic-bezier(.22,.61,.36,1)}
.br-tile:hover .br-tile__img{transform:scale(1.06)}
.br-tile__play span{transform:translateY(6px);transition:transform .2s ease}
.br-tile:hover .br-tile__play span{transform:none}
.br-tile:focus-visible{outline:2px solid var(--br-gold);outline-offset:2px}
.br-navlink::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:2px;border-radius:2px;
  background:var(--br-gold);transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.br-navlink:hover::after{transform:scaleX(1)}
.br-navlink.is-active::after{display:none}
.br-navlink:hover .br-ico{transform:translateY(-1px)}
.br-navlink:focus-visible{outline:2px solid var(--br-gold);outline-offset:2px}
.br-hero__bg{transform-origin:50% 45%;animation:br-kenburns 18s ease-in-out infinite;will-change:transform}
.br-ruota{transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.br-ruota:hover{filter:brightness(1.05);box-shadow:0 12px 28px rgba(218,41,28,.55)}
.br-ruota:active{transform:translateY(1px)}
.br-ruota--fixed{animation:br-bob 3.2s ease-in-out infinite}
.br-ruota--fixed:hover{animation-play-state:paused;box-shadow:0 14px 32px rgba(218,41,28,.62)}
.br-hero__arw{transition:background .16s ease,transform .16s ease}
.br-hero__arw:hover{transform:translateY(-50%) scale(1.08)}
.br-arw{transition:color .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}
.br-arw:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(8,16,38,.18)}
.br-cat .br-ico{transition:transform .16s ease}
.br-cat:hover .br-ico{transform:translateY(-2px)}
.br-foot__soc a{transition:background .16s ease,color .16s ease,transform .16s ease}
.br-foot__soc a:hover{transform:translateY(-2px)}

/* =========================================================================
   VISUAL UPGRADE — BLOCK 4/4: REDUCED-MOTION GUARD (second reduce block)
   Toggle thumb + odds-format pill get transition:none only (NOT transform:none)
   so their STATE still updates instantly.
   ========================================================================= */
@media (prefers-reduced-motion:reduce){
  body.js [data-animate].br-stagger > *{opacity:1!important;animation:none!important}
  .br-hero__bg,.br-ruota--fixed{animation:none!important}
  .br-btn--reg::before{display:none}
  .br-btn:hover,.br-btn:active,.br-panel:hover,.br-qrow:hover,.br-arw:hover,
  .br-foot__soc a:hover,.br-qrow:hover .br-ico,.br-cat:hover .br-ico,
  .br-navlink:hover .br-ico,.br-ruota:active,
  .br-tile:hover .br-tile__img,.br-tile__play span{transform:none!important}
  .br-hero__arw:hover{transform:translateY(-50%)!important}
  .br-seg::before,.br-seg__opt,.br-switch__track,.br-switch__thumb,
  .br-qrow,.br-qrow::before,.br-ruota,.br-navlink::after,
  .br-tile__img,.br-tile__play span{transition:none!important}
}

/* =========================================================================
   IVIBET NEW ZEALAND — SWISS IDENTITY OVERRIDE (block 5/5)
   Light "New Zealand flag navy+red+white" header, white-cross motif, 3-col cockpit,
   Wetten-Kopieren live feed, live odds converter. Scarlet + graphite + white.
   ========================================================================= */
:root{--br-cockpit-l:248px;--br-cockpit-r:330px}

/* ---- LIGHT HEADER (inverts the solid-red header) ---- */
.br-head{
  background:linear-gradient(180deg,#ffffff,#e9eefb);
  border-bottom:3px solid var(--br-blue);
  color:var(--br-text);
  box-shadow:0 2px 14px rgba(8,16,38,.09);
}
.br-logo{background:var(--br-blue);box-shadow:0 3px 10px rgba(218,41,28,.35)}
.br-burger{color:#41474f}
.br-burger:hover{background:#e3e9f4}
.br-navlink{color:#41474f}
.br-navlink .br-ico{color:#98a0aa}
.br-navlink:hover{color:#151a1f;background:#e3e9f4}
.br-navlink:hover .br-ico{color:var(--br-blue)}
.br-navlink.is-active{color:#fff;background:var(--br-blue)}
.br-navlink.is-active .br-ico{color:#fff}
.br-navlink::after{background:var(--br-blue)}
.br-lang{color:#41474f}
.br-lang:hover{background:#e3e9f4;color:#151a1f}
.br-head__auth .br-btn--login{border:1px solid var(--br-blue);color:var(--br-blue);background:transparent;box-shadow:none}
.br-head__auth .br-btn--login:hover{background:rgba(218,41,28,.08);filter:none;box-shadow:none}
.br-head__auth .br-btn--reg{background:linear-gradient(180deg,#f04a37,var(--br-blue));color:#fff;box-shadow:0 6px 16px rgba(218,41,28,.34)}
.br-btn:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--br-blue)}

/* ---- scarlet accents that must pop on graphite (were flag-white) ---- */
.br-hero__kick,.br-akt-hero__s{color:var(--br-blue-l)}
.br-hero__amt span,.br-chero__amt b,.br-combo__v--g,.br-tile__rtp{color:var(--br-blue-l)}
.br-hero__dot.is-on{background:var(--br-blue-l)}
.br-slip__tab.is-on::after,.br-slipcas__tab.is-on::after{background:var(--br-blue-l)}
.br-rating__score{color:var(--br-blue-l)}
.br-wheel-ptr{border-top-color:var(--br-blue)}
.br-qrow__badge{background:var(--br-blue);color:#fff}
.br-bullets li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23da291c' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-11'/%3E%3C/svg%3E")}

/* ---- WHITE-CROSS motif ---- */
.br-cross{position:relative;display:inline-block}
.br-cross::before,.br-cross::after{content:"";position:absolute;background:#fff;border-radius:1px}
.br-cross::before{left:39%;right:39%;top:16%;bottom:16%}
.br-cross::after{top:39%;bottom:39%;left:16%;right:16%}
.br-wheel-hub .br-cross{width:64%;height:64%}
.br-flag{position:relative;width:22px;height:22px;border-radius:5px;background:var(--br-blue);flex:none;box-shadow:0 1px 3px rgba(218,41,28,.45)}
.br-flag::before,.br-flag::after{content:"";position:absolute;background:#fff;border-radius:1px}
.br-flag::before{left:42%;right:42%;top:20%;bottom:20%}
.br-flag::after{top:42%;bottom:42%;left:20%;right:20%}
.br-sec__ico--cross{color:var(--br-blue)}

/* ---- 3-COLUMN COCKPIT (index) ---- */
.br-shell--cockpit{
  max-width:1520px;
  grid-template-columns:var(--br-cockpit-l) minmax(0,1fr) var(--br-cockpit-r);
  grid-template-areas:"lrail main rail";
}
.br-shell--cockpit .br-shell__main{grid-area:main}
.br-shell--cockpit .br-rail{grid-area:rail}
.br-lrail{grid-area:lrail;position:sticky;top:calc(var(--br-head-h) + 14px);display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - var(--br-head-h) - 28px);overflow:auto}
.br-lrail>*{flex-shrink:0}
.br-lrail .br-panel{padding:12px 12px 8px}

/* ---- WETTEN KOPIEREN live feed (new mechanic) ---- */
.br-copy{background:linear-gradient(180deg,#14264f,#0d1a3c);border:1px solid var(--br-line-d);border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(8,16,38,.30)}
.br-copy__head{display:flex;align-items:flex-start;gap:10px;padding:16px 18px 12px}
.br-copy__title{font-size:17px;font-weight:800;color:#fff;display:flex;align-items:center;gap:9px}
.br-copy__live{margin-left:auto;font-size:12px;color:#aab3c1;text-align:right;line-height:1.55}
.br-copy__live b{color:#ff7a5e;font-weight:800;font-variant-numeric:tabular-nums}
.br-copy__filters{display:flex;gap:7px;flex-wrap:wrap;padding:0 18px 14px}
.br-copyf{height:30px;padding:0 13px;border-radius:16px;font-size:12px;font-weight:700;color:#c9d1db;background:#1e3568;border:1px solid #2c4a86;transition:.15s}
.br-copyf:hover{color:#fff;border-color:var(--br-blue-l)}
.br-copyf.is-on{background:var(--br-blue);border-color:var(--br-blue);color:#fff}
.br-copy__feed{display:flex;flex-direction:column;max-height:560px;overflow:auto;padding:0 10px 10px}
.br-copycard{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"av head odds" "av sel odds" "prob prob prob" "foot foot foot";gap:3px 12px;padding:14px 10px;border-radius:12px;transition:background .15s}
.br-copycard:hover{background:rgba(255,255,255,.03)}
.br-copycard + .br-copycard{border-top:1px solid rgba(255,255,255,.06)}
.br-copycard__av{grid-area:av;width:40px;height:40px;border-radius:11px;background:linear-gradient(135deg,#23457e,#2c4a86);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;align-self:start;font-size:15px}
.br-copycard__head{grid-area:head;display:flex;align-items:center;gap:8px;font-size:12px;color:#8b94a2}
.br-copycard__user{color:#e4e9f0;font-weight:700;font-size:13px}
.br-copycard__live{display:inline-flex;align-items:center;gap:4px;color:#ff7a5e;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.4px}
.br-copycard__live::before{content:"";width:6px;height:6px;border-radius:50%;background:#ff5a48;animation:br-livedot 1.6s ease-out infinite}
@keyframes br-livedot{0%{box-shadow:0 0 0 0 rgba(240,74,55,.6)}100%{box-shadow:0 0 0 7px rgba(240,74,55,0)}}
.br-copycard__tag{margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#9aa4b2;background:#0f2148;padding:3px 8px;border-radius:6px}
.br-copycard__sel{grid-area:sel;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.br-copycard__pick{color:#fff;font-weight:700;font-size:14px}
.br-copycard__mkt{color:#8b94a2;font-size:12px}
.br-copycard__odds{grid-area:odds;align-self:center;min-width:66px;height:46px;border-radius:11px;background:linear-gradient(180deg,#f04a37,#da291c);color:#fff;font-weight:800;font-size:16px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(218,41,28,.4);font-variant-numeric:tabular-nums}
.br-copycard__prob{grid-area:prob;display:flex;align-items:center;gap:10px;margin-top:8px}
.br-copycard__probtrack{flex:1;height:6px;border-radius:5px;background:rgba(255,255,255,.10);overflow:hidden}
.br-copycard__probfill{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--br-blue),#ff7a5e)}
.br-copycard__probv{font-size:11px;color:#9aa4b2;font-weight:700;white-space:nowrap}
.br-copycard__foot{grid-area:foot;display:flex;align-items:center;gap:12px;margin-top:11px}
.br-copycard__pay{font-size:12px;color:#aab3c1}
.br-copycard__pay b{color:#e4e9f0}
.br-copycard__cnt{font-size:12px;color:#8b94a2;display:inline-flex;align-items:center;gap:5px}
.br-copybtn{margin-left:auto;height:36px;padding:0 18px;border-radius:10px;background:var(--br-blue);color:#fff;font-weight:800;font-size:13px;display:inline-flex;align-items:center;gap:7px;transition:background .15s,transform .15s}
.br-copybtn:hover{background:var(--br-blue-l);transform:translateY(-1px)}
.br-copybtn.is-copied{background:#1f6b4c;cursor:default;pointer-events:none}
.br-copycard.is-hidden{display:none}

/* ---- live odds converter (config panel) ---- */
.br-odds{display:flex;align-items:center;justify-content:space-between;margin-top:2px;padding:10px 12px;border-radius:11px;background:#1e3568;border:1px solid #2c4a86}
.br-odds__k{font-size:12px;color:#9aa4b2;font-weight:600}
.br-odds__v{font-size:20px;font-weight:900;color:#ff7a5e;font-variant-numeric:tabular-nums;letter-spacing:.3px}

/* ---- responsive cockpit ---- */
@media (max-width:1240px){
  .br-shell--cockpit{grid-template-columns:minmax(0,1fr) 320px;grid-template-areas:"main rail"}
  .br-lrail{display:none}
}
@media (max-width:860px){
  .br-shell--cockpit{grid-template-columns:minmax(0,1fr);grid-template-areas:"main"}
  .br-shell--cockpit .br-rail{display:none}
  .br-copy__live{font-size:11px}
}
@media (prefers-reduced-motion:reduce){.br-copycard__live::before{animation:none}}

/* Mobile CTA resilience: preserve button contrast and allow long labels to wrap. */
.br-mnav__cta{flex-wrap:wrap}
.br-mnav__cta .br-btn{
  flex:1 1 110px;
  max-width:100%;
  min-width:0;
  height:auto;
  min-height:44px;
  padding:10px 12px;
  white-space:normal;
  line-height:1.2;
  text-align:center;
  overflow-wrap:anywhere;
}
.br-mnav__cta .br-btn--login,
.br-mnav__cta .br-btn--login:hover,
.br-mnav__cta .br-btn--login:focus,
.br-mnav__cta .br-btn--login:focus-visible{
  background:linear-gradient(180deg,var(--br-blue-l),var(--br-blue));
  color:#fff;
}
.br-mnav__cta .br-btn--reg,
.br-mnav__cta .br-btn--reg:hover,
.br-mnav__cta .br-btn--reg:focus,
.br-mnav__cta .br-btn--reg:focus-visible{
  background:linear-gradient(180deg,#ffffff 0%,#fde6e2 50%,#f6d2ca 100%);
  color:#8f1810;
}

@media (max-width:640px){
  .br-chero__c > div .br-btn{
    flex:1 1 100%;
    width:100%;
  }
  .br-chero__c .br-btn,
  .br-hero__c .br-btn,
  .br-abanner__body .br-btn,
  .br-wheel-result .br-btn{
    max-width:100%;
    min-width:0;
    height:auto;
    min-height:52px;
    padding:10px 18px;
    white-space:normal;
    line-height:1.25;
    text-align:center;
    overflow-wrap:anywhere;
  }
  .br-promo__btns{flex-wrap:wrap}
  .br-promo__btns .br-btn{
    flex:1 1 110px;
    max-width:100%;
    min-width:0;
    height:auto;
    min-height:40px;
    padding:8px;
    white-space:normal;
    line-height:1.2;
    text-align:center;
    overflow-wrap:anywhere;
  }
  .br-chero__c .br-btn .br-ico,
  .br-hero__c .br-btn .br-ico,
  .br-abanner__body .br-btn .br-ico,
  .br-promo__btns .br-btn .br-ico,
  .br-wheel-result .br-btn .br-ico{flex:0 0 auto}
}

/* =========================================================================
   IVIBET NEW ZEALAND — NZ IDENTITY OVERRIDE (block 6/6)
   Navy-blue header (re-inverts the light header), Southern-Cross motif,
   live match-odds ticker, Boost Your Odds builder, live Cash Out. Navy+red+white.
   ========================================================================= */
.br-head{
  background:linear-gradient(180deg,#1b3a8f,#12224e);
  border-bottom:3px solid var(--br-blue);
  color:#fff;
  box-shadow:0 4px 18px rgba(8,16,38,.30);
}
.br-logo{background:#fff;box-shadow:0 3px 10px rgba(8,16,38,.35)}
.br-burger{color:#dbe4f5}
.br-burger:hover{background:rgba(255,255,255,.12)}
.br-navlink{color:#c6d3ee}
.br-navlink .br-ico{color:#8ea3ce}
.br-navlink:hover{color:#fff;background:rgba(255,255,255,.12)}
.br-navlink:hover .br-ico{color:#fff}
.br-navlink.is-active{color:#fff;background:var(--br-blue)}
.br-navlink.is-active .br-ico{color:#fff}
.br-navlink::after{background:var(--br-blue)}
.br-lang{color:#c6d3ee}
.br-lang:hover{background:rgba(255,255,255,.12);color:#fff}
.br-head__auth .br-btn--login{border:1px solid rgba(255,255,255,.7);color:#fff;background:transparent;box-shadow:none}
.br-head__auth .br-btn--login:hover{background:rgba(255,255,255,.14);filter:none;box-shadow:none}
.br-head__auth .br-btn--reg{background:linear-gradient(180deg,#f04a37,var(--br-blue));color:#fff;box-shadow:0 6px 16px rgba(218,41,28,.34)}
.br-btn:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px var(--br-blue)}

/* ---- SOUTHERN CROSS motif ---- */
.br-flag{display:none;position:relative;width:26px;height:22px;border-radius:5px;flex:none;
  background:#12224e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 50'%3E%3Cg fill='%23ffffff'%3E%3Cpolygon points='40,4 41.6,8.6 46.5,8.7 42.6,11.7 44,16.4 40,13.6 36,16.4 37.4,11.7 33.5,8.7 38.4,8.6'/%3E%3Cpolygon points='30,20 31.3,23.7 35.2,23.8 32.1,26.2 33.2,30 30,27.7 26.8,30 27.9,26.2 24.8,23.8 28.7,23.7'/%3E%3Cpolygon points='48,24 49,26.8 51.9,26.9 49.6,28.6 50.4,31.4 48,29.7 45.6,31.4 46.4,28.6 44.1,26.9 47,26.8'/%3E%3Cpolygon points='36,38 37.3,41.7 41.2,41.8 38.1,44.2 39.2,48 36,45.7 32.8,48 33.9,44.2 30.8,41.8 34.7,41.7'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  box-shadow:0 1px 3px rgba(8,16,38,.5);border:1px solid rgba(255,255,255,.15)}
.br-flag::before,.br-flag::after{content:none}
.br-cross::before,.br-cross::after{content:none}
.br-cross{background:#fff;clip-path:polygon(50% 2%,61% 35%,96% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,4% 35%,39% 35%)}
.br-wheel-hub .br-cross{width:70%;height:70%}

/* ---- LIVE MATCH-ODDS TICKER ---- */
.br-ticker{background:linear-gradient(180deg,#12224e,#0d1a3c);border-bottom:1px solid var(--br-line-d);overflow:hidden}
.br-ticker__in{display:flex;align-items:center;height:44px;white-space:nowrap;width:max-content;animation:br-marquee 40s linear infinite}
.br-ticker:hover .br-ticker__in{animation-play-state:paused}
@keyframes br-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.br-tk{display:inline-flex;align-items:center;gap:9px;padding:0 18px;border-right:1px solid rgba(255,255,255,.07);font-size:13px;color:#c6d3ee}
.br-tk__live{width:7px;height:7px;border-radius:50%;flex:none;background:#ff5a48;animation:br-livedot 1.6s ease-out infinite}
@keyframes br-livedot{0%{box-shadow:0 0 0 0 rgba(240,74,55,.6)}100%{box-shadow:0 0 0 7px rgba(240,74,55,0)}}
.br-tk__lg{color:#8ea3ce;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.4px}
.br-tk__m{color:#e9edf3;font-weight:600}
.br-tk__o{color:#fff;font-weight:800;background:rgba(255,255,255,.08);border-radius:7px;padding:3px 9px;font-variant-numeric:tabular-nums}

/* ---- BOOST YOUR ODDS builder ---- */
.br-boost{background:linear-gradient(180deg,#14264f,#0d1a3c);border:1px solid var(--br-line-d);border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(8,16,38,.30)}
.br-boost__head{display:flex;align-items:center;gap:10px;padding:16px 18px 4px}
.br-boost__title{font-size:17px;font-weight:800;color:#fff;display:flex;align-items:center;gap:9px}
.br-boost__pct{margin-left:auto;font-size:12px;font-weight:800;color:#ff8168;background:rgba(240,74,55,.14);border:1px solid rgba(240,74,55,.3);padding:4px 10px;border-radius:20px}
.br-boost__sub{padding:2px 18px 12px;color:#9aa4b2;font-size:12.5px}
.br-boost__legs{display:flex;flex-direction:column;padding:0 10px}
.br-leg{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:11px 10px;border-radius:12px;cursor:pointer;transition:background .15s}
.br-leg:hover{background:rgba(255,255,255,.03)}
.br-leg + .br-leg{border-top:1px solid rgba(255,255,255,.06)}
.br-leg__chk{width:24px;height:24px;border-radius:7px;border:2px solid #3a5285;background:transparent;display:flex;align-items:center;justify-content:center;color:#fff;flex:none;transition:.15s}
.br-leg.is-on .br-leg__chk{background:var(--br-blue);border-color:var(--br-blue)}
.br-leg__chk .br-ico{width:15px;height:15px;opacity:0;transition:.15s}
.br-leg.is-on .br-leg__chk .br-ico{opacity:1}
.br-leg__body{min-width:0}
.br-leg__pick{display:block;color:#fff;font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.br-leg__m{display:block;margin-top:1px;color:#8b94a2;font-size:12px}
.br-leg__lg{font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;color:#9aa4b2;background:#0f2148;padding:3px 8px;border-radius:6px;white-space:nowrap}
.br-leg__o{min-width:52px;text-align:center;color:#fff;font-weight:800;font-variant-numeric:tabular-nums}
.br-boost__foot{margin:8px 12px 14px;padding:14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.br-boost__meter{height:9px;border-radius:6px;background:rgba(255,255,255,.10);overflow:hidden;margin-bottom:12px}
.br-boost__meterfill{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--br-blue),#ff8168);width:0;transition:width .35s cubic-bezier(.22,.61,.36,1)}
.br-boost__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.br-boost__stat{min-width:88px}
.br-boost__k{font-size:11px;color:#8b94a2;text-transform:uppercase;letter-spacing:.5px}
.br-boost__v{font-size:19px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.br-boost__v--boost{color:#ff8168}
.br-boost__v--pay{color:#5ce08a}
.br-boost__cta{margin-left:auto}

/* ---- LIVE CASH OUT (rail) ---- */
.br-cash__body{padding:14px}
.br-cash__match{display:flex;align-items:center;gap:8px;font-size:12px;color:#9aa4b2;margin-bottom:5px}
.br-cash__pick{color:#fff;font-weight:700;font-size:14px;margin-bottom:12px}
.br-cash__fig{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}
.br-cash__now{font-size:26px;font-weight:900;color:#5ce08a;font-variant-numeric:tabular-nums}
.br-cash__stake{font-size:12px;color:#8b94a2}
.br-cash__btn{width:100%;height:46px;border-radius:12px;background:linear-gradient(180deg,#f04a37,var(--br-blue));color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;gap:8px;transition:.15s}
.br-cash__btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.br-cash__btn b{font-variant-numeric:tabular-nums}
.br-cash.is-done .br-cash__btn{background:#1f6b4c;pointer-events:none}

@media (prefers-reduced-motion:reduce){
  .br-ticker__in{animation:none}
  .br-tk__live{animation:none}
}
@media (max-width:560px){
  .br-boost__legs{padding:0 4px}
  .br-leg{gap:8px;grid-template-columns:auto 1fr auto}
  .br-leg__lg{display:none}
}

/* =========================================================================
   IVIBET ČESKO — CZECHIA IDENTITY OVERRIDE (block 7/7)
   Bohemian-blue header (brighter than the NZ navy), Czech tricolour
   white+red+blue, the flag's hoist-TRIANGLE as the recurring motif
   (flag chip, wheel hub, wheel pointer), tricolour Kolo štěstí, and two
   NEW honest-math mechanics: "Skutečný vs. Simulovaný trh" + "Simulátor
   protočení". Blue #11457e + red #d7141a + white.
   ========================================================================= */
:root{
  --br-blue:#d7141a;        /* accent = Czech red (links/active/CTA/markers) */
  --br-blue-d:#a60f14;
  --br-blue-l:#ef2b31;
  --br-gold:#ffffff;        /* white highlight stays */
  --br-gold-d:#ef2b31;
  --br-czblue:#11457e;      /* bohemian flag-blue (header + triangle) */
  --br-czblue-l:#1a5aa8;
  /* dark panels -> bohemian blue */
  --br-navy:#103a72;
  --br-navy-2:#164a8e;
  --br-navy-3:#1f5aa4;
  --br-line-d:#245aa0;
  --br-navy-hi:#164a8e;
  --br-navy-mid:#103a72;
  --br-navy-lo:#0b2d58;
  --br-ink:#08213f;
}

/* ---- BOHEMIAN-BLUE HEADER (re-inverts the NZ navy header) ---- */
.br-head{
  background:linear-gradient(180deg,var(--br-czblue-l) 0%,var(--br-czblue) 55%,#0e3c6f 100%);
  border-bottom:3px solid var(--br-blue);
  color:#fff;
  box-shadow:0 4px 18px rgba(8,16,38,.32);
}
.br-logo{background:#fff;box-shadow:0 3px 10px rgba(8,16,38,.35)}
.br-navlink{color:#dbe7fb}
.br-navlink .br-ico{color:#9ab7e2}
.br-navlink:hover{color:#fff;background:rgba(255,255,255,.13)}
.br-navlink:hover .br-ico{color:#fff}
.br-navlink.is-active{color:#fff;background:var(--br-blue)}
.br-navlink.is-active .br-ico{color:#fff}
.br-navlink::after{background:var(--br-blue)}
.br-lang{color:#dbe7fb}
.br-lang:hover{background:rgba(255,255,255,.13);color:#fff}
.br-head__auth .br-btn--login{border:1px solid rgba(255,255,255,.72);color:#fff;background:transparent;box-shadow:none}
.br-head__auth .br-btn--login:hover{background:rgba(255,255,255,.16);filter:none;box-shadow:none}
.br-head__auth .br-btn--reg{background:linear-gradient(180deg,#ffffff,#eef2fa);color:var(--br-czblue);box-shadow:0 6px 16px rgba(8,16,38,.28)}

/* ---- CZECH-FLAG CHIP (white/red bicolour + blue hoist triangle) ---- */
.br-flag{display:none}
.br-flag::before{content:"";position:absolute;left:0;top:0;width:0;height:0;
  border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent var(--br-czblue)}
.br-flag::after{content:none}
/* rail league mini-flags echo the tricolour */
.br-lg__flag{background:linear-gradient(180deg,#fff 0 50%,var(--br-blue) 50% 100%)}

/* ---- TRICOLOUR KOLO ŠTĚSTÍ (blue / white / red) + TRIANGLE hub ---- */
.br-wheel{
  background:conic-gradient(
    var(--br-czblue) 0 45deg,#ffffff 45deg 90deg,var(--br-blue) 90deg 135deg,#ffffff 135deg 180deg,
    var(--br-czblue) 180deg 225deg,#ffffff 225deg 270deg,var(--br-blue) 270deg 315deg,#ffffff 315deg 360deg);
}
.br-wheel__seg:nth-child(2n) span{color:var(--br-czblue);text-shadow:0 1px 2px rgba(255,255,255,.7)}
.br-wheel-hub{background:radial-gradient(circle at 40% 35%,#2f6ec0,var(--br-czblue));border-color:#fff}
.br-wheel-hub .br-cross{width:0;height:0;background:none;clip-path:none;border-radius:0;
  border-style:solid;border-width:13px 0 13px 21px;border-color:transparent transparent transparent #fff}
.br-wheel-ptr{border-top-color:var(--br-czblue)}
.br-ruota__disc{background:conic-gradient(from 0deg,var(--br-czblue) 0 25%,var(--br-blue) 0 50%,var(--br-czblue) 0 75%,var(--br-blue) 0)}

/* ---- section markers become the flag TRIANGLE (right-pointing), vertically centred on the heading text ---- */
.br-art h2::before,.br-legal__sec h2::before{
  width:0;height:0;background:none;border-radius:0;top:50%;bottom:auto;transform:translateY(-50%);
  border-style:solid;border-width:9px 0 9px 13px;border-color:transparent transparent transparent var(--br-blue)}
/* fix inherited dark first-column colour bleeding onto the dark table HEAD (black-on-blue) */
.br-tw thead th:first-child,.br-tw thead th{color:#e4e9f0}

/* =========================================================================
   NEW MECHANIC 1 — "Skutečný, nebo simulovaný trh?" (index)
   Toggle between a real CS2 market and its AI-simulated look-alike, exposing
   the honest differences the Ivibet sidebar puts two rows apart.
   ========================================================================= */
.br-real{
  background:linear-gradient(180deg,var(--br-navy-hi),var(--br-navy-lo));
  border:1px solid var(--br-line-d);border-radius:18px;overflow:hidden;
  box-shadow:0 12px 30px rgba(8,16,38,.30);color:var(--br-on-dark)}
.br-real__head{display:flex;align-items:center;gap:10px;padding:16px 18px 4px}
.br-real__title{font-size:17px;font-weight:800;color:#fff;display:flex;align-items:center;gap:9px}
.br-real__title .br-ico{color:var(--br-blue-l)}
.br-real__sub{padding:2px 18px 14px;color:#a9bcda;font-size:12.5px}
.br-real__seg{grid-template-columns:repeat(2,1fr);margin:0 14px 14px}
.br-real__seg::before{width:calc((100% - 8px) / 2)}
.br-real__seg .br-seg__opt.is-on{color:var(--br-czblue)}
.br-real__panel{display:none}
.br-real__panel.is-on{display:block;animation:br-riseIn .35s ease}
.br-real__grid{display:flex;flex-direction:column;padding:0 16px}
.br-real__row{display:grid;grid-template-columns:172px 1fr;gap:14px;padding:11px 8px;border-top:1px solid rgba(255,255,255,.07);font-size:13.5px}
.br-real__row:first-child{border-top:0}
.br-real__k{color:#9ab2d6;font-weight:600}
.br-real__v{color:#eaf1fb}
.br-real__v b{color:#fff}
.br-real__verdict{margin:12px 16px 16px;padding:12px 14px;border-radius:12px;font-size:13px;line-height:1.55}
.br-real__verdict--ok{background:rgba(46,160,110,.14);border:1px solid rgba(46,160,110,.34);color:#c7f0dc}
.br-real__verdict--warn{background:rgba(215,20,26,.14);border:1px solid rgba(215,20,26,.36);color:#ffd6d6}
.br-real__verdict b{color:#fff}
.br-real__tag{display:inline-block;margin-left:auto;font-size:10px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;
  padding:4px 9px;border-radius:16px}
.br-real__tag--real{background:rgba(46,160,110,.18);color:#7ee2ac}
.br-real__tag--sim{background:rgba(215,20,26,.18);color:#ff9a92}

/* =========================================================================
   NEW MECHANIC 2 — "Simulátor protočení" (index)
   Bonus × wagering multiplier → total turnover, number of spins and the
   theoretical house cost at a given RTP. The arithmetic nobody shows you.
   ========================================================================= */
.br-roll{
  background:linear-gradient(180deg,var(--br-navy-hi),var(--br-navy-lo));
  border:1px solid var(--br-line-d);border-radius:18px;overflow:hidden;
  box-shadow:0 12px 30px rgba(8,16,38,.30);color:var(--br-on-dark)}
.br-roll__head{display:flex;align-items:center;gap:10px;padding:16px 18px 4px}
.br-roll__title{font-size:17px;font-weight:800;color:#fff;display:flex;align-items:center;gap:9px}
.br-roll__title .br-ico{color:var(--br-blue-l)}
.br-roll__sub{padding:2px 18px 12px;color:#a9bcda;font-size:12.5px}
.br-roll__inputs{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px;padding:4px 18px 16px}
.br-roll__field{display:flex;flex-direction:column;gap:8px}
.br-roll__lbl{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:700;color:#bcccea}
.br-roll__lbl b{color:#fff;font-size:14px;font-variant-numeric:tabular-nums}
.br-roll input[type=range]{width:100%;accent-color:var(--br-blue);cursor:pointer}
.br-roll__bar{height:10px;margin:2px 18px 0;border-radius:6px;background:rgba(255,255,255,.10);overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}
.br-roll__barfill{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--br-czblue),var(--br-blue));width:10%;transition:width .3s cubic-bezier(.22,.61,.36,1)}
.br-roll__cap{display:flex;justify-content:space-between;padding:7px 18px 0;font-size:11px;color:#8ea5c9}
.br-roll__out{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 18px 4px}
.br-roll__stat{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px}
.br-roll__k{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:#9ab2d6;margin-bottom:3px}
.br-roll__v{font-size:19px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}
.br-roll__v small{font-size:12px;font-weight:700;color:#bcccea}
.br-roll__v--cost{color:#ff8168}
.br-roll__verdict{margin:12px 18px 18px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);color:#dbe8f8;font-size:13px;line-height:1.6}
.br-roll__verdict b{color:#fff}
.br-roll__verdict.is-fair{background:rgba(46,160,110,.13);border-color:rgba(46,160,110,.32);color:#c7f0dc}
.br-roll__verdict.is-steep{background:rgba(215,20,26,.13);border-color:rgba(215,20,26,.34);color:#ffd6d6}

@media (max-width:560px){
  .br-roll__inputs{grid-template-columns:1fr}
  .br-roll__out{grid-template-columns:1fr}
  .br-real__row{grid-template-columns:1fr;gap:3px}
  .br-real__k{font-size:12px}
}

/* =========================================================================
   IVIBET SWEDEN — SWEDEN IDENTITY OVERRIDE (block 8/8)
   The family's FIRST chromatic-light header: Swedish YELLOW #fecc00 carrying
   deep-blue type, over deep Swedish-blue panels. The recurring motif is
   TRE KRONOR — three crowns set in a triangle — instead of another cross or
   tricolour bar. Blue/yellow Fortune Wheel, Swedish flag chip, right rail.
   ========================================================================= */
:root{
  --br-blue:#006aa7;         /* accent = Swedish flag blue (links / active / markers) */
  --br-blue-d:#004f7d;
  --br-blue-l:#1a86c9;
  --br-gold:#fecc00;         /* Swedish flag yellow — the highlight (was white) */
  --br-gold-d:#e0b400;
  --br-czblue:#006aa7;       /* neutralise the inherited "czblue" -> Swedish blue */
  --br-czblue-l:#1a86c9;
  /* dark panels -> deep Swedish blue */
  --br-navy:#062a47;
  --br-navy-2:#0a3a5e;
  --br-navy-3:#10496f;
  --br-line-d:#1a5c86;
  --br-navy-hi:#0a3a5e;
  --br-navy-mid:#062a47;
  --br-navy-lo:#041d33;
  --br-ink:#03131f;
  /* light chrome -> crisp, faintly blue-tinted */
  --br-bg:#f2f6fa;
  --br-card:#ffffff;
  --br-line:#dbe6f0;
  --br-line-2:#eef4fa;
  --br-text:#10233a;
  --br-muted:#64778c;
  --br-on-dark:#e8f1f8;
  --br-on-dark-mut:#9db4c8;
}
body{background:var(--br-bg);color:var(--br-text)}
/* ---- SWEDISH-YELLOW HEADER carrying deep-blue type ---- */
.br-head{
  background:linear-gradient(180deg,#ffd831 0%,#fecc00 55%,#f2c000 100%);
  border-bottom:3px solid var(--br-blue);
  color:var(--br-navy-2);
  box-shadow:0 4px 18px rgba(120,92,0,.24);
}
.br-burger{color:var(--br-navy-2)}
.br-burger:hover{background:rgba(6,42,71,.12)}
.br-logo{background:#fff;box-shadow:0 3px 10px rgba(90,70,0,.28)}
.br-navlink{color:#0b3554;font-weight:700}
.br-navlink .br-ico{color:#1a5c86}
.br-navlink:hover{color:#03192b;background:rgba(6,42,71,.11)}
.br-navlink:hover .br-ico{color:#03192b}
.br-navlink.is-active{color:#fff;background:var(--br-blue);box-shadow:0 4px 12px rgba(0,79,125,.4)}
.br-navlink.is-active .br-ico{color:var(--br-gold)}
.br-navlink::after{background:var(--br-blue)}
.br-lang{color:#0b3554;font-weight:800}
.br-lang:hover{background:rgba(6,42,71,.11);color:#03192b}
.br-head__auth .br-btn--login{border:1px solid rgba(6,42,71,.55);color:#0b3554;background:transparent;box-shadow:none}
.br-head__auth .br-btn--login:hover{background:rgba(6,42,71,.12);filter:none;box-shadow:none}
.br-head__auth .br-btn--reg{background:linear-gradient(180deg,var(--br-blue-l),var(--br-blue));color:#fff;box-shadow:0 6px 16px rgba(0,79,125,.36)}
/* ---- CTAs: gold on the light pages, blue inside the gold header ---- */
.br-btn--reg{background:linear-gradient(180deg,#ffd831,var(--br-gold));color:#0b3554;box-shadow:0 6px 16px rgba(224,180,0,.45)}
.br-btn--reg:hover{filter:brightness(1.05);box-shadow:0 8px 22px rgba(224,180,0,.55)}
.br-btn--login{background:linear-gradient(180deg,var(--br-blue-l),var(--br-blue));color:#fff;box-shadow:0 6px 16px rgba(0,106,167,.34)}
/* ---- SWEDISH FLAG CHIP: blue field, yellow off-centre cross ---- */
.br-flag{
  display:block;position:relative;width:31px;height:21px;border-radius:4px;flex:none;overflow:hidden;
  background:
    linear-gradient(var(--br-gold),var(--br-gold)) 38% 0/5px 100% no-repeat,
    linear-gradient(var(--br-gold),var(--br-gold)) 0 50%/100% 5px no-repeat,
    var(--br-blue);
  box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 0 1px rgba(255,255,255,.3);
}
.br-flag::before,.br-flag::after{content:none}
.br-lg__flag{
  background:
    linear-gradient(var(--br-gold),var(--br-gold)) 38% 0/4px 100% no-repeat,
    linear-gradient(var(--br-gold),var(--br-gold)) 0 50%/100% 4px no-repeat,
    var(--br-blue);
}
/* ---- FORTUNE WHEEL: blue / yellow + TRE KRONOR hub ---- */
.br-wheel{
  background:conic-gradient(
    var(--br-blue) 0 45deg,var(--br-gold) 45deg 90deg,var(--br-blue) 90deg 135deg,var(--br-gold) 135deg 180deg,
    var(--br-blue) 180deg 225deg,var(--br-gold) 225deg 270deg,var(--br-blue) 270deg 315deg,var(--br-gold) 315deg 360deg);
}
.br-wheel__seg span{color:#fff;text-shadow:0 1px 2px rgba(0,40,64,.85)}
.br-wheel__seg:nth-child(2n) span{color:#0b3554;text-shadow:0 1px 1px rgba(255,255,255,.85)}
.br-wheel__seg--win span{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.7);font-size:14px}
.br-wheel-hub{background:radial-gradient(circle at 42% 36%,#1a86c9,var(--br-blue-d));border-color:var(--br-gold)}
.br-wheel-hub .br-cross{
  width:60%;height:52%;border:0;border-radius:0;clip-path:none;
  background:
    linear-gradient(var(--br-gold),var(--br-gold)) 50% 0/32% 44% no-repeat,
    linear-gradient(var(--br-gold),var(--br-gold)) 0 100%/32% 44% no-repeat,
    linear-gradient(var(--br-gold),var(--br-gold)) 100% 100%/32% 44% no-repeat;
}
.br-wheel-ptr{border-top-color:var(--br-gold)}
.br-ruota{background:linear-gradient(135deg,#ffd831,var(--br-gold));color:#0b3554;box-shadow:0 8px 20px rgba(224,180,0,.45)}
.br-ruota__disc{
  background:
    linear-gradient(var(--br-gold),var(--br-gold)) 38% 0/22% 100% no-repeat,
    linear-gradient(var(--br-gold),var(--br-gold)) 0 50%/100% 22% no-repeat,
    var(--br-blue);
  border-color:#fff;
}
.br-wheel-spin{background:linear-gradient(180deg,#ffd831,var(--br-gold));color:#0b3554}
/* ---- TRE KRONOR section markers: three crowns set in a triangle ---- */
.br-art h2,.br-legal__sec h2{padding-left:28px}
.br-art h2::before,.br-legal__sec h2::before{
  width:19px;height:16px;left:0;top:50%;bottom:auto;transform:translateY(-50%);
  border-width:0;border-style:none;border-radius:0;
  background:
    linear-gradient(var(--br-blue),var(--br-blue)) 50% 0/7px 7px no-repeat,
    linear-gradient(var(--br-blue),var(--br-blue)) 0 100%/7px 7px no-repeat,
    linear-gradient(var(--br-blue),var(--br-blue)) 100% 100%/7px 7px no-repeat;
}
/* dark-first-column colour on the dark table head (inherited fix) */
.br-tw thead th:first-child,.br-tw thead th{color:#e8f1f8}
.br-hero__amt span{color:var(--br-gold)}
.br-rbar__v{color:var(--br-gold)}
.br-rating__score{color:var(--br-gold)}

/* ---- player-type selector for the bonus-value mechanic ---- */
.br-ptype{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:2px 18px 12px}
.br-ptype__opt{
  height:38px;border-radius:11px;font-size:12.5px;font-weight:800;letter-spacing:.2px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#bcd4e6;transition:.16s;
}
.br-ptype__opt:hover{background:rgba(255,255,255,.13);color:#fff}
.br-ptype__opt.is-on{background:linear-gradient(180deg,#ffd831,var(--br-gold));border-color:transparent;color:#0b3554;box-shadow:0 4px 12px rgba(224,180,0,.45)}
@media (max-width:560px){.br-ptype{grid-template-columns:1fr 1fr}}
/* =========================================================================
   IVIBET PILIPINAS — PHILIPPINES IDENTITY OVERRIDE (block 9/9)
   The family's FIRST two-tone header: a hard blue|red split with a white
   diagonal seam, straight off the Philippine flag. Royal-blue panels sit on
   a warm ivory body, and the recurring motif is the EIGHT-RAY SUN (with the
   flag's three stars on the wheel hub) instead of a cross, tricolour bar or
   crown. Blue/red Fortune Wheel, full Philippine flag chip, LEFT rail.
   ========================================================================= */
:root{
  --br-blue:#0038a8;         /* accent = Philippine flag royal blue */
  --br-blue-d:#00276f;
  --br-blue-l:#1a5ad0;
  --br-red:#ce1126;          /* flag scarlet — the secondary */
  --br-red-l:#e5253a;
  --br-gold:#fcd116;         /* flag sun gold — the highlight (was yellow/white) */
  --br-gold-d:#e0b400;
  --br-czblue:#ce1126;       /* inherited "czblue" hook -> Philippine red */
  --br-czblue-l:#e5253a;
  /* dark panels -> deep royal indigo (not SE teal-navy, not CZ bohemian) */
  --br-navy:#0b1b45;
  --br-navy-2:#122a63;
  --br-navy-3:#1a3a82;
  --br-line-d:#274a9c;
  --br-navy-hi:#122a63;
  --br-navy-mid:#0b1b45;
  --br-navy-lo:#06102b;
  --br-ink:#050c20;
  /* light chrome -> warm ivory, lit by the sun rather than tinted blue */
  --br-bg:#faf5e6;
  --br-card:#fffdf7;
  --br-line:#ebe0c6;
  --br-line-2:#f6efdc;
  --br-text:#22201c;
  --br-muted:#6f6656;
  --br-on-dark:#e9eeff;
  --br-on-dark-mut:#a7b6de;
}
body{background:var(--br-bg);color:var(--br-text)}
/* ---- TWO-TONE HEADER: blue | white seam | red ---- */
.br-head{
  /* seam never runs closer than 700px from the left, so the nav always sits on blue */
  --br-seam:max(46%,700px);
  background:linear-gradient(100deg,
    #0038a8 0 var(--br-seam),
    #ffffff var(--br-seam) calc(var(--br-seam) + 34px),
    #ce1126 calc(var(--br-seam) + 34px) 100%);
  border-bottom:3px solid var(--br-gold);
  color:#fff;
  box-shadow:0 4px 18px rgba(0,18,64,.30);
}
.br-head::before{
  content:"";position:absolute;left:0;top:0;height:100%;width:230px;pointer-events:none;
  background:radial-gradient(circle at 16% 50%,rgba(252,209,22,.34),transparent 64%);
}
.br-head__in{position:relative}
.br-burger{color:#fff}
.br-burger:hover{background:rgba(255,255,255,.18)}
.br-logo{background:#fff;box-shadow:0 3px 10px rgba(0,10,40,.34)}
.br-navlink{color:#eaf0ff;font-weight:700}
.br-navlink .br-ico{color:#c3d0f0}
.br-navlink:hover{color:#fff;background:rgba(255,255,255,.17)}
.br-navlink:hover .br-ico{color:#fff}
.br-navlink.is-active{color:#0b1b45;background:linear-gradient(180deg,#ffdc3d,var(--br-gold));box-shadow:0 4px 12px rgba(0,10,40,.34)}
.br-navlink.is-active .br-ico{color:var(--br-blue)}
.br-navlink::after{background:var(--br-gold)}
.br-lang{color:#fff;font-weight:800}
.br-lang:hover{background:rgba(255,255,255,.17);color:#fff}
.br-head__auth .br-btn--login{border:1px solid rgba(255,255,255,.75);color:#fff;background:transparent;box-shadow:none}
.br-head__auth .br-btn--login:hover{background:rgba(255,255,255,.18);filter:none;box-shadow:none}
.br-head__auth .br-btn--reg{background:linear-gradient(180deg,#ffdc3d,var(--br-gold));color:#0b1b45;box-shadow:0 6px 16px rgba(0,10,40,.34)}
/* ---- CTAs ---- */
.br-btn--reg{background:linear-gradient(180deg,#ffdc3d,var(--br-gold));color:#0b1b45;box-shadow:0 6px 16px rgba(224,180,0,.45)}
.br-btn--reg:hover{filter:brightness(1.05);box-shadow:0 8px 22px rgba(224,180,0,.58)}
.br-btn--login{background:linear-gradient(180deg,var(--br-blue-l),var(--br-blue));color:#fff;box-shadow:0 6px 16px rgba(0,56,168,.34)}
.br-btn--ghost{border-color:var(--br-blue);color:var(--br-blue-d)}
/* ---- flag chip removed at the client's request ---- */
.br-flag{display:none}
/* ---- FORTUNE WHEEL: blue / red + eight-ray sun hub ---- */
.br-wheel{
  background:conic-gradient(
    #0038a8 0 45deg,#ce1126 45deg 90deg,#0038a8 90deg 135deg,#ce1126 135deg 180deg,
    #0038a8 180deg 225deg,#ce1126 225deg 270deg,#0038a8 270deg 315deg,#ce1126 315deg 360deg);
}
.br-wheel__seg span{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.br-wheel__seg:nth-child(2n) span{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6)}
.br-wheel__seg--win span{color:var(--br-gold);text-shadow:0 0 10px rgba(252,209,22,.8);font-size:14px;font-weight:900}
.br-wheel-hub{background:radial-gradient(circle at 40% 34%,#1a5ad0,var(--br-blue-d));border-color:var(--br-gold)}
.br-wheel-hub .br-cross{
  width:76%;height:76%;border:0;border-radius:0;clip-path:none;background:
    radial-gradient(circle at 50% 50%,var(--br-gold) 0 26%,transparent 27%),
    repeating-conic-gradient(from -6deg,var(--br-gold) 0 12deg,transparent 12deg 45deg);
}
.br-wheel-ptr{border-top-color:var(--br-gold)}
.br-ruota{background:linear-gradient(135deg,#ffdc3d,var(--br-gold));color:#0b1b45;box-shadow:0 8px 20px rgba(224,180,0,.45)}
.br-ruota__disc{
  border-color:#fff;background:
    radial-gradient(circle at 50% 50%,var(--br-gold) 0 22%,transparent 23%),
    repeating-conic-gradient(from -6deg,var(--br-gold) 0 12deg,transparent 12deg 45deg),
    var(--br-blue);
}
.br-wheel-spin{background:linear-gradient(180deg,#ffdc3d,var(--br-gold));color:#0b1b45}
/* ---- EIGHT-RAY SUN section markers ---- */
.br-art h2,.br-legal__sec h2{padding-left:30px}
.br-art h2::before,.br-legal__sec h2::before{
  width:20px;height:20px;left:0;top:50%;bottom:auto;transform:translateY(-50%);
  border-width:0;border-style:none;border-radius:0;background:
    radial-gradient(circle at 50% 50%,var(--br-gold) 0 27%,transparent 28%),
    repeating-conic-gradient(from -6deg,var(--br-gold) 0 12deg,transparent 12deg 45deg);
}
/* ---- warm the inherited cool-slate body copy so it reads on ivory ---- */
.br-art p,.br-art li,.br-art ol li,.br-bullets li,.br-facts td,.br-tw td{color:#3a352c}
.br-art .br-lead{color:#4d4638}
.br-faq__a,.br-legal__sec p,.br-legal__sec li{color:#3a352c}
.br-tw thead th:first-child,.br-tw thead th{color:#e9eeff}
.br-hero__amt span{color:var(--br-gold)}
.br-rbar__v{color:var(--br-blue)}
.br-rating__score{color:var(--br-blue)}
/* ---- LEFT RAIL (SE ran it right) ---- */
.br-shell{grid-template-columns:330px minmax(0,1fr)}
.br-shell__main{grid-column:2;grid-row:1}
.br-rail{grid-column:1;grid-row:1}
@media (max-width:1180px){
  .br-shell{grid-template-columns:300px minmax(0,1fr)}
}
@media (max-width:860px){
  .br-shell{grid-template-columns:minmax(0,1fr)}
  .br-shell__main{grid-column:1}
  .br-rail{grid-column:1;grid-row:2}
}

/* =========================================================================
   NEW MECHANIC 1 — "Casino o Sports?" welcome-route comparator (index)
   The welcome package is one route or the other, chosen before you deposit
   and never switchable. Slide the first deposit and watch the two published
   offers cross over each other.
   ========================================================================= */
.br-ruta{
  background:linear-gradient(180deg,var(--br-navy-hi),var(--br-navy-lo));
  border:1px solid var(--br-line-d);border-radius:18px;overflow:hidden;
  box-shadow:0 12px 30px rgba(6,16,43,.34);color:var(--br-on-dark)}
.br-ruta__head{display:flex;align-items:center;gap:10px;padding:16px 18px 4px}
.br-ruta__title{font-size:17px;font-weight:800;color:#fff;display:flex;align-items:center;gap:9px}
.br-ruta__title .br-ico{color:var(--br-gold)}
.br-ruta__sub{padding:2px 18px 12px;color:#a7b6de;font-size:12.5px}
.br-ruta__field{display:flex;flex-direction:column;gap:8px;padding:4px 18px 14px}
.br-ruta__lbl{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:700;color:#bcccea}
.br-ruta__lbl b{color:var(--br-gold);font-size:15px;font-variant-numeric:tabular-nums}
.br-ruta input[type=range]{width:100%;accent-color:var(--br-gold);cursor:pointer}
.br-ruta__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 18px 4px}
.br-ruta__card{position:relative;border-radius:14px;padding:14px;border:1px solid rgba(255,255,255,.11);
  background:rgba(255,255,255,.05);transition:.2s}
.br-ruta__card--casino{border-top:3px solid var(--br-blue-l)}
.br-ruta__card--sport{border-top:3px solid var(--br-red-l)}
.br-ruta__card.is-best{background:rgba(252,209,22,.13);border-color:rgba(252,209,22,.45);box-shadow:0 8px 22px rgba(0,0,0,.28)}
.br-ruta__badge{font-size:10.5px;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:#a7b6de}
.br-ruta__amt{font-size:24px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;line-height:1.15;margin:2px 0 8px}
.br-ruta__amt small{font-size:12px;font-weight:700;color:#bcccea}
.br-ruta__row{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;padding:5px 0;border-top:1px solid rgba(255,255,255,.08)}
.br-ruta__row span:first-child{color:#9fb0d8}
.br-ruta__row b{color:#fff;font-variant-numeric:tabular-nums}
.br-ruta__flag{position:absolute;top:-9px;right:10px;font-size:9.5px;font-weight:900;letter-spacing:.5px;text-transform:uppercase;
  padding:3px 9px;border-radius:14px;background:var(--br-gold);color:#0b1b45;display:none}
.br-ruta__card.is-best .br-ruta__flag{display:block}
.br-ruta__verdict{margin:14px 18px 18px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.11);color:#dbe4fb;font-size:13px;line-height:1.6}
.br-ruta__verdict b{color:#fff}
.br-ruta__verdict.is-casino{background:rgba(26,90,208,.16);border-color:rgba(26,90,208,.40);color:#d5e2ff}
.br-ruta__verdict.is-sport{background:rgba(229,37,58,.15);border-color:rgba(229,37,58,.40);color:#ffdbdd}

/* =========================================================================
   NEW MECHANIC 2 — "Timeline ng Unang Withdrawal" (index)
   Verification lands on the first withdrawal, not at sign-up. Pick a method
   and two honest answers and the stage track redraws itself.
   ========================================================================= */
.br-tl{
  background:linear-gradient(180deg,var(--br-navy-hi),var(--br-navy-lo));
  border:1px solid var(--br-line-d);border-radius:18px;overflow:hidden;
  box-shadow:0 12px 30px rgba(6,16,43,.34);color:var(--br-on-dark)}
.br-tl__head{display:flex;align-items:center;gap:10px;padding:16px 18px 4px}
.br-tl__title{font-size:17px;font-weight:800;color:#fff;display:flex;align-items:center;gap:9px}
.br-tl__title .br-ico{color:var(--br-gold)}
.br-tl__sub{padding:2px 18px 12px;color:#a7b6de;font-size:12.5px}
.br-tl__opts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:2px 18px 10px}
.br-tl__opts--3{grid-template-columns:repeat(3,1fr)}
.br-tl__opt{height:38px;border-radius:11px;font-size:12.5px;font-weight:800;letter-spacing:.2px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#bcccea;transition:.16s}
.br-tl__opt:hover{background:rgba(255,255,255,.14);color:#fff}
.br-tl__opt.is-on{background:linear-gradient(180deg,#ffdc3d,var(--br-gold));border-color:transparent;color:#0b1b45;box-shadow:0 4px 12px rgba(224,180,0,.45)}
.br-tl__toggles{display:flex;flex-wrap:wrap;gap:8px;padding:2px 18px 14px}
.br-tl__chk{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:11px;cursor:pointer;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-size:12.5px;font-weight:700;color:#bcccea;transition:.16s}
.br-tl__chk.is-on{background:rgba(46,160,110,.16);border-color:rgba(46,160,110,.40);color:#c7f0dc}
.br-tl__dot{width:14px;height:14px;border-radius:5px;flex:none;background:rgba(255,255,255,.15);
  border:1px solid rgba(255,255,255,.28);transition:.16s}
.br-tl__chk.is-on .br-tl__dot{background:#2ea06e;border-color:#2ea06e}
.br-tl__track{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:6px 18px 4px;position:relative}
.br-tl__stage{position:relative;padding:26px 8px 4px 0}
.br-tl__stage::before{content:"";position:absolute;left:0;top:9px;width:100%;height:3px;border-radius:2px;background:rgba(255,255,255,.13)}
.br-tl__stage:last-child::before{width:14px}
.br-tl__stage::after{content:"";position:absolute;left:0;top:3px;width:15px;height:15px;border-radius:50%;
  background:var(--br-navy-lo);border:3px solid var(--br-blue-l);box-shadow:0 0 0 3px rgba(26,90,208,.22)}
.br-tl__stage.is-slow::after{border-color:var(--br-red-l);box-shadow:0 0 0 3px rgba(229,37,58,.24)}
.br-tl__stage.is-fast::after{border-color:var(--br-gold);box-shadow:0 0 0 3px rgba(252,209,22,.26)}
.br-tl__k{font-size:11px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;color:#9fb0d8}
.br-tl__v{font-size:14px;font-weight:800;color:#fff;margin-top:2px;font-variant-numeric:tabular-nums}
.br-tl__n{font-size:11.5px;color:#a7b6de;margin-top:3px;line-height:1.45;padding-right:8px}
.br-tl__sum{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 18px 4px}
.br-tl__stat{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px}
.br-tl__stat .br-tl__k{margin-bottom:3px}
.br-tl__big{font-size:19px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}
.br-tl__big small{font-size:12px;font-weight:700;color:#bcccea}
.br-tl__verdict{margin:14px 18px 18px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.11);color:#dbe4fb;font-size:13px;line-height:1.6}
.br-tl__verdict b{color:#fff}
.br-tl__verdict.is-fair{background:rgba(46,160,110,.13);border-color:rgba(46,160,110,.32);color:#c7f0dc}
.br-tl__verdict.is-steep{background:rgba(229,37,58,.13);border-color:rgba(229,37,58,.34);color:#ffdbdd}

@media (max-width:640px){
  .br-ruta__grid{grid-template-columns:1fr}
  .br-tl__opts{grid-template-columns:1fr 1fr}
  .br-tl__track{grid-template-columns:1fr;gap:2px}
  .br-tl__stage{padding:4px 0 8px 26px}
  .br-tl__stage::before{left:7px;top:0;width:3px;height:100%}
  .br-tl__stage:last-child::before{height:14px;width:3px}
  .br-tl__stage::after{left:0;top:2px}
  .br-tl__sum{grid-template-columns:1fr}
}
/* =========================================================================
   IVIBET BRASIL — BRAZIL IDENTITY OVERRIDE (block 10/10)
   Tropical GREEN header carrying a soft diagonal yellow ribbon, over deep
   flag-blue panels on a faintly green-tinted body. The recurring motif is
   the LOSANGO — the flag's yellow rhombus with its blue centre — instead of
   a cross, tricolour bar, sun or crown. Green/yellow wheel, RIGHT rail,
   no flag chip.
   ========================================================================= */
:root{
  --br-blue:#009739;         /* accent = Brazilian flag green */
  --br-blue-d:#00702a;
  --br-blue-l:#12b64c;
  --br-gold:#fedd00;         /* flag yellow — the highlight */
  --br-gold-d:#e0c200;
  --br-czblue:#fedd00;       /* inherited hook -> yellow, so bar fills run yellow->green */
  --br-czblue-l:#ffe83a;
  /* dark panels -> flag-globe blue */
  --br-navy:#04205c;
  --br-navy-2:#0a3175;
  --br-navy-3:#0f42a0;
  --br-line-d:#1a54c0;
  --br-navy-hi:#0a3175;
  --br-navy-mid:#04205c;
  --br-navy-lo:#021539;
  --br-ink:#010d24;
  /* light chrome -> faint green-grey, not ivory and not blue-white */
  --br-bg:#f3f6f3;
  --br-card:#ffffff;
  --br-line:#dee7e0;
  --br-line-2:#eef4f0;
  --br-text:#17231b;
  --br-muted:#63705f;
  --br-on-dark:#e6eeff;
  --br-on-dark-mut:#a3b6e0;
}
body{background:var(--br-bg);color:var(--br-text)}
/* ---- GREEN HEADER with a diagonal yellow ribbon ---- */
.br-head{
  background:linear-gradient(180deg,#00a53f 0%,#009739 62%,#008233 100%);
  border-bottom:3px solid var(--br-gold);
  color:#fff;
  box-shadow:0 4px 18px rgba(0,58,24,.32);
}
.br-head::before{
  content:"";position:absolute;inset:0;left:0;top:0;width:auto;height:auto;pointer-events:none;
  background:linear-gradient(104deg,
    transparent 38%,rgba(254,221,0,.22) 45%,rgba(254,221,0,.22) 55%,transparent 62%);
}
.br-burger{color:#fff}
.br-burger:hover{background:rgba(255,255,255,.18)}
.br-logo{background:#fff;box-shadow:0 3px 10px rgba(0,40,16,.34)}
.br-navlink{color:#e8f7ec;font-weight:700}
.br-navlink .br-ico{color:#bfe6cc}
.br-navlink:hover{color:#fff;background:rgba(255,255,255,.18)}
.br-navlink:hover .br-ico{color:#fff}
.br-navlink.is-active{color:#0a3a1c;background:linear-gradient(180deg,#ffe83a,var(--br-gold));box-shadow:0 4px 12px rgba(0,40,16,.32)}
.br-navlink.is-active .br-ico{color:var(--br-blue-d)}
.br-navlink::after{background:var(--br-gold)}
.br-lang{color:#fff;font-weight:800}
.br-lang:hover{background:rgba(255,255,255,.18);color:#fff}
.br-head__auth .br-btn--login{border:1px solid rgba(255,255,255,.75);color:#fff;background:transparent;box-shadow:none}
.br-head__auth .br-btn--login:hover{background:rgba(255,255,255,.18);filter:none;box-shadow:none}
.br-head__auth .br-btn--reg{background:linear-gradient(180deg,#ffe83a,var(--br-gold));color:#0a3a1c;box-shadow:0 6px 16px rgba(0,40,16,.32)}
/* ---- CTAs ---- */
.br-btn--reg{background:linear-gradient(180deg,#ffe83a,var(--br-gold));color:#0a3a1c;box-shadow:0 6px 16px rgba(224,194,0,.45)}
.br-btn--reg:hover{filter:brightness(1.05);box-shadow:0 8px 22px rgba(224,194,0,.58)}
.br-btn--login{background:linear-gradient(180deg,var(--br-blue-l),var(--br-blue));color:#fff;box-shadow:0 6px 16px rgba(0,151,57,.34)}
.br-btn--ghost{border-color:var(--br-blue);color:var(--br-blue-d)}
/* ---- FORTUNE WHEEL: green / yellow + losango hub ---- */
.br-wheel{
  background:conic-gradient(
    #009739 0 45deg,#fedd00 45deg 90deg,#009739 90deg 135deg,#fedd00 135deg 180deg,
    #009739 180deg 225deg,#fedd00 225deg 270deg,#009739 270deg 315deg,#fedd00 315deg 360deg);
}
.br-wheel__seg span{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.br-wheel__seg:nth-child(2n) span{color:#0a3a1c;text-shadow:0 1px 1px rgba(255,255,255,.75)}
.br-wheel__seg--win span{color:#fff;text-shadow:0 0 10px rgba(255,255,255,.9);font-size:14px;font-weight:900}
.br-wheel-hub{background:radial-gradient(circle at 40% 34%,#0f42a0,#021539);border-color:var(--br-gold)}
.br-wheel-hub .br-cross{
  width:50%;height:50%;border:0;border-radius:4px;clip-path:none;
  background:var(--br-gold);transform:rotate(45deg);box-shadow:0 0 0 3px rgba(2,21,57,.55);
}
.br-wheel-ptr{border-top-color:var(--br-gold)}
.br-ruota{background:linear-gradient(135deg,#ffe83a,var(--br-gold));color:#0a3a1c;box-shadow:0 8px 20px rgba(224,194,0,.45)}
.br-ruota__disc{
  border-color:#fff;
  background:conic-gradient(var(--br-blue) 0 90deg,var(--br-gold) 90deg 180deg,var(--br-blue) 180deg 270deg,var(--br-gold) 270deg 360deg);
}
.br-wheel-spin{background:linear-gradient(180deg,#ffe83a,var(--br-gold));color:#0a3a1c}
/* ---- LOSANGO section markers: the flag's rhombus with its blue centre ---- */
.br-art h2,.br-legal__sec h2{padding-left:28px}
.br-art h2::before,.br-legal__sec h2::before{
  width:16px;height:16px;left:1px;top:50%;bottom:auto;
  transform:translateY(-50%) rotate(45deg);
  border-width:0;border-style:none;border-radius:3px;
  background:
    radial-gradient(circle at 50% 50%,var(--br-navy-3) 0 30%,transparent 31%),
    var(--br-gold);
}
/* ---- body copy back to a neutral dark on the green-grey page ---- */
.br-art p,.br-art li,.br-art ol li,.br-bullets li,.br-facts td,.br-tw td{color:#26332a}
.br-art .br-lead{color:#3a4a3d}
.br-faq__a,.br-legal__sec p,.br-legal__sec li{color:#26332a}
.br-tw thead th:first-child,.br-tw thead th{color:#e6eeff}
.br-hero__amt span{color:var(--br-gold)}
.br-rbar__v{color:var(--br-blue)}
.br-rating__score{color:var(--br-blue)}
/* ---- RIGHT RAIL again (PH ran it left) ---- */
.br-shell{grid-template-columns:minmax(0,1fr) 330px}
.br-shell__main{grid-column:1;grid-row:1}
.br-rail{grid-column:2;grid-row:1}
@media (max-width:1180px){
  .br-shell{grid-template-columns:minmax(0,1fr) 300px}
}
@media (max-width:860px){
  .br-shell{grid-template-columns:minmax(0,1fr)}
  .br-shell__main{grid-column:1}
  .br-rail{grid-column:1;grid-row:2}
}

/* =========================================================================
   NEW MECHANIC 1 — "Verificador de Bilhete" (index)
   One slip checked against THREE published rule sets at the same time:
   the welcome-bonus rollover (2+ seleções, odd total 2,00+), Compoints
   (cada odd 1,30+) and Combo Boost (3+ seleções, cada odd 1,20+).
   ========================================================================= */
.br-tick{
  background:linear-gradient(180deg,var(--br-navy-hi),var(--br-navy-lo));
  border:1px solid var(--br-line-d);border-radius:18px;overflow:hidden;
  box-shadow:0 12px 30px rgba(2,21,57,.34);color:var(--br-on-dark)}
.br-tick__head{display:flex;align-items:center;gap:10px;padding:16px 18px 4px}
.br-tick__title{font-size:17px;font-weight:800;color:#fff;display:flex;align-items:center;gap:9px}
.br-tick__title .br-ico{color:var(--br-gold)}
.br-tick__sub{padding:2px 18px 12px;color:#a3b6e0;font-size:12.5px}
.br-tick__legs{display:flex;flex-direction:column;gap:10px;padding:2px 18px 12px}
.br-tick__leg{display:grid;grid-template-columns:96px 1fr 58px;gap:12px;align-items:center;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:9px 12px}
.br-tick__leg.is-low{background:rgba(254,221,0,.10);border-color:rgba(254,221,0,.34)}
.br-tick__k{font-size:11.5px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:#9fb3dd}
.br-tick__leg input[type=range]{width:100%;accent-color:var(--br-gold);cursor:pointer}
.br-tick__odd{font-size:15px;font-weight:900;color:#fff;text-align:right;font-variant-numeric:tabular-nums}
.br-tick__ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 18px 12px}
.br-tick__btn{height:36px;padding:0 14px;border-radius:11px;font-size:12.5px;font-weight:800;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#dbe7ff;transition:.16s}
.br-tick__btn:hover{background:rgba(255,255,255,.16);color:#fff}
.br-tick__btn[disabled]{opacity:.4;cursor:not-allowed}
.br-tick__count{margin-left:auto;font-size:12px;color:#9fb3dd}
.br-tick__stake{display:flex;flex-direction:column;gap:8px;padding:0 18px 14px}
.br-tick__lbl{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:700;color:#bcccea}
.br-tick__lbl b{color:var(--br-gold);font-size:15px;font-variant-numeric:tabular-nums}
.br-tick input[type=range]{width:100%;accent-color:var(--br-gold);cursor:pointer}
.br-tick__out{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 18px 12px}
.br-tick__stat{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px}
.br-tick__v{font-size:20px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}
.br-tick__v small{font-size:12px;font-weight:700;color:#bcccea}
.br-tick__badges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 18px 4px}
.br-badge{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border-radius:12px;
  border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);transition:.18s}
.br-badge__t{font-size:11.5px;font-weight:900;letter-spacing:.3px;color:#dbe7ff}
.br-badge__s{font-size:11px;color:#9fb3dd;line-height:1.4}
.br-badge.is-ok{background:rgba(0,151,57,.20);border-color:rgba(18,182,76,.50)}
.br-badge.is-ok .br-badge__t{color:#8ff0b4}
.br-badge.is-no{background:rgba(214,40,40,.15);border-color:rgba(214,40,40,.38)}
.br-badge.is-no .br-badge__t{color:#ffb9b9}
.br-tick__verdict{margin:12px 18px 18px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.11);color:#dbe7ff;font-size:13px;line-height:1.6}
.br-tick__verdict b{color:#fff}
.br-tick__verdict.is-fair{background:rgba(0,151,57,.16);border-color:rgba(18,182,76,.40);color:#c9f5da}
.br-tick__verdict.is-steep{background:rgba(214,40,40,.14);border-color:rgba(214,40,40,.36);color:#ffd6d6}

/* =========================================================================
   NEW MECHANIC 2 — "Rollover em 7 Dias" (index)
   The sports welcome bonus asks for 5× the promotional amount in qualifying
   multiples inside a seven-day window. This one answers whether the window
   is long enough at the rhythm you actually bet.
   ========================================================================= */
.br-wk{
  background:linear-gradient(180deg,var(--br-navy-hi),var(--br-navy-lo));
  border:1px solid var(--br-line-d);border-radius:18px;overflow:hidden;
  box-shadow:0 12px 30px rgba(2,21,57,.34);color:var(--br-on-dark)}
.br-wk__head{display:flex;align-items:center;gap:10px;padding:16px 18px 4px}
.br-wk__title{font-size:17px;font-weight:800;color:#fff;display:flex;align-items:center;gap:9px}
.br-wk__title .br-ico{color:var(--br-gold)}
.br-wk__sub{padding:2px 18px 12px;color:#a3b6e0;font-size:12.5px}
.br-wk__inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 18px;padding:4px 18px 14px}
.br-wk__field{display:flex;flex-direction:column;gap:8px}
.br-wk__lbl{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;font-weight:700;color:#bcccea}
.br-wk__lbl b{color:var(--br-gold);font-size:14px;font-variant-numeric:tabular-nums}
.br-wk input[type=range]{width:100%;accent-color:var(--br-gold);cursor:pointer}
.br-wk__strip{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:0 18px 6px}
.br-wk__day{border-radius:10px;padding:9px 4px;text-align:center;border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.05);transition:.2s}
.br-wk__day.is-on{background:linear-gradient(180deg,rgba(18,182,76,.42),rgba(0,151,57,.30));border-color:rgba(18,182,76,.55)}
.br-wk__day.is-last{background:linear-gradient(180deg,#ffe83a,var(--br-gold));border-color:transparent}
.br-wk__day.is-last .br-wk__dn,.br-wk__day.is-last .br-wk__dd{color:#0a3a1c}
.br-wk__dn{font-size:10px;font-weight:900;letter-spacing:.4px;text-transform:uppercase;color:#9fb3dd}
.br-wk__dd{font-size:15px;font-weight:900;color:#fff;line-height:1.2}
.br-wk__cap{display:flex;justify-content:space-between;padding:6px 18px 0;font-size:11px;color:#8ea5c9}
.br-wk__out{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 18px 4px}
.br-wk__stat{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px}
.br-wk__k{font-size:10.5px;text-transform:uppercase;letter-spacing:.5px;color:#9fb3dd;margin-bottom:3px}
.br-wk__v{font-size:19px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;line-height:1.1}
.br-wk__v small{font-size:12px;font-weight:700;color:#bcccea}
.br-wk__v--cost{color:#ff9a90}
.br-wk__verdict{margin:12px 18px 18px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.11);color:#dbe7ff;font-size:13px;line-height:1.6}
.br-wk__verdict b{color:#fff}
.br-wk__verdict.is-fair{background:rgba(0,151,57,.16);border-color:rgba(18,182,76,.40);color:#c9f5da}
.br-wk__verdict.is-steep{background:rgba(214,40,40,.14);border-color:rgba(214,40,40,.36);color:#ffd6d6}

@media (max-width:640px){
  .br-tick__leg{grid-template-columns:78px 1fr 50px;gap:8px}
  .br-tick__out{grid-template-columns:1fr}
  .br-tick__badges{grid-template-columns:1fr}
  .br-wk__inputs{grid-template-columns:1fr}
  .br-wk__out{grid-template-columns:1fr}
  .br-wk__strip{grid-template-columns:repeat(4,1fr)}
}
/* =========================================================================
   MOBILE HERO FIT — the slide had a locked 1040/378 aspect-ratio, so on a
   phone the kicker + headline + subline + CTA did not fit inside it and
   spilled over the arrows and dots. Below 760px the slide grows with its
   content instead.
   ========================================================================= */
@media (max-width:760px){
  .br-hero__slide{aspect-ratio:auto;min-height:210px}
  .br-hero__c{max-width:100%;padding:18px 16px 42px}
  .br-hero__kick{font-size:11.5px;letter-spacing:.6px;margin:0 0 5px;line-height:1.3}
  .br-hero__amt{font-size:clamp(21px,6.2vw,30px);line-height:1.14}
  .br-hero__sub{font-size:11.5px;letter-spacing:.2px;line-height:1.35;margin:7px 0 14px;text-transform:none}
  .br-hero__c .br-btn{height:auto;min-height:42px;padding:9px 18px;font-size:14px;border-radius:11px;
    white-space:normal;line-height:1.2;text-align:center;max-width:100%}
  .br-hero__arw{display:none}
  .br-hero__dots{bottom:12px}
}
@media (max-width:400px){
  .br-hero__slide{min-height:190px}
  .br-hero__amt{font-size:clamp(19px,6.6vw,25px)}
  .br-hero__c{padding:15px 13px 40px}
}

/* ivibet-network:start */
/* =========================================================================
   Ivibet network — cross-domain country links in the footer.
   Neutral, currentColor-derived surface so the strip sits correctly on every
   fork's footer, light or dark. Flags come from the inline #f-xx sprite.
   ========================================================================= */
.br-geo{margin-top:26px;padding-top:20px;border-top:1px solid rgba(127,127,127,.3);border-top:1px solid color-mix(in srgb,currentColor 24%,transparent)}
.br-geo__defs{position:absolute;width:0;height:0;overflow:hidden}
.br-geo__h{margin:0 0 14px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-align:center;opacity:.9}
.br-geo__list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.br-geo__i{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;text-decoration:none;color:inherit;font-size:12.5px;font-weight:700;line-height:1.15;white-space:nowrap;background:rgba(127,127,127,.13);background:color-mix(in srgb,currentColor 11%,transparent);border:1px solid rgba(127,127,127,.28);border:1px solid color-mix(in srgb,currentColor 20%,transparent);transition:background .18s ease,border-color .18s ease,transform .18s ease}
.br-geo__i:hover{background:rgba(127,127,127,.24);background:color-mix(in srgb,currentColor 20%,transparent);transform:translateY(-1px)}
.br-geo__i:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.br-geo__f{width:18px;height:12px;flex:0 0 auto;border-radius:2px;box-shadow:0 0 0 1px rgba(127,127,127,.45)}
@media (max-width:640px){
  .br-geo{margin-top:22px;padding-top:16px}
  .br-geo__h{margin-bottom:11px}
  .br-geo__list{gap:6px}
  .br-geo__i{padding:6px 10px;gap:6px;font-size:11.5px}
  .br-geo__f{width:16px;height:11px}
}
@media (prefers-reduced-motion:reduce){
  .br-geo__i{transition:none}
  .br-geo__i:hover{transform:none}
}
/* ivibet-network:end */