﻿#bobrBillsLayer{
  position:fixed;
  inset:0;
  z-index:10;
  overflow:hidden;
  pointer-events:none;
  background:#111;
}

.bobrBill{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  user-select:none;
  -webkit-user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
  transform:translate3d(0,0,0);
  will-change:transform;
}

#bobrBillNext{z-index:1}
#bobrBillCurrent{z-index:2}

#bobrDrumUI{
  z-index:20 !important;
}

#bobrDrumHome{
  touch-action:pan-y;
}

/* Старый отдельный внешний барабан убираем.
   Остаётся только прозрачная рабочая механика
   поверх барабана, нарисованного на купюре. */
#bobrDrumTitle,
#bobrDrumHint{
  display:none !important;
}

#bobrCylinder{
  position:absolute !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  overflow:hidden !important;
  perspective:760px;
  z-index:5;
}

#bobrCylinder:before,
#bobrCylinder:after{
  display:none !important;
}

#bobrDrum{
  width:100%;
  height:100%;
  padding:82px 4px !important;
  overflow-y:auto;
  overflow-x:hidden;
  scroll-snap-type:y mandatory;
  scrollbar-width:none;
  overscroll-behavior:contain;
  touch-action:pan-y;
}

#bobrDrum::-webkit-scrollbar{
  display:none;
}

.bobrDrumItem{
  height:52px !important;
  margin:0 auto !important;
  width:92% !important;
  max-width:none !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  box-shadow:none !important;
  color:#fff !important;
  font-size:18px !important;
  font-weight:900 !important;
  text-shadow:
    0 2px 3px #000,
    0 0 8px #000 !important;
  scroll-snap-align:center;
}

.bobrDrumItem.active,
.bobrDrumItem.selected,
.bobrDrumItem[data-active="1"]{
  background:rgba(255,255,255,.10) !important;
}

.bobrDrumIcon{
  font-size:22px !important;
}
/* BOBR BILL V3 — watermark sides + transparent drum */

#bobrBillsLayer{
  background:#d7dac7 !important;
}

/* Боковые поля продолжают рисунок самой купюры */
#bobrBillsLayer::before{
  content:"";
  position:absolute;
  inset:-20px;
  z-index:0;
  background-image:var(--bobr-bill-bg);
  background-size:cover;
  background-position:center;
  filter:blur(7px) saturate(.65) contrast(.85);
  opacity:.58;
  transform:scale(1.06);
}

#bobrBillNext,
#bobrBillCurrent{
  z-index:2;
  object-fit:contain !important;
}

/* Полностью убираем старый нарисованный интерфейс барабана */
#bobrCylinder,
#bobrDrum{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

#bobrCylinder::before,
#bobrCylinder::after{
  display:none !important;
}

.bobrDrumItem,
.bobrDrumItem.active,
.bobrDrumItem.selected,
.bobrDrumItem[data-active="1"]{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* BOBR BILL V4 — FULL SCREEN */
#bobrBillsLayer{
  background:#d7dac7 !important;
}

#bobrBillsLayer::before{
  display:none !important;
  content:none !important;
}

/* Купюра занимает весь экран целиком */
.bobrBill{
  inset:0 !important;
  width:100vw !important;
  height:100dvh !important;
  object-fit:fill !important;
  object-position:center !important;
}

/* Никакого второго визуального барабана */
#bobrCylinder{
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

#bobrCylinder::before,
#bobrCylinder::after{
  display:none !important;
  content:none !important;
}

#bobrDrum{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.bobrDrumItem,
.bobrDrumItem.active,
.bobrDrumItem.selected,
.bobrDrumItem[data-active="1"]{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#bobrDrumTitle,
#bobrDrumHint{
  display:none !important;
}


/* BILL_DRUM_OVERLAY_V5 */

/* ??? ?????? ??????? ?????? ?????? ?? ?????? */
#bobrCylinder{
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  border-radius:0 !important;
}

#bobrCylinder::before,
#bobrCylinder::after{
  display:none !important;
  content:none !important;
  background:none !important;
  box-shadow:none !important;
}

/* ?????? ???????? ?????? ??????? ????????? */
#bobrDrum{
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* ?????? ???? ??? ????? ?????? */
.bobrDrumItem,
.bobrDrumItem:hover,
.bobrDrumItem:focus,
.bobrDrumItem.active,
.bobrDrumItem.selected,
.bobrDrumItem[data-active="1"]{
  background:none !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}

/* BOBR V7 ? horizontal $100 only as background */
#bobrBillsLayer{
  background-image:url("/assets/bobr_sand_background.png?v=20260930i") !important;
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
}

#bobrBillsLayer::before{
  display:none !important;
  content:none !important;
}

.bobrBill{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
}

/* OLD_DRUM_FORCE_HIDE */
#bobrCylinder{
  display:none !important;
}


/* REAL_BILL_DRUM_V1 */

#bobrDrumTitle,
#bobrDrumHint{
  display:none !important;
}

#bobrCylinder,
#bobrCylinder::before,
#bobrCylinder::after{
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
  outline:0 !important;
}

#bobrDrumUI,
#bobrDrumHome{
  background:none !important;
  box-shadow:none !important;
}

#bobrDrum{
  position:fixed !important;
  left:0;
  top:0;
  width:0;
  height:0;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  z-index:9999 !important;
}
#bobrDrum::-webkit-scrollbar{
  display:none !important;
}

/* ?????? ?????/??????, ??? ?????? ?????? */
.bobrDrumItem,
.bobrDrumItem:hover,
.bobrDrumItem:focus,
.bobrDrumItem.active,
.bobrDrumItem.selected,
.bobrDrumItem[data-active="1"]{
  min-height:0 !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  outline:0 !important;
  color:#173d34 !important;
  text-shadow:none !important;
  font-weight:800 !important;
}






/* ===== KEEP WHITE COVER / REMOVE YELLOW BG ===== */
#bobrBillsLayer{
  background-image:none !important;
  background-color:transparent !important;
}
#bobrBillsLayer::before,
#bobrBillsLayer::after{
  background-image:none !important;
}
/* ===== END KEEP WHITE COVER ===== */


/* ===== BOBR REAL WHITE $100 FULL COVER ===== */
#bobrBillsLayer{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  background-image:
    url("/assets/bills/bill_100.jpg?v=REALWHITE100") !important;

  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

/* старые отдельные купюры внутри слоя не показываем */
#bobrBillsLayer .bobrBill{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
}

/* никаких дополнительных жёлтых накладок */
#bobrBillsLayer::before,
#bobrBillsLayer::after{
  display:none !important;
  content:none !important;
  background:none !important;
  background-image:none !important;
}
/* ===== END REAL WHITE $100 FULL COVER ===== */


/* ===== BOBR CORRECT WHITE COVER FINAL ===== */
#bobrBillsLayer{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  background-image:
    url("/assets/drum_custom/drum_original.png?v=ORIGINAL941") !important;

  background-size:100% 100% !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

#bobrBillsLayer::before,
#bobrBillsLayer::after{
  display:none !important;
  content:none !important;
}

#bobrBillsLayer .bobrBill{
  display:none !important;
}
/* ===== END CORRECT WHITE COVER FINAL ===== */

/* ===== BOBR V2 REMOVE LEGACY COVER FINAL ===== */
/*
   Новый барабан V2 уже имеет правильный корпус:
   drum_frame_sideonly.png
   Поэтому старый billsLayer поверх него не показываем.
*/
body:has(#bobrDrumV2Root) #bobrBillsLayer{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
  background:none !important;
  background-image:none !important;
}

body:has(#bobrDrumV2Root) #bobrBillsLayer::before,
body:has(#bobrDrumV2Root) #bobrBillsLayer::after{
  display:none !important;
  content:none !important;
}
/* ===== END BOBR V2 REMOVE LEGACY COVER FINAL ===== */


/* ===== BOBR EXACT ORIGINAL DRUM FINAL ===== */
#bobrBillsLayer{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;

  background-image:url("/assets/drum_custom/drum_original.png?v=EXACTORIGINAL1") !important;
  background-size:contain !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;

  filter:none !important;
  -webkit-filter:none !important;
  mix-blend-mode:normal !important;
  box-shadow:none !important;
}

#bobrBillsLayer::before,
#bobrBillsLayer::after{
  display:none !important;
  content:none !important;
  background:none !important;
  background-image:none !important;
  filter:none !important;
}

#bobrBillsLayer .bobrBill{
  display:none !important;
}
/* ===== END EXACT ORIGINAL DRUM FINAL ===== */
