.sb-wrap{max-width:1440px;padding:var(--s5) var(--s5) 0;margin:0}@media (max-width:760px){.sb-wrap{padding:var(--s4) var(--s2) 0}}.sb-head{margin-bottom:var(--s4)}.sb-head h1{font-family:var(--display);color:var(--text);font-size:clamp(22px,2.4vw,30px);font-weight:800}.sb-head p{font-size:var(--fs-sm);color:var(--text-muted);max-width:640px;margin-top:6px}.sb-tab-soon{border-radius:var(--r-pill);color:inherit;white-space:nowrap;background:#ffffff24;padding:1px 6px;font-size:10px;font-weight:700}.sb-picker{gap:var(--s3);row-gap:calc(var(--s3) + var(--promo-rise));max-width:640px;padding-top:var(--promo-rise);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:1024px){.sb-picker{gap:var(--s6);row-gap:calc(var(--s6) + var(--promo-rise));max-width:none;margin-top:var(--s8);margin-bottom:var(--s10);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.sb-pcard{aspect-ratio:3/4;border-radius:var(--r-lg);border:1px solid var(--brand-line,var(--line));background:var(--surface-2);cursor:pointer;flex-direction:column;transition:transform .12s,border-color .15s;display:flex;position:relative;overflow:hidden}.sb-pcard:hover{border-color:var(--brand);transform:translateY(-2px)}.sb-pcard.is-soon{cursor:default;opacity:.72}.sb-pcard.is-soon:hover{border-color:var(--brand-line,var(--line));transform:none}.sb-pcard-media{background:radial-gradient(120% 130% at 50% 0%, var(--brand-700,#0e2a3f) 0%, var(--surface,#0d1524) 74%);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.sb-pcard-content{z-index:2;align-items:center;gap:var(--s2);padding:var(--s6) var(--s3) var(--s4);text-align:center;background:linear-gradient(#0000,#03070c9e 55%);flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0}.sb-pcard-logo{object-fit:contain;filter:drop-shadow(0 6px 14px #0000006b);width:auto;max-width:100%;height:30px}.sb-pcard-logo--ibet789{height:40px}.sb-pcard-logo--sbo{height:38px}.sb-picker .game-cell{cursor:default}.sb-pcard-ctarow{justify-content:center;align-items:center;height:34px;display:flex}.sb-pcard-cta{pointer-events:none;font-size:var(--fs-sm);padding:7px 18px}.sb-pcard .promo-badge--hot{width:34px;height:45px;top:8px;left:8px}.sb-pcard .promo-badge--new{width:42px;height:42px;top:8px;right:8px}@media (min-width:1024px){.sb-pcard-logo{height:42px}.sb-pcard-logo--ibet789{height:56px}.sb-pcard-logo--sbo{height:53px}.sb-pcard-ctarow{height:46px}.sb-pcard-cta{font-size:var(--fs-md);padding:12px 30px}.sb-pcard-content{gap:var(--s5)}}.sb-frame{border-radius:var(--r-lg);border:1px solid var(--brand-line,var(--line));background:var(--surface-2);height:min(82vh,940px);min-height:600px;position:relative;overflow:hidden}.sb-frame--immersive{top:calc(var(--bk-topbar-h) + var(--sa-top,0px));z-index:30;border:0;border-radius:0;height:auto;min-height:0;position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.sb-frame--immersive{left:var(--bk-rail-w)}}.sb-frame iframe{background:#fff;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.sb-frame-tools{z-index:4;gap:8px;display:flex;position:absolute;top:10px;right:10px}.sb-frame-reload{border-radius:var(--r-pill);border:1px solid var(--brand-line,var(--line));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font:600 12px var(--body);cursor:pointer;background:#0d1524b8;align-items:center;gap:6px;padding:7px 12px;display:inline-flex}.sb-frame-reload:hover{color:var(--brand)}.sb-frame-panel{z-index:2;justify-content:center;align-items:center;gap:var(--s3);text-align:center;padding:var(--s5) var(--s4);background:radial-gradient(120% 140% at 50% 0%, var(--brand-700,#0e2a3f) 0%, var(--surface,#0d1524) 72%);flex-direction:column;display:flex;position:absolute;inset:0}.sb-frame-panel .sb-logo{object-fit:contain;width:auto;max-width:200px;height:54px;margin-bottom:2px}.sb-frame-panel h3{font-family:var(--display);color:var(--text);font-size:19px;font-weight:700}.sb-frame-panel p{font-size:var(--fs-sm);color:var(--text-muted);max-width:380px}.sb-frame-panel .row{gap:var(--s3);flex-wrap:wrap;justify-content:center;display:flex}.sb-spin{border:3px solid #ffffff47;border-top-color:#fff;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite sb-spin}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-view-opt{border-radius:var(--r);border:1px solid var(--line-2);background:var(--surface-2);width:100%;color:var(--text);font:600 15px var(--body);cursor:pointer;text-align:left;align-items:center;gap:12px;padding:14px 16px;transition:border-color .15s,transform .12s;display:flex}.sb-view-opt:hover{border-color:var(--brand);transform:translateY(-1px)}.sb-view-opt .ic{font-size:22px;line-height:1}.sb-view-opt .sub{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:500;display:block}.sb-unitnote{font-size:var(--fs-xs,12px);color:var(--muted,#9aa6c4);text-align:center;text-wrap:pretty;margin-top:6px;line-height:1.5;display:block}