#bagDealer{
  background:
    radial-gradient(circle at 15% 10%,rgba(75,156,71,.20),transparent 22%),
    radial-gradient(circle at 85% 8%,rgba(245,175,70,.12),transparent 16%),
    linear-gradient(180deg,#08110b 0%,#050906 100%);
}
#bagDealer .v7219-dealer-shell{max-width:860px}
#bagDealer .v7219-dealer-shell:before{
  content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:0;
  background:
    radial-gradient(circle at 15% 10%,rgba(255,180,85,.35),transparent 7%),
    radial-gradient(circle at 85% 11%,rgba(255,180,85,.22),transparent 7%),
    radial-gradient(circle at 20% 85%,rgba(58,152,67,.22),transparent 12%),
    radial-gradient(circle at 88% 78%,rgba(58,152,67,.16),transparent 11%);
}
#bagDealer .v7219-hero{
  grid-template-columns:220px 1fr 56px;
  min-height:292px;
  padding:22px 18px;
  border:2px solid #8e6126;
  border-radius:30px;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(0,0,0,.0) 0%,rgba(0,0,0,.14) 36%,rgba(0,0,0,.58) 100%),
    radial-gradient(circle at 15% 14%,rgba(255,196,100,.16),transparent 14%),
    linear-gradient(145deg,#132116 0%,#09100b 48%,#070b08 100%);
  box-shadow:inset 0 0 64px rgba(0,0,0,.72),0 16px 42px rgba(0,0,0,.42),0 0 0 1px rgba(232,191,90,.10);
}
#bagDealer .v7219-hero:after{height:18px}
#bagDealer .v7219-dealer-portrait{
  height:228px;border-radius:28px;border:2px solid #a6762f;
  background:
    linear-gradient(90deg,rgba(0,0,0,.02),rgba(0,0,0,.18)),
    url("assets/v8-inline/2436863ae1f7d908.webp") center/cover no-repeat,
    #0d1210;
  box-shadow:inset 0 0 28px rgba(0,0,0,.35),0 0 24px rgba(255,185,74,.14);
}
#bagDealer .v7219-beanie,#bagDealer .v7219-face,#bagDealer .v7219-glasses,#bagDealer .v7219-smoke{display:none!important}
#bagDealer .v7219-hero-copy{align-self:center}
#bagDealer .v7219-sign-small{
  display:inline-flex;align-items:center;gap:8px;
  border:1px solid #8a6126;border-radius:999px;
  background:linear-gradient(180deg,#5d3416,#2c180c);
  box-shadow:0 10px 20px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,223,147,.06);
}
#bagDealer .v7219-hero h2{font-size:clamp(34px,5.4vw,62px);letter-spacing:.02em;text-shadow:0 2px 0 #553116,0 0 22px rgba(242,210,115,.16)}
#bagDealer .v7219-hero p{max-width:540px;font-size:17px;line-height:1.35;color:#f0f2ea}
#bagDealer .v7219-help{align-self:flex-start;justify-self:end;margin-top:8px}
#bagDealer .v7219-board,
#bagDealer .v7219-how,
#bagDealer .v7219-today{
  border:2px solid #7f5521;border-radius:28px;overflow:hidden;
  background:linear-gradient(180deg,rgba(4,18,10,.98),rgba(3,11,6,.985));
  box-shadow:inset 0 0 38px rgba(22,66,32,.30), 0 14px 34px rgba(0,0,0,.36);
}
#bagDealer .v7219-board-title,
#bagDealer .v7219-how h3,
#bagDealer .v7219-today h3{
  background:linear-gradient(90deg,#5b3415 0%,#8b5b22 25%,#71461c 50%,#8b5b22 75%,#5b3415 100%);
  border-bottom:1px solid rgba(255,220,145,.18);
  color:#f4df9d;
  font-family:Georgia,'Times New Roman',serif;
  letter-spacing:.02em;
  text-shadow:0 2px 0 #43250d;
}
#bagDealer .v7219-main-grid{grid-template-columns:1.4fr .78fr;gap:14px}
#bagDealer .v7219-current-content{grid-template-columns:230px 1fr;gap:16px;padding:14px}
#bagDealer .v7219-pack{
  position:relative;min-height:330px;height:auto;padding:0;
  border:2px solid #8a6126;border-radius:26px;overflow:hidden;
  background:radial-gradient(circle at 50% 15%,rgba(122,235,86,.16),transparent 36%),linear-gradient(180deg,#0d140f,#09100b);
  box-shadow:inset 0 0 26px rgba(0,0,0,.55),0 0 28px rgba(125,226,78,.12);
}
#bagDealer .v7219-next .v7219-pack{min-height:270px}
#bagDealer .v7221-pack-art{
  position:absolute;inset:8px;left:10px;right:10px;top:10px;bottom:68px;
  border-radius:20px;
  background:var(--bag-art) center/contain no-repeat;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.45));
}
#bagDealer .v7221-pack-footer{
  position:absolute;left:12px;right:12px;bottom:12px;
  min-height:42px;padding:9px 12px;border-radius:16px;
  border:1px solid #8f692b;background:linear-gradient(180deg,#0d1110,#090b0a);
  text-align:center;box-shadow:inset 0 0 18px rgba(0,0,0,.62);
}
#bagDealer .v7221-pack-title{color:#fff4c5;font-weight:1000;font-size:16px;line-height:1.1}
#bagDealer .v7221-pack-meta{margin-top:4px;color:#d6bf79;font-size:11px;font-weight:800}
#bagDealer .v7219-fill h3{font-family:Georgia,'Times New Roman',serif;color:#f4e2a1;font-size:30px}
#bagDealer .v7219-fill-sub{color:#d4d9ca;font-size:15px}
#bagDealer .v7219-progress-line b{font-size:54px;color:#fff}
#bagDealer .v7219-progress{height:20px;border-radius:999px;border:2px solid #8a6126;background:linear-gradient(180deg,#0c110f,#070b09);box-shadow:inset 0 0 18px rgba(0,0,0,.70)}
#bagDealer .v7219-progress i{border-radius:999px;background:linear-gradient(90deg,#5fcf41 0%,#9ff16f 100%);box-shadow:0 0 18px rgba(112,240,87,.26)}
#bagDealer .v7219-watch{min-height:72px;border-radius:18px;background:linear-gradient(180deg,#a0ea68,#72cf49);color:#081106!important;font-size:20px!important;font-weight:1000;box-shadow:0 14px 26px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.35)}
#bagDealer .v7219-watch:disabled{opacity:.68;filter:saturate(.7)}
#bagDealer .v7219-status{font-size:16px;color:#dce3d6}
#bagDealer .v7219-mini{color:#9faf9e;font-size:12px}
#bagDealer .v7219-next-inner{padding:12px 14px 16px}
#bagDealer .v7219-next-name{margin-top:12px;color:#f4e0a6;font-size:18px}
#bagDealer .v7219-next-copy{font-size:12px;line-height:1.45}
#bagDealer .v7219-reward-grid{gap:12px;padding:14px}
#bagDealer .v7219-reward-card{min-height:132px;border-radius:18px;background:radial-gradient(circle at 50% 14%,rgba(248,190,67,.10),transparent 34%),linear-gradient(180deg,#08110b,#060b07)}
#bagDealer .v7219-reward-card .ico{font-size:42px}
#bagDealer .v7219-reward-card b{font-size:13px}
#bagDealer .v7219-reward-card span{font-size:16px}
#bagDealer .v7219-how-list{padding:16px 16px 18px}
#bagDealer .v7219-how-row{font-size:14px}
#bagDealer .v7219-today-body{min-height:264px}
#bagDealer .v7219-ring{width:170px;height:170px;box-shadow:0 0 30px rgba(104,216,79,.12)}
#bagDealer .v7219-ring:before{inset:16px}
#bagDealer .v7219-today-copy{font-size:14px}
#bagDealer .v7219-test{border-radius:16px}
@media(max-width:700px){
  #bagDealer .v7219-hero{grid-template-columns:138px 1fr 40px;min-height:212px;padding:16px 10px;gap:10px}
  #bagDealer .v7219-dealer-portrait{height:156px;border-radius:20px}
  #bagDealer .v7219-hero p{font-size:12px}
  #bagDealer .v7219-main-grid{grid-template-columns:1fr}
  #bagDealer .v7219-current-content{grid-template-columns:148px 1fr;gap:10px}
  #bagDealer .v7219-pack{min-height:240px}
  #bagDealer .v7219-fill h3{font-size:23px}
  #bagDealer .v7219-progress-line b{font-size:32px}
  #bagDealer .v7219-watch{min-height:58px;font-size:16px!important}
}
@media(max-width:430px){
  #bagDealer .v7219-hero{grid-template-columns:100px 1fr 34px;min-height:176px;padding:12px 8px;gap:8px}
  #bagDealer .v7219-dealer-portrait{height:118px;border-radius:16px}
  #bagDealer .v7219-hero h2{font-size:26px}
  #bagDealer .v7219-hero p{font-size:10px}
  #bagDealer .v7219-current-content{grid-template-columns:122px 1fr;padding:10px;gap:8px}
  #bagDealer .v7219-pack{min-height:180px;border-radius:18px}
  #bagDealer .v7221-pack-art{bottom:54px}
  #bagDealer .v7221-pack-title{font-size:13px}
  #bagDealer .v7219-progress-line b{font-size:22px}
  #bagDealer .v7219-status{font-size:12px}
}

/* V8.235: single-column live Tütchen layout; next-bag preview retired. */
#bagDealer .v7219-main-grid{grid-template-columns:1fr!important}

/* V8.238: completion receipt belongs to the canonical bag dealer owner. */
#bagDealer dialog.v7215-claim-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;overscroll-behavior:contain;max-width:calc(100vw - 24px)}
#bagDealer dialog.v7215-claim-dialog::backdrop{background:rgba(7,5,3,.83)}
#bagDealer .v7215-claim-modal{width:min(100%,440px);max-height:90dvh;overflow:auto;padding:23px 20px;border:3px solid #ad7c38;border-radius:23px;background:linear-gradient(160deg,#4b2c17,#24150e 68%,#160f0b);box-shadow:0 20px 70px #000b,inset 0 0 24px #d39c2924;color:#f9e8c1;text-align:center}
#bagDealer .v7215-claim-modal h3{font:700 clamp(22px,5vw,29px) Georgia,serif;margin:0 0 12px;color:#ffe9a3}
#bagDealer .v7215-claim-modal p{margin:0 0 17px;font-size:14px}
#bagDealer .v7215-claim-list{display:grid;gap:8px;margin:15px 0}
#bagDealer .v7215-claim-list>div{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1px solid #99703b;border-radius:12px;background:#140e0acc;font-size:16px}
#bagDealer .v7215-claim-list b{color:#b1f281;font-size:19px}
#bagDealer .v7215-claim-modal small{display:block;color:#d5bd95;margin:10px 0 14px}
#bagDealer .v7215-claim-modal .v7215-claim-ok{width:100%;min-height:52px;font-weight:900}