/* Capobi result banner (shared) – see js/result-banner.js. The empty live region takes no space and never blocks taps. */
.rb-live{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:12;width:min(94%,440px);pointer-events:none}
.rb-live:empty{width:0;height:0;overflow:hidden}
.rb-card{position:relative;pointer-events:auto;cursor:pointer;text-align:center;padding:14px 16px 10px;border-radius:18px;
  background:linear-gradient(160deg,rgba(33,20,78,.96),rgba(18,10,46,.96));border:2px solid #ffffff2e;box-shadow:0 18px 50px #000b,0 0 0 1px #0006;
  animation:rb-in .35s cubic-bezier(.2,1.4,.4,1) both;outline:none}
.rb-card:focus-visible{box-shadow:0 0 0 3px #ffe083,0 18px 50px #000b}
.rb-card.rb-win{border-color:#ffc83d;box-shadow:0 0 0 1px #ffc83d66,0 0 38px #ffc83d55,0 18px 50px #000b;background:linear-gradient(160deg,rgba(58,34,92,.97),rgba(24,12,52,.97))}
.rb-card.rb-push{border-color:#e8c26a88}
.rb-card.rb-none{border-color:#ffffff22;background:linear-gradient(160deg,rgba(28,22,52,.94),rgba(16,12,34,.94))}
.rb-title{font-weight:900;line-height:1.15;font-size:1.25rem;color:#f4f1ff;margin-top:4px}
.rb-win .rb-title{font-size:clamp(1.5rem,6.2vw,2.1rem);color:#ffc83d;text-shadow:0 0 18px #ffc83d99,0 2px 0 #0008;animation:rb-pop .6s .1s cubic-bezier(.2,1.8,.4,1) both}
.rb-push .rb-title{font-size:clamp(1.25rem,5vw,1.6rem);color:#ffe7a3}
.rb-none .rb-title{font-size:1.15rem;font-weight:700;color:#cfc6ea}
.rb-value{margin-top:3px;font-size:.95rem;font-weight:700;color:#ffe7a3}
.rb-none .rb-value{color:var(--muted,#b7addb);font-weight:500}
.rb-sub{margin-top:4px;font-size:.82rem;color:var(--muted,#b7addb)}
.rb-lines{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:3px;font-size:.88rem;text-align:left}
.rb-lines li{display:flex;gap:6px;justify-content:space-between;padding:3px 8px;border-radius:8px;background:#ffffff0d}
.rb-l-label{color:var(--muted,#b7addb);white-space:nowrap}.rb-l-text{font-weight:700;text-align:right}
.rb-l-win .rb-l-text{color:#ffc83d}.rb-l-push .rb-l-text{color:#ffe7a3}.rb-l-none .rb-l-text{color:#cfc6ea;font-weight:500}
.rb-close{display:block;margin-top:8px;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#ffffff66}
.rb-fx{position:absolute;left:50%;top:45%;width:0;height:0;pointer-events:none}
.rb-fx i{position:absolute;left:-4px;top:-4px;width:8px;height:8px;border-radius:2px;background:var(--c);opacity:0;transform:rotate(45deg);
  animation:rb-spark 1.1s var(--t) ease-out forwards;box-shadow:0 0 8px var(--c)}
@keyframes rb-in{from{opacity:0;transform:scale(.8) translateY(8px)}to{opacity:1;transform:none}}
@keyframes rb-pop{0%{transform:scale(.6)}100%{transform:scale(1)}}
@keyframes rb-spark{0%{opacity:1;transform:translate(0,0) rotate(45deg) scale(1)}70%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(225deg) scale(.4)}}
@media (prefers-reduced-motion:reduce){.rb-card,.rb-win .rb-title{animation:none}.rb-fx{display:none}}