:root{--sb-emerald:#70e3bc;--sb-gold:#f4c861;--sb-ink:#051017;--sb-panel:#071d27}
body.sb-open{overflow:hidden}
.sb-overlay[hidden]{display:none!important}.sb-overlay{position:fixed;inset:0;z-index:10070;background:radial-gradient(circle at 50% 5%,#164a4b 0,#061923 35%,#020a10 100%);overflow-y:auto;overscroll-behavior:contain;color:#effbf7;font-family:inherit}
.sb-panel{position:relative;width:min(100%,560px);min-height:100%;margin:auto;padding:calc(13px + env(safe-area-inset-top)) 14px calc(28px + env(safe-area-inset-bottom));box-sizing:border-box;overflow:hidden;background:radial-gradient(circle at 80% 18%,#14624c40,transparent 25%),linear-gradient(180deg,#092633 0%,#04141d 52%,#020a10 100%)}
.sb-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.19;background-image:linear-gradient(30deg,#fff1 1px,transparent 1px),linear-gradient(150deg,#fff1 1px,transparent 1px);background-size:32px 55px}
.sb-header,.sb-hero,.sb-dice-stage,.sb-planbar,.sb-board,.sb-message,.sb-winner-strip,.sb-footer{position:relative;z-index:1}.sb-header{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;padding:8px 2px 16px}.sb-header>button{width:42px;height:42px;border:1px solid #bcecd32e;border-radius:14px;background:linear-gradient(145deg,#173746,#0a1e2a);box-shadow:inset 0 1px #fff2,0 4px 0 #020d14;color:#dbfff1;font-size:21px}.sb-header span{display:block;color:#86cbb5;font-size:9px;font-weight:800;letter-spacing:.19em}.sb-header h2{margin:2px 0 0;font-size:21px;letter-spacing:-.03em}.sb-live{display:grid;grid-template-columns:auto auto;align-items:center;gap:5px;padding:8px 10px;border:1px solid #66dbb449;border-radius:13px;background:#0c2d2a;box-shadow:inset 0 1px #fff1}.sb-live i{width:7px;height:7px;border-radius:50%;background:#70efbd;box-shadow:0 0 10px #70efbd;animation:sbPulse 1.4s infinite}.sb-live b{font-size:10px;letter-spacing:.11em}.sb-live small{grid-column:1/-1;text-align:center;color:#9bbdb5;font-size:9px}
.sb-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px 18px;border:1px solid #a9efd030;border-radius:24px 24px 10px 10px;background:linear-gradient(145deg,#123d42,#09242f 55%,#132c32);box-shadow:inset 0 1px #fff2,0 8px 0 #020b10,0 18px 36px #0005}.sb-hero>div:first-child span{display:block;color:#9bdbc5;font-size:9px;font-weight:800;letter-spacing:.19em}.sb-hero>div:first-child strong{display:block;font-size:42px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.06em;margin:5px 0}.sb-hero>div:first-child small{color:#a9c2c5;font-size:11px}.sb-mega{min-width:93px;padding:10px 12px;text-align:center;border:1px solid #f4ca6866;border-radius:18px;background:radial-gradient(circle at 50% 20%,#ffeab840,#5c3a12 75%);box-shadow:inset 0 1px #fff5,0 5px 0 #241304}.sb-mega small,.sb-mega span{display:block;color:#ffe7a1;font-size:8px;font-weight:800;letter-spacing:.16em}.sb-mega b{display:block;color:#fff2bf;font-size:27px;text-shadow:0 2px 8px #ffbd37;margin:2px}.sb-mega.is-hot{animation:sbMega 1.2s ease-in-out infinite}
.sb-dice-stage{height:207px;margin-top:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #8de7c528;border-radius:10px 10px 24px 24px;overflow:hidden;background:radial-gradient(ellipse at 50% 78%,#3ac59033 0,transparent 45%),linear-gradient(150deg,#08212a,#06161f);box-shadow:inset 0 1px #fff1,0 7px 0 #01080d}.sb-dice-stage:after{content:"";position:absolute;left:10%;right:10%;bottom:43px;height:23px;border-radius:50%;background:#42d5a528;filter:blur(10px)}.sb-sound{position:absolute;z-index:5;right:10px;top:10px;width:32px;height:32px;border:1px solid #aee9d02e;border-radius:11px;background:#071821aa;color:#b9e9d8;font-weight:800}.sb-sound.is-muted{opacity:.45}.sb-cup{position:absolute;top:20px;width:86px;height:76px;clip-path:polygon(11% 0,89% 0,100% 100%,0 100%);border-radius:12px 12px 25px 25px;background:linear-gradient(90deg,#5b3711,#e0aa45 18%,#6c4218 48%,#f4d17b 78%,#55300d);box-shadow:inset 0 2px #fff7,0 12px 18px #0008;transform:translateY(-70px) rotate(-8deg);opacity:0}.sb-cup i{position:absolute;inset:7px;border:1px solid #fff4;border-radius:8px 8px 20px 20px}.sb-cup b{display:grid;place-items:center;height:100%;color:#2a1a08;text-shadow:0 1px #ffe4a1}.sb-dice-row{display:flex;gap:16px;position:relative;z-index:2;margin-top:12px;perspective:500px}.sb-die{position:relative;width:62px;height:62px;border:1px solid #fff9;border-radius:16px;background:radial-gradient(circle at 30% 20%,#fff,#e8eee9 58%,#8b9e99);box-shadow:inset -7px -9px 14px #70827d55,inset 4px 4px 9px #fff,0 8px 0 #7b918b,0 15px 24px #0009;transform:rotateX(8deg) rotateY(-8deg);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.sb-die:after{content:"";position:absolute;inset:5px;border-radius:12px;border:1px solid #fff7;pointer-events:none}.pip{position:absolute;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#32413e,#07110f 65%);box-shadow:inset 0 2px 2px #0009,0 1px #fff8;display:none}.p1,.p4,.p7{left:10px}.p2,.p5,.p8{left:26px}.p3,.p6,.p9{right:10px}.p1,.p2,.p3{top:10px}.p4,.p5,.p6{top:26px}.p7,.p8,.p9{bottom:10px}.sb-die[data-value="1"] .p5,.sb-die[data-value="2"] .p1,.sb-die[data-value="2"] .p9,.sb-die[data-value="3"] .p1,.sb-die[data-value="3"] .p5,.sb-die[data-value="3"] .p9,.sb-die[data-value="4"] .p1,.sb-die[data-value="4"] .p3,.sb-die[data-value="4"] .p7,.sb-die[data-value="4"] .p9,.sb-die[data-value="5"] .p1,.sb-die[data-value="5"] .p3,.sb-die[data-value="5"] .p5,.sb-die[data-value="5"] .p7,.sb-die[data-value="5"] .p9,.sb-die[data-value="6"] .p1,.sb-die[data-value="6"] .p3,.sb-die[data-value="6"] .p4,.sb-die[data-value="6"] .p6,.sb-die[data-value="6"] .p7,.sb-die[data-value="6"] .p9{display:block}.sb-dice-stage.is-rolling .sb-cup{opacity:1;animation:sbCup .42s ease-in-out infinite alternate}.sb-dice-stage.is-rolling .sb-die{animation:sbRoll .38s linear infinite}.sb-dice-stage.is-reveal .sb-die:nth-child(1){transform:rotate(-4deg) translateY(2px)}.sb-dice-stage.is-reveal .sb-die:nth-child(2){transform:rotate(3deg) translateY(-4px)}.sb-dice-stage.is-reveal .sb-die:nth-child(3){transform:rotate(-2deg) translateY(1px)}.sb-dice-stage p{position:absolute;z-index:2;bottom:10px;margin:0;color:#a8c4c4;font-size:11px;font-weight:650}
.sb-planbar{display:grid;grid-template-columns:1fr auto;gap:3px 12px;margin:16px 2px 10px;padding:12px 14px;border:1px solid #9dddc22b;border-radius:16px;background:#0a222c;box-shadow:inset 0 1px #fff1}.sb-planbar small{display:block;color:#86b7ad;font-size:8px;letter-spacing:.17em}.sb-planbar b{display:block;color:#d9fff0;font-size:12px;margin-top:2px}.sb-planbar>span{align-self:center;color:#c4d7d4;font-size:10px}.sb-planbar em{grid-column:1/-1;color:#789c96;font-size:9px;font-style:normal}
.sb-board{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sb-choice{position:relative;min-height:102px;padding:13px;border:1px solid #8adbbd35;border-radius:18px;overflow:hidden;text-align:left;color:#eafff7;background:linear-gradient(145deg,#123640,#09232e);box-shadow:inset 0 1px #fff2,0 5px 0 #020c12;transition:transform .16s,border-color .16s,filter .16s}.sb-choice:active{transform:translateY(4px);box-shadow:inset 0 1px #fff2,0 1px 0 #020c12}.sb-choice:disabled{opacity:.58}.sb-choice.is-selected{border-color:#79efc8;box-shadow:inset 0 0 0 1px #79efc855,0 5px 0 #123b31,0 0 22px #57d9ad33}.sb-choice.is-winner{animation:sbWinner .8s ease 3;border-color:#f6d376}.sb-choice-copy{position:relative;z-index:3}.sb-choice-copy b{display:block;font-size:19px;letter-spacing:.03em}.sb-choice-copy small{display:block;margin-top:3px;color:#91aaa9;font-size:8px;font-weight:750;letter-spacing:.11em}.sb-choice-multi{position:absolute;right:9px;top:9px;z-index:4;padding:4px 7px;border:1px solid #ffffff1f;border-radius:9px;background:#06151dbb;color:#aac1bf;font-size:9px;font-weight:800}.sb-choice-multi.is-hot{border-color:#f2c75b88;background:#664511;color:#fff0b2;box-shadow:0 0 12px #f8c84e55}.sb-zone-chips{position:absolute;inset:42px 7px 6px;display:flex;align-items:flex-end;justify-content:flex-end;gap:2px;flex-wrap:wrap;pointer-events:none}.sb-chip{position:relative;display:grid;place-items:center;width:31px;height:31px;margin-left:-10px;border:2px solid #ffffff4d;border-radius:50%;color:#061218;font-size:6px;font-weight:900;letter-spacing:-.02em;box-shadow:inset 0 0 0 3px #0003,inset 0 2px #fff8,0 4px 7px #0007;animation:sbChipThrow .72s cubic-bezier(.14,.77,.3,1.15) both}.sb-chip:before{content:"";position:absolute;inset:4px;border:1px dashed #06121866;border-radius:50%}.sb-chip small{position:absolute;bottom:-5px;right:-3px;padding:1px 3px;border-radius:4px;background:#08202a;color:#d9fff2;font-size:4px;letter-spacing:.04em}.sb-chip.is-mine{width:36px;height:36px;z-index:8;box-shadow:inset 0 0 0 3px #0003,inset 0 2px #fff8,0 0 13px currentColor,0 5px 8px #0008}.sb-chip.plan-free{background:linear-gradient(145deg,#d6e0df,#70817f)}.sb-chip.plan-bronze{background:linear-gradient(145deg,#ffc278,#8c471f)}.sb-chip.plan-silver{background:linear-gradient(145deg,#fff,#8394a1)}.sb-chip.plan-gold{background:linear-gradient(145deg,#fff1a1,#d18b13)}.sb-chip.plan-platinum{background:linear-gradient(145deg,#eaffff,#72d8d0)}.sb-chip.plan-diamond{background:linear-gradient(145deg,#c9efff,#7670ef);color:#10103b}
.sb-chip em{position:absolute;left:50%;top:-13px;max-width:48px;transform:translateX(-50%);overflow:hidden;color:#d9eee9;font-size:5px;font-style:normal;font-weight:700;text-overflow:ellipsis;white-space:nowrap;text-shadow:0 1px 3px #000}
.sb-message{min-height:18px;margin:12px 4px;color:#a8c2c1;text-align:center;font-size:10px;line-height:1.5}.sb-winner-strip{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-top:8px;padding:10px 0;border-top:1px solid #9fe6c52b;border-bottom:1px solid #9fe6c52b;background:#020e14aa;overflow:hidden}.sb-winner-strip>span{display:flex;align-items:center;gap:5px;padding-left:9px;color:#f2d27a;font-size:8px;font-weight:900;letter-spacing:.12em}.sb-winner-strip>span i{width:6px;height:6px;border-radius:50%;background:#f2cb68;box-shadow:0 0 8px #f2cb68}.sb-ticker-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.sb-ticker{display:flex;width:max-content;gap:26px;white-space:nowrap;animation:sbTicker var(--sb-ticker,24s) linear infinite}.sb-ticker b{color:#eaf8f4;font-size:10px;font-weight:650}.sb-ticker b:after{content:"◆";margin-left:26px;color:#d7ae4c;font-size:6px}.sb-footer{display:flex;justify-content:space-between;gap:10px;padding:13px 4px 2px;color:#779a96;font-size:9px}.sb-footer b{color:#bfe8dc}
.sb-ad-gate[hidden]{display:none!important}.sb-ad-gate{position:absolute;z-index:30;inset:0;display:grid;place-items:center;padding:20px;background:#01080ddb;backdrop-filter:blur(10px)}.sb-ad-gate article{width:min(100%,390px);box-sizing:border-box;padding:28px 22px;border:1px solid #b3ead44a;border-radius:28px;text-align:center;background:radial-gradient(circle at 50% 0,#31786255,transparent 35%),linear-gradient(150deg,#123441,#071923);box-shadow:inset 0 1px #fff3,0 20px 70px #000}.sb-ad-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 15px;border:1px solid #ffe49b88;border-radius:20px;background:linear-gradient(145deg,#ffe391,#b9781d);box-shadow:inset 0 2px #fff8,0 6px 0 #58350e;color:#19322c;font-size:27px}.sb-ad-gate article>span{color:#99d8c2;font-size:9px;font-weight:900;letter-spacing:.19em}.sb-ad-gate h3{margin:7px 0 9px;font-size:24px;letter-spacing:-.04em}.sb-ad-gate p{margin:0;color:#abc2c2;font-size:12px;line-height:1.65}.sb-ad-gate button{width:100%;margin-top:20px;padding:16px 19px;border:1px solid #e9fff5a6;border-radius:17px;background:linear-gradient(145deg,#baffdf,#63cda8);box-shadow:inset 0 2px #fff9,0 6px 0 #286d57;color:#062019;font-weight:850;font-size:14px}.sb-ad-gate button b{float:right}.sb-ad-gate button:disabled{filter:saturate(.2);opacity:.7}.sb-ad-gate article>small{display:block;margin-top:13px;color:#789794;font-size:9px}
@keyframes sbPulse{50%{opacity:.45;transform:scale(.75)}}@keyframes sbMega{50%{transform:translateY(-2px);box-shadow:inset 0 1px #fff7,0 7px 0 #241304,0 0 22px #ffd15b55}}@keyframes sbCup{to{transform:translateY(-2px) rotate(10deg)}}@keyframes sbRoll{25%{transform:translate(4px,-8px) rotate(100deg) scale(.92)}50%{transform:translate(-5px,2px) rotate(190deg)}75%{transform:translate(3px,-5px) rotate(280deg) scale(1.06)}to{transform:translate(0) rotate(360deg)}}@keyframes sbWinner{50%{filter:brightness(1.55);transform:translateY(-3px)}}@keyframes sbChipThrow{0%{opacity:0;transform:translate(80px,120px) rotateY(720deg) rotateX(380deg) scale(.4)}72%{opacity:1;transform:translate(-3px,-8px) rotateY(35deg) scale(1.12)}100%{transform:translate(0) scale(1)}}@keyframes sbTicker{to{transform:translateX(-50%)}}
@media(max-width:360px){.sb-panel{padding-left:9px;padding-right:9px}.sb-dice-stage{height:190px}.sb-die{width:54px;height:54px;border-radius:14px}.sb-dice-row{gap:12px}.pip{transform:scale(.85)}.sb-choice{min-height:94px;padding:11px}.sb-choice-copy b{font-size:17px}.sb-chip{width:27px;height:27px}.sb-hero>div:first-child strong{font-size:37px}}
@media(prefers-reduced-motion:reduce){.sb-live i,.sb-mega.is-hot,.sb-dice-stage.is-rolling .sb-cup,.sb-dice-stage.is-rolling .sb-die,.sb-choice.is-winner,.sb-chip,.sb-ticker{animation:none!important}}

/* Mega Sic Bac UX v3: three covered dice, realistic shake/reveal, compact board, round history */
.sb-header,.sb-hero,.sb-dice-stage,.sb-planbar,.sb-board,.sb-message,.sb-history,.sb-footer{position:relative;z-index:1}
.sb-dice-stage{height:220px;padding-top:3px}
.sb-cups-row{position:absolute;z-index:4;left:50%;top:73px;display:flex;gap:14px;transform:translateX(-50%);perspective:700px;pointer-events:none}
.sb-cup{position:relative;top:auto;width:66px;height:72px;opacity:1;clip-path:none;border-radius:12px 12px 25px 25px;background:linear-gradient(100deg,#3a220c 0%,#8f5a1d 13%,#e9ba59 31%,#684016 53%,#ffd987 76%,#5a330f 100%);border:1px solid #f7d98966;box-shadow:inset 5px 0 9px #fff2,inset -7px 0 10px #1d0e0570,inset 0 3px #fff6,0 9px 5px #020608cc,0 17px 22px #000b;transform:translateY(0) rotateX(-3deg);transform-origin:50% 90%;transition:transform .62s cubic-bezier(.18,.82,.22,1),opacity .35s ease,filter .3s ease}
.sb-cup:before{content:"";position:absolute;z-index:2;left:-4px;right:-4px;top:-5px;height:14px;border-radius:50%;background:radial-gradient(ellipse at 50% 20%,#ffe6a9 0,#9d6527 38%,#3b210b 73%);border:1px solid #ffe2a15c;box-shadow:inset 0 2px 4px #fff7,0 2px 3px #0008}
.sb-cup:after{content:"";position:absolute;left:-6px;right:-6px;bottom:-5px;height:14px;border-radius:50%;background:linear-gradient(#a36a27,#3d210b);box-shadow:inset 0 2px #f6cc725c,0 4px 7px #0009}
.sb-cup .sb-cup-handle{position:absolute;z-index:3;left:50%;top:-23px;width:25px;height:24px;transform:translateX(-50%);border-radius:10px 10px 5px 5px;background:linear-gradient(90deg,#5b3510,#e1ae4e 48%,#5b3410);box-shadow:inset 0 2px #fff5,0 4px 5px #0008}
.sb-cup i{position:absolute;inset:8px;border:1px solid #fff3;border-radius:8px 8px 19px 19px;box-shadow:inset 0 0 10px #2c160766}
.sb-cup b{position:relative;z-index:1;display:grid;place-items:center;height:100%;color:#301b08;font-size:11px;letter-spacing:.08em;text-shadow:0 1px #ffe7a8aa}
.sb-dice-row{z-index:3;gap:18px;margin-top:28px}
.sb-die{width:58px;height:58px;border:1px solid #fff;background:radial-gradient(circle at 28% 18%,#fff 0%,#f8fbf9 18%,#dce6e1 61%,#81938e 100%);border-radius:14px;box-shadow:inset -8px -10px 13px #53676166,inset 6px 5px 10px #fff,0 7px 0 #677b75,0 13px 17px #000a;transform-style:preserve-3d;transition:opacity .22s ease,transform .55s cubic-bezier(.2,.8,.2,1),filter .25s ease}
.sb-die:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#fff6 0 14%,transparent 31% 70%,#243c3540);pointer-events:none}
.sb-die:after{inset:4px;border-radius:11px;border-color:#fff9;box-shadow:inset 0 0 4px #fff6}
.sb-dice-stage.is-covered .sb-die,.sb-dice-stage.is-shaking .sb-die{opacity:0;filter:blur(1px)}
.sb-dice-stage.is-covered .sb-cup{opacity:1;transform:translateY(0) rotateX(-3deg)}
.sb-dice-stage.is-shaking .sb-cup:nth-child(1){animation:sbCupShake1 .28s ease-in-out infinite alternate}
.sb-dice-stage.is-shaking .sb-cup:nth-child(2){animation:sbCupShake2 .24s ease-in-out infinite alternate-reverse}
.sb-dice-stage.is-shaking .sb-cup:nth-child(3){animation:sbCupShake3 .31s ease-in-out infinite alternate}
.sb-dice-stage.is-shaking .sb-die:nth-child(1){animation:sbHiddenDie1 .22s linear infinite}
.sb-dice-stage.is-shaking .sb-die:nth-child(2){animation:sbHiddenDie2 .19s linear infinite reverse}
.sb-dice-stage.is-shaking .sb-die:nth-child(3){animation:sbHiddenDie3 .25s linear infinite}
.sb-dice-stage.is-reveal .sb-cup:nth-child(1){transform:translate(-8px,-93px) rotate(-19deg) rotateX(12deg);opacity:0}
.sb-dice-stage.is-reveal .sb-cup:nth-child(2){transform:translate(0,-100px) rotate(5deg) rotateX(12deg);opacity:0}
.sb-dice-stage.is-reveal .sb-cup:nth-child(3){transform:translate(8px,-93px) rotate(19deg) rotateX(12deg);opacity:0}
.sb-dice-stage.is-reveal .sb-die{opacity:1;animation:sbDieLand .52s cubic-bezier(.16,.84,.27,1.08) both}
.sb-dice-stage.is-reveal .sb-die:nth-child(1){transform:rotateX(10deg) rotateY(-10deg) rotateZ(-5deg) translateY(2px)}
.sb-dice-stage.is-reveal .sb-die:nth-child(2){transform:rotateX(7deg) rotateY(8deg) rotateZ(4deg) translateY(-4px);animation-delay:.08s}
.sb-dice-stage.is-reveal .sb-die:nth-child(3){transform:rotateX(12deg) rotateY(-5deg) rotateZ(-2deg) translateY(1px);animation-delay:.16s}
.sb-shake-dust{position:absolute;z-index:2;left:50%;top:145px;width:240px;height:20px;transform:translateX(-50%);opacity:0;pointer-events:none}
.sb-shake-dust i{position:absolute;bottom:0;width:8px;height:4px;border-radius:50%;background:#8ce1bf55;filter:blur(1px)}
.sb-shake-dust i:nth-child(1){left:22%}.sb-shake-dust i:nth-child(2){left:49%}.sb-shake-dust i:nth-child(3){left:75%}
.sb-dice-stage.is-shaking .sb-shake-dust{opacity:1}.sb-dice-stage.is-shaking .sb-shake-dust i{animation:sbDust .45s ease-out infinite}
.sb-dice-stage p{bottom:11px;left:12px;right:12px;text-align:center}

.sb-board{gap:8px}.sb-choice{min-height:78px;padding:10px 11px;border-radius:15px;box-shadow:inset 0 1px #fff2,0 4px 0 #020c12}.sb-choice:active{transform:translateY(3px);box-shadow:inset 0 1px #fff2,0 1px 0 #020c12}.sb-choice-copy b{font-size:16px}.sb-choice-copy small{margin-top:2px;font-size:7px}.sb-choice-multi{right:7px;top:7px;padding:3px 6px;font-size:8px}.sb-zone-chips{inset:34px 6px 5px}.sb-chip{width:26px;height:26px}.sb-chip.is-mine{width:30px;height:30px}.sb-chip em{top:-11px;font-size:4.5px}

.sb-history{margin-top:10px;padding:10px;border:1px solid #93ddc52b;border-radius:16px;background:linear-gradient(145deg,#09212b,#06151d);box-shadow:inset 0 1px #fff1}
.sb-history-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.sb-history-head>span{display:flex;align-items:center;gap:6px;color:#d9f7ed;font-size:8px;font-weight:900;letter-spacing:.12em}.sb-history-head>span i{width:6px;height:6px;border-radius:50%;background:#f2cb68;box-shadow:0 0 8px #f2cb68}.sb-history-head small{color:#789b95;font-size:7px}.sb-history-list{display:grid;gap:5px}.sb-history-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 8px;border:1px solid #ffffff12;border-radius:11px;background:#04131aaa}.sb-history-row:first-child{border-color:#e9c9654f;background:linear-gradient(90deg,#2c24104d,#07171f 48%)}.sb-history-dice{display:flex;gap:3px}.sb-history-dice span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #ffffffb8;border-radius:6px;background:linear-gradient(145deg,#fff,#dbe4e0 70%,#8ea09a);box-shadow:inset -2px -2px 3px #63767055,0 2px 3px #0007;color:#0b1613;font-size:10px;font-weight:900}.sb-history-info b{display:block;color:#e7faf4;font-size:9px}.sb-history-info small{display:block;margin-top:1px;color:#91aaa6;font-size:7px;font-weight:750;letter-spacing:.06em}.sb-history-row em{font-style:normal;color:#d7bc6c;font-size:6px;font-weight:850;letter-spacing:.08em}.sb-history-empty{padding:9px;text-align:center;color:#779793;font-size:8px}

@keyframes sbCupShake1{0%{transform:translate(-3px,1px) rotate(-4deg)}100%{transform:translate(4px,-2px) rotate(5deg)}}
@keyframes sbCupShake2{0%{transform:translate(-4px,-1px) rotate(4deg)}100%{transform:translate(3px,2px) rotate(-5deg)}}
@keyframes sbCupShake3{0%{transform:translate(-2px,2px) rotate(-5deg)}100%{transform:translate(4px,-1px) rotate(4deg)}}
@keyframes sbHiddenDie1{25%{transform:translate(6px,-8px) rotateX(90deg) rotateY(45deg)}50%{transform:translate(-5px,2px) rotateX(180deg) rotateY(120deg)}75%{transform:translate(4px,-5px) rotateX(270deg) rotateY(220deg)}100%{transform:translate(0) rotateX(360deg) rotateY(360deg)}}
@keyframes sbHiddenDie2{25%{transform:translate(-5px,-7px) rotateX(100deg) rotateY(70deg)}50%{transform:translate(5px,3px) rotateX(190deg) rotateY(160deg)}75%{transform:translate(-3px,-5px) rotateX(280deg) rotateY(250deg)}100%{transform:translate(0) rotateX(360deg) rotateY(360deg)}}
@keyframes sbHiddenDie3{25%{transform:translate(5px,-6px) rotateX(110deg) rotateY(60deg)}50%{transform:translate(-4px,4px) rotateX(200deg) rotateY(150deg)}75%{transform:translate(3px,-7px) rotateX(290deg) rotateY(240deg)}100%{transform:translate(0) rotateX(360deg) rotateY(360deg)}}
@keyframes sbDieLand{0%{opacity:0;filter:blur(2px);transform:translateY(-18px) rotateX(95deg) rotateY(80deg) scale(.78)}68%{opacity:1;filter:none;transform:translateY(3px) rotateX(-8deg) rotateY(-4deg) scale(1.05)}100%{opacity:1;filter:none}}
@keyframes sbDust{0%{opacity:0;transform:translateY(0) scale(.6)}45%{opacity:.7}100%{opacity:0;transform:translateY(-12px) scale(1.5)}}

@media(max-width:360px){.sb-dice-stage{height:207px}.sb-cups-row{gap:10px;top:71px}.sb-cup{width:58px;height:65px}.sb-die{width:51px;height:51px}.sb-dice-row{gap:13px}.sb-choice{min-height:72px;padding:9px}.sb-choice-copy b{font-size:15px}.sb-history{padding:8px}.sb-history-dice span{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.sb-dice-stage.is-shaking .sb-cup,.sb-dice-stage.is-shaking .sb-die,.sb-dice-stage.is-shaking .sb-shake-dust i,.sb-dice-stage.is-reveal .sb-die{animation:none!important}}


/* Mega Sic Bac UX v4 — compact 3x2 board, clean dice, staggered arena, centered access modal */
.sb-panel{padding-left:11px;padding-right:11px;background:radial-gradient(circle at 50% -8%,#17625435,transparent 28%),radial-gradient(circle at 100% 30%,#1f6c5a20,transparent 33%),linear-gradient(180deg,#082631 0%,#04151d 54%,#020a0f 100%)}
.sb-hero{padding:14px 16px;border-radius:20px 20px 9px 9px}.sb-hero>div:first-child strong{font-size:39px}.sb-mega{min-width:84px;padding:9px 10px}
.sb-dice-stage{height:210px;background:radial-gradient(ellipse at 50% 72%,#45dda52a 0,transparent 42%),linear-gradient(155deg,#092630,#04151d)}
.sb-cups-row{top:70px;gap:12px}.sb-cup{width:64px;height:70px}.sb-cup-logo{position:absolute;z-index:4;left:50%;top:50%;width:27px;height:27px;transform:translate(-50%,-42%);object-fit:cover;border-radius:50%;border:1px solid #ffe8a9aa;box-shadow:0 2px 7px #0009,inset 0 0 0 1px #fff3;background:#102630}.sb-cup-logo[hidden]{display:none!important}
.sb-dice-row{gap:16px;margin-top:27px}.sb-die{width:56px;height:56px;border-radius:13px;background:linear-gradient(145deg,#ffffff 0%,#f6faf8 43%,#dbe4e0 78%,#a0aea9 100%);border:1px solid #fff;box-shadow:inset 5px 5px 8px #ffffff,inset -7px -8px 11px #697c7560,0 6px 0 #71837d,0 12px 17px #000a}.sb-die:before{background:linear-gradient(135deg,#ffffffa6 0 10%,transparent 28% 72%,#314a4240 100%)}.pip{width:9px;height:9px;background:radial-gradient(circle at 34% 28%,#3b4a46 0,#111c19 45%,#020706 78%);box-shadow:inset 0 1px 2px #000,0 1px 1px #fff9}.p1,.p4,.p7{left:9px}.p2,.p5,.p8{left:23px}.p3,.p6,.p9{right:9px}.p1,.p2,.p3{top:9px}.p4,.p5,.p6{top:23px}.p7,.p8,.p9{bottom:9px}
.sb-planbar{margin-top:13px;margin-bottom:8px;padding:10px 12px}
.sb-board{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.sb-choice{min-width:0;min-height:68px;padding:8px 7px;border-radius:13px}.sb-choice-copy b{font-size:13px;letter-spacing:-.02em}.sb-choice-copy small{font-size:6px;letter-spacing:.08em;white-space:nowrap}.sb-choice-multi{right:5px;top:5px;padding:2px 5px;font-size:7px;border-radius:8px}.sb-zone-chips{inset:29px 4px 4px;display:flex;align-items:flex-end;justify-content:flex-end;gap:1px}.sb-chip{width:20px;height:20px;font-size:5px;border-width:1px;animation-duration:.48s}.sb-chip.is-mine{width:23px;height:23px}.sb-chip em{top:-9px;max-width:27px;font-size:4px}.sb-chip small{font-size:3.5px;bottom:-6px}.sb-message{margin:8px 2px 0;font-size:9px}.sb-history{margin-top:8px}
.sb-ad-gate[hidden]{display:none!important}.sb-ad-gate{position:fixed!important;z-index:10150!important;inset:0!important;display:grid!important;place-items:center!important;padding:18px!important;background:#000b!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.sb-ad-gate article{width:min(88vw,390px)!important;margin:0!important;max-height:82vh;overflow:auto;border:1px solid #f0cf7755;border-radius:22px!important;background:radial-gradient(circle at 50% 0,#73501642,transparent 32%),linear-gradient(160deg,#102d32,#07181f 65%,#041016)!important;box-shadow:0 24px 70px #000d,inset 0 1px #fff2;padding:20px!important;text-align:center}.sb-ad-gate article button{width:100%;margin-top:13px}
@media(max-width:390px){.sb-board{gap:6px}.sb-choice{min-height:64px;padding:7px 6px}.sb-choice-copy b{font-size:12px}.sb-choice-copy small{font-size:5.7px}.sb-chip{width:18px;height:18px}.sb-dice-stage{height:204px}.sb-cup{width:60px;height:66px}.sb-cups-row{gap:9px}.sb-die{width:53px;height:53px}.p2,.p5,.p8{left:22px}.p4,.p5,.p6{top:22px}}

/* Mega Sic Bac v7 — real live coins, casino table, compact 3x2 board */
.sb-panel{padding:10px 10px 18px;background:radial-gradient(circle at 50% 0,#113940 0,#061821 38%,#02090e 100%)}
.sb-header{margin-bottom:8px}
.sb-table{position:relative;border-radius:30px 30px 22px 22px;padding:8px;background:linear-gradient(145deg,#916929 0,#d7b45f 12%,#4a3110 31%,#17100a 50%,#7f5b22 74%,#d1ad54 88%,#6b4818 100%);box-shadow:0 18px 38px #000b,inset 0 2px 1px #fff8,inset 0 -4px 8px #0009}
.sb-table:before{content:"";position:absolute;inset:5px;border-radius:26px;border:1px solid #ffdf8b5c;box-shadow:inset 0 0 20px #0008;pointer-events:none}
.sb-table-rail{height:27px;display:flex;align-items:center;justify-content:center;gap:10px;color:#ffefbd;font-size:7px;font-weight:900;letter-spacing:.24em;text-shadow:0 1px 2px #000}.sb-table-rail i{width:4px;height:4px;border-radius:50%;background:#e5c46c;box-shadow:0 0 8px #ffe28d}
.sb-table-felt{position:relative;overflow:hidden;border-radius:23px;background:radial-gradient(ellipse at 50% 25%,#145e50 0,#0a453e 27%,#07342f 55%,#04231f 100%);border:1px solid #d8bd6b66;box-shadow:inset 0 0 42px #000b,inset 0 1px #76e0bd38}
.sb-table-felt:before{content:"";position:absolute;inset:10px;border:1px solid #e7d18d28;border-radius:18px;pointer-events:none}.sb-table-felt:after{content:"MEGA SIC BAC";position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);font-size:42px;font-weight:1000;letter-spacing:.12em;color:#e9d48c0b;white-space:nowrap;pointer-events:none}
.sb-table-topline{position:relative;z-index:6;display:flex;justify-content:space-between;align-items:flex-start;padding:11px 13px 0}.sb-round-clock{display:grid;grid-template-columns:auto auto;align-items:end;column-gap:8px}.sb-round-clock small{grid-column:1/-1;color:#a7ebd2;font-size:7px;font-weight:900;letter-spacing:.18em}.sb-round-clock strong{font-size:31px;line-height:1;color:#fff;text-shadow:0 2px 7px #0008}.sb-round-clock span{max-width:120px;padding-bottom:2px;color:#a9c8c0;font-size:7px;line-height:1.25}
.sb-dice-stage{height:170px;margin:0 9px;background:transparent!important;border:0!important;box-shadow:none!important}.sb-cups-row{top:50px;gap:10px}.sb-cup{width:58px;height:62px;border-radius:16px 16px 20px 20px;background:linear-gradient(90deg,#5c330d 0,#a96e22 13%,#efc568 38%,#9f641b 62%,#e2b154 79%,#553009 100%);box-shadow:inset 0 3px 4px #fff6,inset -5px -4px 8px #351b08aa,0 9px 12px #000a;transform-style:preserve-3d}.sb-cup:before{background:radial-gradient(ellipse at 50% 38%,#f5d47d 0,#9f641d 48%,#4e2a09 76%);box-shadow:inset 0 2px 3px #fff7,0 2px 5px #0009}.sb-cup-word{position:absolute;z-index:5;left:50%;top:31px;transform:translateX(-50%) perspective(120px) rotateX(-4deg);font-size:10px;font-weight:1000;letter-spacing:.1em;color:#402305;text-shadow:0 1px 0 #ffe29c,0 -1px 0 #160b02,0 2px 3px #0007}.sb-cup:nth-child(1) .sb-cup-word{font-size:8px}.sb-cup-handle{top:-19px;width:21px;height:22px}
.sb-dice-row{gap:13px;margin-top:14px}.sb-die{width:50px;height:50px;border-radius:12px;transform:rotateX(7deg) rotateZ(-2deg);box-shadow:inset 5px 5px 8px #fff,inset -7px -8px 10px #6f817b55,0 5px 0 #71807b,0 11px 16px #000b}.sb-die:nth-child(2){transform:rotateX(6deg) rotateZ(2deg)}.sb-die:nth-child(3){transform:rotateX(8deg) rotateZ(-1deg)}
.sb-mega-drop{position:absolute;z-index:12;top:4px;right:8px;min-width:68px;padding:5px 8px;border:1px solid #f7d87c88;border-radius:12px;background:linear-gradient(145deg,#8b5c17,#312006);box-shadow:0 8px 15px #0009,inset 0 1px #fff5;text-align:center;opacity:0;transform:translateY(-90px) rotate(-9deg) scale(.8);pointer-events:none}.sb-mega-drop small,.sb-mega-drop span{display:block;color:#f7e6ae;font-size:5px;font-weight:900;letter-spacing:.12em}.sb-mega-drop b{display:block;color:#fff2be;font-size:19px}.sb-dice-stage.is-multiplier-drop .sb-mega-drop{animation:sbMegaFall .72s cubic-bezier(.22,1.3,.38,1) forwards}@keyframes sbMegaFall{0%{opacity:0;transform:translateY(-95px) rotate(-14deg) scale(.72)}70%{opacity:1;transform:translateY(7px) rotate(3deg) scale(1.06)}100%{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
.sb-board{position:relative;z-index:5;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:7px 8px 10px}.sb-choice{min-height:55px;padding:6px;border:1px solid #d6c16d30;border-radius:10px;background:linear-gradient(155deg,#0b403aee,#062a27ee);box-shadow:inset 0 1px #ffffff15,0 3px 4px #0007}.sb-choice-copy b{font-size:11px}.sb-choice-copy small{font-size:5px}.sb-choice-multi{right:4px;top:4px;padding:2px 4px;font-size:6px}.sb-zone-chips{inset:22px 3px 3px;overflow:visible}.sb-chip{width:18px;height:18px;font-size:4.5px;flex:0 0 auto}.sb-chip.is-real{z-index:20;box-shadow:0 0 0 1px #fff9,0 2px 5px #000b}.sb-chip.is-mine{width:22px;height:22px;z-index:25;box-shadow:0 0 0 2px #fff,0 0 12px #68ffd9,0 3px 7px #000}.sb-chip em{top:-11px;max-width:42px;padding:1px 3px;border-radius:4px;background:#02110ed9;color:#fff;font-size:4px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px #000}.sb-chip.is-real em{font-size:4.5px;background:#061b17f2;box-shadow:0 1px 3px #0009}
.sb-history-mini{margin-top:7px;padding:7px 8px;border-radius:12px}.sb-history-mini .sb-history-head{margin-bottom:4px}.sb-history-mini .sb-history-head>span{font-size:6.5px}.sb-history-mini .sb-history-head small{font-size:5.5px}.sb-history-mini .sb-history-list{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.sb-history-mini .sb-history-list::-webkit-scrollbar{display:none}.sb-history-mini .sb-history-row{min-width:105px;grid-template-columns:auto 1fr;padding:4px 5px;gap:4px;border-radius:8px}.sb-history-mini .sb-history-row>em{display:none}.sb-history-mini .sb-history-dice{gap:2px}.sb-history-mini .sb-history-dice span{width:15px;height:15px;border-radius:4px;font-size:7px}.sb-history-mini .sb-history-info b{font-size:6.5px}.sb-history-mini .sb-history-info small{font-size:5px}
.sb-planbar{margin-top:8px}.sb-message{font-size:8px}
@media(max-width:370px){.sb-table{padding:6px}.sb-table-rail{height:24px}.sb-dice-stage{height:163px}.sb-cups-row{top:48px;gap:7px}.sb-cup{width:54px;height:59px}.sb-board{gap:4px;padding:6px}.sb-choice{min-height:51px;padding:5px}.sb-choice-copy b{font-size:10px}.sb-chip{width:16px;height:16px}.sb-chip.is-mine{width:20px;height:20px}.sb-round-clock strong{font-size:28px}}

/* Mega Sic Bac v8 — premium attached cup emblems + clean reveal */
.sb-cups-row{
  top:54px!important;
  gap:12px!important;
  z-index:8!important;
  perspective:900px;
}
.sb-cup{
  width:60px!important;
  height:66px!important;
  overflow:visible;
  opacity:1!important;
  border:1px solid #f4d27b70!important;
  border-radius:15px 15px 22px 22px!important;
  background:
    linear-gradient(90deg,#3b2109 0%,#7b4915 9%,#dba54b 27%,#f4d477 43%,#9b621d 61%,#d7a349 77%,#4b290b 100%)!important;
  box-shadow:
    inset 5px 0 8px #fff2,
    inset -7px 0 10px #210f0466,
    inset 0 3px 3px #fff6,
    inset 0 -7px 10px #32180680,
    0 9px 10px #0009,
    0 16px 22px #0008!important;
  transform-origin:50% 86%!important;
  backface-visibility:hidden;
}
.sb-cup:before{
  left:-5px!important;
  right:-5px!important;
  top:-5px!important;
  height:14px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at 50% 28%,#ffefbb 0%,#d19a40 26%,#754410 59%,#2b1706 82%)!important;
  border:1px solid #ffe8a080!important;
  box-shadow:inset 0 2px 3px #fff8,0 3px 5px #0008!important;
}
.sb-cup:after{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:-6px!important;
  right:-6px!important;
  bottom:-5px!important;
  height:13px!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#d7a14b 0%,#7e4b16 45%,#321906 100%)!important;
  border:1px solid #e8bf6655!important;
  box-shadow:inset 0 2px #f8d47b70,0 4px 6px #0009!important;
}
.sb-cup .sb-cup-handle{
  top:-21px!important;
  width:22px!important;
  height:23px!important;
  border:1px solid #e8bf6760;
  border-radius:10px 10px 6px 6px!important;
  background:linear-gradient(90deg,#4b290b 0%,#b57627 22%,#edc263 50%,#9c611d 75%,#3c2109 100%)!important;
  box-shadow:inset 0 2px #fff6,inset -3px 0 5px #2b140566,0 3px 4px #0008!important;
}
.sb-cup i{
  z-index:2!important;
  inset:7px 6px 8px!important;
  border-radius:9px 9px 18px 18px!important;
  border:1px solid #ffe6a02d!important;
  background:linear-gradient(90deg,transparent,#fff1 35%,transparent 58%,#0001)!important;
  box-shadow:inset 0 0 12px #28130555!important;
}
/* The emblem is a child of the cup, so it always travels with the bowl. */
.sb-cup-word{
  position:absolute!important;
  z-index:10!important;
  left:50%!important;
  top:28px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:43px!important;
  height:21px!important;
  box-sizing:border-box!important;
  transform:translateX(-50%) perspective(160px) rotateX(-5deg)!important;
  border:1px solid #f9d98288!important;
  border-radius:50%!important;
  background:
    radial-gradient(ellipse at 50% 25%,#65451a 0%,#2f1c09 52%,#130a03 100%)!important;
  box-shadow:
    inset 0 1px 1px #fff3,
    inset 0 -2px 3px #0008,
    0 2px 4px #0008!important;
  color:#f6d477!important;
  font-size:8px!important;
  line-height:1!important;
  font-weight:1000!important;
  letter-spacing:.12em!important;
  text-indent:.12em;
  text-shadow:0 1px 0 #120902,0 0 5px #f2c85a55!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}
.sb-cup:nth-child(1) .sb-cup-word{font-size:7px!important;letter-spacing:.08em!important;text-indent:.08em}

/* Closed and shaking: cup completely covers dice. */
.sb-dice-stage.is-covered:not(.is-shaking) .sb-cup{
  opacity:1!important;
  transform:translate3d(0,0,0) rotateX(-3deg)!important;
  filter:none!important;
}
.sb-dice-stage.is-covered .sb-die,
.sb-dice-stage.is-shaking .sb-die{opacity:0!important;visibility:hidden!important}
.sb-dice-stage.is-shaking .sb-cup{opacity:1!important;visibility:visible!important}

/* Reveal: lift the WHOLE cup including MEGA/SIC/BAC emblem. Never leave text floating. */
.sb-dice-stage.is-reveal .sb-cup{
  opacity:1!important;
  visibility:visible!important;
  animation:none!important;
  filter:drop-shadow(0 8px 7px #0007)!important;
}
.sb-dice-stage.is-reveal .sb-cup:nth-child(1){transform:translate3d(-18px,-47px,0) rotate(-13deg) rotateX(9deg)!important}
.sb-dice-stage.is-reveal .sb-cup:nth-child(2){transform:translate3d(0,-52px,0) rotate(0deg) rotateX(9deg)!important}
.sb-dice-stage.is-reveal .sb-cup:nth-child(3){transform:translate3d(18px,-47px,0) rotate(13deg) rotateX(9deg)!important}
.sb-dice-stage.is-reveal .sb-die{opacity:1!important;visibility:visible!important}

@media(max-width:370px){
 .sb-cups-row{top:52px!important;gap:9px!important}
 .sb-cup{width:56px!important;height:62px!important}
 .sb-cup-word{top:26px!important;width:40px!important;height:20px!important;font-size:7.5px!important}
 .sb-cup:nth-child(1) .sb-cup-word{font-size:6.7px!important}
 .sb-dice-stage.is-reveal .sb-cup:nth-child(1){transform:translate3d(-15px,-44px,0) rotate(-12deg) rotateX(8deg)!important}
 .sb-dice-stage.is-reveal .sb-cup:nth-child(2){transform:translate3d(0,-48px,0) rotateX(8deg)!important}
 .sb-dice-stage.is-reveal .sb-cup:nth-child(3){transform:translate3d(15px,-44px,0) rotate(12deg) rotateX(8deg)!important}
}

/* v9 — winner ticker real + Arena */
.sb-winner-strip{margin:10px 4px 2px;border:1px solid #8fddbe24;border-radius:12px;background:linear-gradient(90deg,#06161dcc,#08241dcc,#06161dcc);box-shadow:inset 0 1px #fff1,0 6px 18px #0003;padding:9px 0}.sb-winner-strip[hidden]{display:none!important}.sb-winner-strip>span{white-space:nowrap}.sb-ticker b{display:inline-flex;align-items:center;min-height:18px}.sb-ticker b:nth-child(odd){color:#f7f2df}.sb-ticker b:nth-child(even){color:#d8f7ec}@media(max-width:520px){.sb-winner-strip{grid-template-columns:auto 1fr;gap:7px;margin-top:8px;padding:8px 0}.sb-winner-strip>span{font-size:7px;padding-left:7px}.sb-ticker{gap:20px}.sb-ticker b{font-size:8px}.sb-ticker b:after{margin-left:20px}}


/* ==========================================================
   Mega Sic Bac v11 — clean compact cups + perfect dice pips
   ========================================================== */

/* Keep the stage spacious, but make the physical props smaller. */
.sb-cups-row{
  top:58px!important;
  gap:15px!important;
  z-index:8!important;
  perspective:900px;
}
.sb-cup{
  width:48px!important;
  height:54px!important;
  overflow:visible!important;
  opacity:1!important;
  border:1px solid #f0cc7560!important;
  border-radius:13px 13px 18px 18px!important;
  background:linear-gradient(90deg,#3c2108 0%,#815017 12%,#d89f42 28%,#f2ca68 43%,#925817 61%,#d29a3d 78%,#422408 100%)!important;
  box-shadow:inset 4px 0 7px #fff2,inset -5px 0 8px #210f045f,inset 0 2px 3px #fff5,inset 0 -5px 8px #2c15066b,0 7px 8px #0008,0 12px 17px #0007!important;
  transform-origin:50% 88%!important;
  backface-visibility:hidden;
}
.sb-cup:before{
  left:-4px!important;right:-4px!important;top:-4px!important;height:11px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at 50% 28%,#ffedb1 0%,#cf973b 28%,#75420f 60%,#2c1605 84%)!important;
  border:1px solid #ffe5a06f!important;
  box-shadow:inset 0 2px 2px #fff7,0 2px 4px #0007!important;
}
.sb-cup:after{
  content:""!important;position:absolute!important;z-index:3!important;
  left:-5px!important;right:-5px!important;bottom:-4px!important;height:10px!important;
  border-radius:50%!important;
  background:linear-gradient(180deg,#d29a40 0%,#764313 48%,#2e1605 100%)!important;
  border:1px solid #e4b85d4d!important;
  box-shadow:inset 0 1px #f4cc7270,0 3px 5px #0008!important;
}
.sb-cup .sb-cup-handle{
  top:-17px!important;width:17px!important;height:18px!important;
  border:1px solid #e3b85b55!important;border-radius:8px 8px 5px 5px!important;
  background:linear-gradient(90deg,#472507 0%,#ae6f22 24%,#e7b657 50%,#925816 76%,#382006 100%)!important;
  box-shadow:inset 0 2px #fff5,inset -2px 0 4px #2b140555,0 2px 3px #0007!important;
}
.sb-cup i{
  z-index:2!important;inset:6px 5px 7px!important;
  border-radius:7px 7px 15px 15px!important;border:1px solid #ffe29b20!important;
  background:linear-gradient(90deg,transparent,#fff1 34%,transparent 57%,#0001)!important;
  box-shadow:inset 0 0 9px #28120545!important;
}
/* No oval badge: embossed lettering directly on the cup body. */
.sb-cup .sb-cup-word{
  position:absolute!important;z-index:12!important;left:50%!important;top:25px!important;
  width:auto!important;height:auto!important;min-width:0!important;padding:0!important;margin:0!important;
  display:block!important;transform:translateX(-50%)!important;
  border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;
  color:#3d2309!important;font-size:7.5px!important;line-height:1!important;font-weight:1000!important;
  letter-spacing:.11em!important;text-indent:.11em!important;white-space:nowrap!important;
  text-shadow:0 1px 0 #ffe29a,0 -1px 0 #160a02,0 2px 2px #0005!important;
  pointer-events:none!important;
}
.sb-cup:nth-child(1) .sb-cup-word{font-size:6.8px!important;letter-spacing:.075em!important;text-indent:.075em!important}

/* Smaller, cleaner dice. */
.sb-dice-row{gap:15px!important;margin-top:18px!important;perspective:600px!important}
.sb-die{
  width:43px!important;height:43px!important;border-radius:11px!important;
  border:1px solid #ffffffd9!important;
  background:radial-gradient(circle at 27% 18%,#fff 0%,#fbfdfc 22%,#e4ebe8 64%,#879894 100%)!important;
  box-shadow:inset 4px 4px 7px #fff,inset -6px -7px 9px #64757055,0 4px 0 #71827d,0 9px 13px #0009!important;
  transform-style:preserve-3d!important;
}
.sb-die:after{inset:3px!important;border-radius:8px!important;border:1px solid #ffffff99!important;box-shadow:inset 0 0 3px #fff5!important}

/* Reset every inherited pip position first. This prevents the 6-face overlap. */
.sb-die .pip{
  width:7px!important;height:7px!important;transform:none!important;
  left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
  background:radial-gradient(circle at 34% 28%,#34413e 0%,#0a100f 63%,#000 100%)!important;
  box-shadow:inset 0 1px 2px #000b,0 1px 1px #ffffff70!important;
}
.sb-die .p1{left:8px!important;top:8px!important}.sb-die .p2{left:18px!important;top:8px!important}.sb-die .p3{right:8px!important;top:8px!important}
.sb-die .p4{left:8px!important;top:18px!important}.sb-die .p5{left:18px!important;top:18px!important}.sb-die .p6{right:8px!important;top:18px!important}
.sb-die .p7{left:8px!important;bottom:8px!important}.sb-die .p8{left:18px!important;bottom:8px!important}.sb-die .p9{right:8px!important;bottom:8px!important}

/* Covered state: all three cups are aligned and labels stay clean. */
.sb-dice-stage.is-covered:not(.is-shaking) .sb-cup{
  transform:translate3d(0,0,0) rotateX(-2deg)!important;
  opacity:1!important;visibility:visible!important;filter:none!important;
}
.sb-dice-stage.is-covered .sb-die,.sb-dice-stage.is-shaking .sb-die{opacity:0!important;visibility:hidden!important}

/* Rolling: compact physical shake, each cup has a different rhythm. */
.sb-dice-stage.is-shaking .sb-cups-row{animation:sbTrayRumbleV11 .18s ease-in-out infinite alternate!important;transform-origin:50% 85%!important}
.sb-dice-stage.is-shaking .sb-cup{opacity:1!important;visibility:visible!important;filter:drop-shadow(0 7px 6px #0008) brightness(1.04)!important;will-change:transform}
.sb-dice-stage.is-shaking .sb-cup:nth-child(1){animation:sbCupPhysicalV11A .24s cubic-bezier(.36,.05,.62,.95) infinite!important}
.sb-dice-stage.is-shaking .sb-cup:nth-child(2){animation:sbCupPhysicalV11B .205s cubic-bezier(.36,.05,.62,.95) infinite reverse!important}
.sb-dice-stage.is-shaking .sb-cup:nth-child(3){animation:sbCupPhysicalV11C .265s cubic-bezier(.36,.05,.62,.95) infinite!important}

/* Reveal: cups lift as complete objects; labels never detach. */
.sb-dice-stage.is-reveal .sb-cup{opacity:1!important;visibility:visible!important;animation:none!important;filter:drop-shadow(0 6px 6px #0006)!important}
.sb-dice-stage.is-reveal .sb-cup:nth-child(1){transform:translate3d(-13px,-38px,0) rotate(-11deg) rotateX(7deg)!important}
.sb-dice-stage.is-reveal .sb-cup:nth-child(2){transform:translate3d(0,-42px,0) rotate(0deg) rotateX(7deg)!important}
.sb-dice-stage.is-reveal .sb-cup:nth-child(3){transform:translate3d(13px,-38px,0) rotate(11deg) rotateX(7deg)!important}
.sb-dice-stage.is-reveal .sb-die{opacity:1!important;visibility:visible!important}

@keyframes sbCupPhysicalV11A{0%{transform:translate3d(-4px,1px,0) rotate(-5deg)}25%{transform:translate3d(3px,-4px,0) rotate(4deg)}52%{transform:translate3d(5px,1px,0) rotate(5deg)}78%{transform:translate3d(-2px,-3px,0) rotate(-3deg)}100%{transform:translate3d(-5px,1px,0) rotate(-5deg)}}
@keyframes sbCupPhysicalV11B{0%{transform:translate3d(3px,-2px,0) rotate(4deg)}28%{transform:translate3d(-4px,1px,0) rotate(-5deg)}56%{transform:translate3d(2px,-4px,0) rotate(3deg)}80%{transform:translate3d(5px,1px,0) rotate(5deg)}100%{transform:translate3d(3px,-2px,0) rotate(4deg)}}
@keyframes sbCupPhysicalV11C{0%{transform:translate3d(-3px,-3px,0) rotate(-4deg)}23%{transform:translate3d(5px,1px,0) rotate(5deg)}53%{transform:translate3d(-4px,1px,0) rotate(-5deg)}81%{transform:translate3d(3px,-4px,0) rotate(4deg)}100%{transform:translate3d(-3px,-3px,0) rotate(-4deg)}}
@keyframes sbTrayRumbleV11{0%{transform:translateX(-50%) translateY(0) rotateZ(-.2deg)}100%{transform:translateX(-50%) translateY(1px) rotateZ(.2deg)}}

@media(max-width:370px){
  .sb-cups-row{top:57px!important;gap:12px!important}
  .sb-cup{width:45px!important;height:51px!important}
  .sb-cup .sb-cup-word{top:24px!important;font-size:7px!important}
  .sb-cup:nth-child(1) .sb-cup-word{font-size:6.4px!important}
  .sb-die{width:40px!important;height:40px!important}
  .sb-die .pip{width:6.5px!important;height:6.5px!important}
  .sb-die .p1{left:7px!important;top:7px!important}.sb-die .p2{left:16.75px!important;top:7px!important}.sb-die .p3{right:7px!important;top:7px!important}
  .sb-die .p4{left:7px!important;top:16.75px!important}.sb-die .p5{left:16.75px!important;top:16.75px!important}.sb-die .p6{right:7px!important;top:16.75px!important}
  .sb-die .p7{left:7px!important;bottom:7px!important}.sb-die .p8{left:16.75px!important;bottom:7px!important}.sb-die .p9{right:7px!important;bottom:7px!important}
  .sb-dice-stage.is-reveal .sb-cup:nth-child(1){transform:translate3d(-11px,-35px,0) rotate(-10deg) rotateX(6deg)!important}
  .sb-dice-stage.is-reveal .sb-cup:nth-child(2){transform:translate3d(0,-39px,0) rotateX(6deg)!important}
  .sb-dice-stage.is-reveal .sb-cup:nth-child(3){transform:translate3d(11px,-35px,0) rotate(10deg) rotateX(6deg)!important}
}

/* ==========================================================
   Mega Sic Bac v12 — compact premium 3D choice buttons
   ========================================================== */
.sb-board{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:4px!important;
  padding:6px 7px 9px!important;
  perspective:700px;
}
.sb-choice{
  min-height:49px!important;
  padding:6px 6px 7px!important;
  border:1px solid #d8c67445!important;
  border-radius:9px!important;
  overflow:visible!important;
  background:
    linear-gradient(180deg,#ffffff12 0%,transparent 18%),
    linear-gradient(145deg,#115449 0%,#0a3c36 46%,#062824 100%)!important;
  box-shadow:
    inset 0 1px 0 #ffffff38,
    inset 1px 0 0 #ffffff12,
    inset -1px 0 0 #00000030,
    inset 0 -3px 0 #031b18,
    0 3px 0 #021512,
    0 6px 8px #00000065!important;
  transform:translateY(0) translateZ(0)!important;
  transform-style:preserve-3d;
  transition:transform .13s ease,box-shadow .13s ease,border-color .16s ease,filter .16s ease!important;
}
.sb-choice:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:1px 1px auto 1px;
  height:36%;
  border-radius:8px 8px 5px 5px;
  background:linear-gradient(180deg,#ffffff15,transparent);
  pointer-events:none;
}
.sb-choice:after{
  content:"";
  position:absolute;
  z-index:0;
  left:7px;right:7px;bottom:-4px;height:4px;
  border-radius:0 0 7px 7px;
  background:linear-gradient(180deg,#123f37,#031714);
  opacity:.9;
  pointer-events:none;
}
.sb-choice-copy{position:relative!important;z-index:3!important;display:block!important;padding-top:1px!important}
.sb-choice-copy b{
  font-size:10.5px!important;
  line-height:1.05!important;
  letter-spacing:.025em!important;
  text-shadow:0 1px 0 #000,0 2px 4px #0008!important;
}
.sb-choice-copy small{
  margin-top:3px!important;
  font-size:4.9px!important;
  line-height:1!important;
  letter-spacing:.1em!important;
  color:#9dbbb3!important;
}
.sb-choice-multi{
  z-index:6!important;
  right:4px!important;top:4px!important;
  padding:2px 4px!important;
  min-width:23px!important;
  border-radius:7px!important;
  border:1px solid #ffffff22!important;
  background:linear-gradient(180deg,#173a36,#071d1b)!important;
  box-shadow:inset 0 1px #ffffff25,0 2px 3px #0007!important;
  font-size:5.8px!important;
  line-height:1.05!important;
}
.sb-zone-chips{
  z-index:4!important;
  inset:20px 3px 3px!important;
  gap:1px!important;
  align-items:flex-end!important;
}
.sb-choice:hover:not(:disabled){filter:brightness(1.06)}
.sb-choice:active:not(:disabled){
  transform:translateY(3px)!important;
  box-shadow:
    inset 0 1px 0 #ffffff2b,
    inset 0 -1px 0 #031b18,
    0 1px 0 #021512,
    0 3px 5px #0006!important;
}
.sb-choice:active:not(:disabled):after{height:1px!important;bottom:-1px!important}
.sb-choice.is-selected{
  border-color:#76f0c6!important;
  background:
    linear-gradient(180deg,#ffffff1b 0%,transparent 22%),
    linear-gradient(145deg,#176f5e 0%,#0c5146 48%,#07352f 100%)!important;
  box-shadow:
    inset 0 1px 0 #ffffff42,
    inset 0 -3px 0 #073029,
    0 3px 0 #164b3e,
    0 0 0 1px #76f0c630,
    0 0 14px #55deb33b!important;
}
.sb-choice.is-winner{
  border-color:#f6d577!important;
  box-shadow:
    inset 0 1px #fff6,
    inset 0 -3px #5b3c09,
    0 3px 0 #4b3108,
    0 0 16px #f1c95a4d!important;
}

@media(max-width:370px){
  .sb-board{gap:3px!important;padding:5px 6px 8px!important}
  .sb-choice{min-height:46px!important;padding:5px 5px 6px!important;border-radius:8px!important}
  .sb-choice-copy b{font-size:9.7px!important}
  .sb-choice-copy small{font-size:4.5px!important}
  .sb-choice-multi{right:3px!important;top:3px!important;font-size:5.3px!important;padding:2px 3px!important;min-width:21px!important}
  .sb-zone-chips{inset:19px 2px 2px!important}
}


/* v15 — compact actual outcome rate panel */
.sb-rates{position:relative;z-index:2;margin:6px 4px 2px;padding:7px 8px 8px;border:1px solid #9fe6c524;border-radius:12px;background:linear-gradient(155deg,#081c24e8,#06151ce8);box-shadow:inset 0 1px #fff1,0 4px 12px #0003}
.sb-rates-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.sb-rates-head span{color:#9fddc8;font-size:6.5px;font-weight:900;letter-spacing:.15em}.sb-rates-head small{color:#709b92;font-size:5.8px}
.sb-rates-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.sb-rates-grid>div{display:flex;align-items:center;justify-content:space-between;gap:3px;min-height:24px;padding:4px 6px;border:1px solid #b4ead51a;border-radius:7px;background:linear-gradient(180deg,#0b2a2e,#071c23);box-shadow:inset 0 1px #fff1}.sb-rates-grid b{color:#cceae0;font-size:6px;letter-spacing:.05em}.sb-rates-grid strong{color:#f2d47a;font-size:8px;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #000}
@media(max-width:370px){.sb-rates{margin-left:2px;margin-right:2px;padding:6px}.sb-rates-grid{gap:3px}.sb-rates-grid>div{padding:3px 4px;min-height:22px}.sb-rates-grid b{font-size:5.5px}.sb-rates-grid strong{font-size:7.5px}}


/* v16 — hasil terakhir: dadu visual saja + label outcome kecil */
.sb-history-mini .sb-history-list{
  display:flex;
  gap:5px;
  overflow-x:auto;
  scrollbar-width:none;
  padding-bottom:1px;
}
.sb-history-mini .sb-history-row.sb-history-dice-only{
  min-width:88px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  padding:5px 6px;
  border-radius:9px;
  background:linear-gradient(180deg,#0a2528cc,#071a20cc);
  border:1px solid #a9e4cc1f;
  box-shadow:inset 0 1px #fff1,0 2px 5px #0003;
}
.sb-history-mini .sb-history-row.sb-history-dice-only>em,
.sb-history-mini .sb-history-row.sb-history-dice-only .sb-history-info{display:none!important}
.sb-history-mini .sb-history-dice{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
}
.sb-history-mini .sb-history-dice .sb-history-die{
  position:relative;
  flex:0 0 auto;
  width:19px;
  height:19px;
  border-radius:5px;
  border:1px solid #ffffff99;
  background:radial-gradient(circle at 30% 22%,#fff 0,#f6f8f7 40%,#d8e0dd 72%,#a6b3af 100%);
  box-shadow:inset 2px 2px 3px #fff,inset -3px -3px 4px #73817d55,0 2px 0 #6f7f7a,0 4px 6px #0008;
}
.sb-history-mini .sb-history-die .hp{
  position:absolute;
  width:3.4px;
  height:3.4px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#26302e 0,#07110f 70%);
  box-shadow:inset 0 .5px .8px #000b,0 .3px #fff8;
  display:none;
}
.sb-history-mini .sb-history-die .hp1,.sb-history-mini .sb-history-die .hp4,.sb-history-mini .sb-history-die .hp7{left:3px}
.sb-history-mini .sb-history-die .hp2,.sb-history-mini .sb-history-die .hp5,.sb-history-mini .sb-history-die .hp8{left:7.8px}
.sb-history-mini .sb-history-die .hp3,.sb-history-mini .sb-history-die .hp6,.sb-history-mini .sb-history-die .hp9{right:3px}
.sb-history-mini .sb-history-die .hp1,.sb-history-mini .sb-history-die .hp2,.sb-history-mini .sb-history-die .hp3{top:3px}
.sb-history-mini .sb-history-die .hp4,.sb-history-mini .sb-history-die .hp5,.sb-history-mini .sb-history-die .hp6{top:7.8px}
.sb-history-mini .sb-history-die .hp7,.sb-history-mini .sb-history-die .hp8,.sb-history-mini .sb-history-die .hp9{bottom:3px}
.sb-history-mini .sb-history-die[data-value="1"] .hp5,
.sb-history-mini .sb-history-die[data-value="2"] .hp1,.sb-history-mini .sb-history-die[data-value="2"] .hp9,
.sb-history-mini .sb-history-die[data-value="3"] .hp1,.sb-history-mini .sb-history-die[data-value="3"] .hp5,.sb-history-mini .sb-history-die[data-value="3"] .hp9,
.sb-history-mini .sb-history-die[data-value="4"] .hp1,.sb-history-mini .sb-history-die[data-value="4"] .hp3,.sb-history-mini .sb-history-die[data-value="4"] .hp7,.sb-history-mini .sb-history-die[data-value="4"] .hp9,
.sb-history-mini .sb-history-die[data-value="5"] .hp1,.sb-history-mini .sb-history-die[data-value="5"] .hp3,.sb-history-mini .sb-history-die[data-value="5"] .hp5,.sb-history-mini .sb-history-die[data-value="5"] .hp7,.sb-history-mini .sb-history-die[data-value="5"] .hp9,
.sb-history-mini .sb-history-die[data-value="6"] .hp1,.sb-history-mini .sb-history-die[data-value="6"] .hp3,.sb-history-mini .sb-history-die[data-value="6"] .hp4,.sb-history-mini .sb-history-die[data-value="6"] .hp6,.sb-history-mini .sb-history-die[data-value="6"] .hp7,.sb-history-mini .sb-history-die[data-value="6"] .hp9{display:block}
.sb-history-mini .sb-history-outcome{
  display:block;
  min-height:8px;
  color:#b8d9d0;
  font-size:5.5px;
  line-height:1.15;
  font-weight:900;
  letter-spacing:.08em;
  text-align:center;
  white-space:nowrap;
}
@media(max-width:370px){
  .sb-history-mini .sb-history-row.sb-history-dice-only{min-width:82px;padding:4px 5px}
  .sb-history-mini .sb-history-dice .sb-history-die{width:18px;height:18px}
  .sb-history-mini .sb-history-outcome{font-size:5px}
}

/* v17 — clean miniature history dice: precise non-overlapping black pips */
.sb-history-mini .sb-history-row.sb-history-dice-only{
  min-width:74px!important;
  gap:2px!important;
  padding:4px 5px!important;
  border-radius:8px!important;
}
.sb-history-mini .sb-history-dice{gap:2px!important}
.sb-history-mini .sb-history-dice .sb-history-die{
  width:16px!important;
  height:16px!important;
  border-radius:4px!important;
  border-width:1px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f5f7f6 48%,#d6dfdc 100%)!important;
  box-shadow:inset 1px 1px 2px #fff,inset -2px -2px 3px #75827e44,0 1px 0 #73817d,0 2px 4px #0007!important;
}
.sb-history-mini .sb-history-die .hp{
  width:2.5px!important;
  height:2.5px!important;
  margin:0!important;
  border:0!important;
  border-radius:50%!important;
  background:#07100e!important;
  box-shadow:inset 0 .45px .55px #2b3734,0 .25px .35px #ffffff70!important;
  transform:none!important;
}
/* Three exact columns; no decimal positions that can merge on mobile scaling. */
.sb-history-mini .sb-history-die .hp1,
.sb-history-mini .sb-history-die .hp4,
.sb-history-mini .sb-history-die .hp7{left:2.5px!important;right:auto!important}
.sb-history-mini .sb-history-die .hp2,
.sb-history-mini .sb-history-die .hp5,
.sb-history-mini .sb-history-die .hp8{left:50%!important;right:auto!important;transform:translateX(-50%)!important}
.sb-history-mini .sb-history-die .hp3,
.sb-history-mini .sb-history-die .hp6,
.sb-history-mini .sb-history-die .hp9{right:2.5px!important;left:auto!important}
/* Three exact rows. */
.sb-history-mini .sb-history-die .hp1,
.sb-history-mini .sb-history-die .hp2,
.sb-history-mini .sb-history-die .hp3{top:2.5px!important;bottom:auto!important}
.sb-history-mini .sb-history-die .hp4,
.sb-history-mini .sb-history-die .hp5,
.sb-history-mini .sb-history-die .hp6{top:50%!important;bottom:auto!important;margin-top:0!important}
.sb-history-mini .sb-history-die .hp4,
.sb-history-mini .sb-history-die .hp6{transform:translateY(-50%)!important}
.sb-history-mini .sb-history-die .hp5{transform:translate(-50%,-50%)!important}
.sb-history-mini .sb-history-die .hp7,
.sb-history-mini .sb-history-die .hp8,
.sb-history-mini .sb-history-die .hp9{bottom:2.5px!important;top:auto!important}
.sb-history-mini .sb-history-die .hp8{transform:translateX(-50%)!important}
.sb-history-mini .sb-history-outcome{
  min-height:6px!important;
  font-size:4.3px!important;
  line-height:1.05!important;
  letter-spacing:.055em!important;
  font-weight:850!important;
}
.sb-history-mini .sb-history-head{margin-bottom:3px!important}
.sb-history-mini .sb-history-head>span{font-size:5.8px!important}
.sb-history-mini .sb-history-head small{font-size:5px!important}
@media(max-width:370px){
  .sb-history-mini .sb-history-row.sb-history-dice-only{min-width:70px!important;padding:3px 4px!important}
  .sb-history-mini .sb-history-dice .sb-history-die{width:15px!important;height:15px!important}
  .sb-history-mini .sb-history-die .hp{width:2.3px!important;height:2.3px!important}
  .sb-history-mini .sb-history-die .hp1,.sb-history-mini .sb-history-die .hp4,.sb-history-mini .sb-history-die .hp7{left:2.3px!important}
  .sb-history-mini .sb-history-die .hp3,.sb-history-mini .sb-history-die .hp6,.sb-history-mini .sb-history-die .hp9{right:2.3px!important}
  .sb-history-mini .sb-history-die .hp1,.sb-history-mini .sb-history-die .hp2,.sb-history-mini .sb-history-die .hp3{top:2.3px!important}
  .sb-history-mini .sb-history-die .hp7,.sb-history-mini .sb-history-die .hp8,.sb-history-mini .sb-history-die .hp9{bottom:2.3px!important}
  .sb-history-mini .sb-history-outcome{font-size:4px!important}
}

/* v18 — automatic ad gate, no confirmation button */
.sb-ad-gate article{pointer-events:auto}.sb-ad-loading{animation:sbAutoAdPulse 1s ease-in-out infinite}@keyframes sbAutoAdPulse{0%,100%{transform:scale(.92);opacity:.65}50%{transform:scale(1.08);opacity:1}}