.mb-hero{padding:48px 0 30px;max-width:850px}.mb-hero h1{font-size:clamp(2.4rem,6vw,4rem);line-height:1.08;margin:14px 0 22px}.mb-hero p{color:#536069;line-height:1.8}.mb-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:28px;align-items:start;margin:22px 0 40px}.mb-stage{padding:30px;border:1px solid #eadfc8;border-radius:28px;background:radial-gradient(ellipse at top,#fff2bf,transparent 75%),#fff;box-shadow:0 20px 50px #dec58922}.mb-stage-heading{display:flex;justify-content:space-between;color:#70509b}.mb-stage fieldset{border:0;padding:0;margin:28px 0}.mb-stage legend{font-size:1.1rem;font-weight:700;margin-bottom:20px}.mb-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mb-choice{position:relative;display:flex;flex-direction:column;align-items:center;border:2px solid transparent;border-radius:20px;padding:14px 4px 20px;cursor:pointer;--box:#efb533;--dark:#b27813;--ribbon:#fff0b3}.mb-color-2{--box:#9b70cf;--dark:#5c3387;--ribbon:#f1dfff}.mb-color-3{--box:#51a9c4;--dark:#24718c;--ribbon:#d6f7ff}.mb-choice input{position:absolute;top:8px;left:8px;accent-color:#997428;width:18px;height:18px}.mb-box{display:block;position:relative;width:100%;max-width:125px;aspect-ratio:1;padding-top:32px;filter:drop-shadow(0 15px 12px #59431822);margin:12px 0 24px}.mb-body{position:absolute;inset:35% 6% 0;border-radius:3px 3px 12px 12px;background:linear-gradient(135deg,var(--box),var(--dark));border-bottom:5px solid var(--dark)}.mb-body:after{content:'';position:absolute;inset:0 42%;background:var(--ribbon)}.mb-body b{position:absolute;z-index:1;left:calc(50% - 13px);top:40%;width:26px;height:26px;background:#fff9e8;border-radius:50%;display:grid;place-items:center;color:var(--dark);font-size:18px}.mb-lid{position:absolute;z-index:2;top:27%;left:0;width:100%;height:22%;border-radius:8px;background:linear-gradient(110deg,var(--box),var(--ribbon));box-shadow:0 5px 0 #0001;transform-origin:left center;transition:transform .6s ease}.mb-bow{position:absolute;z-index:3;font-size:46px;color:var(--ribbon);top:0;left:calc(50% - 23px);line-height:1;transition:transform .6s ease}.mb-box-label{font-weight:700;font-size:14px}.mb-choice:has(input:checked){border-color:var(--box);background:#f8f6ff}.mb-choice:has(input:focus-visible){outline:3px solid #543682;outline-offset:4px}.mb-choice.mb-open .mb-lid{transform:translateY(-35px) rotate(-18deg)}.mb-choice.mb-open .mb-bow{transform:translateY(-35px) rotate(-18deg)}.mb-choice.mb-open{animation:mb-glow .65s ease}.mb-stage-footer{border-top:1px dashed #d8caa6;padding-top:20px;text-align:center;font-weight:700;color:#79599c}.mb-panel{padding:30px}.mb-quota{display:flex;justify-content:space-between;gap:15px;align-items:center}.mb-quota strong{font-size:36px;color:#76519a}.mb-alternative{display:block;margin:18px 0 12px;border:0;background:transparent;padding:8px 0;text-decoration:underline;font:inherit;color:#513777;cursor:pointer}.mb-options{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px}.mb-options li{padding:7px 12px;background:#f5f0fa;border-radius:20px;font-size:13px}.mb-help{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;padding:30px}.mb-help li{margin-bottom:12px;line-height:1.7}.mb-grid [hidden]{display:none!important}.mb-stage fieldset:disabled .mb-choice{cursor:default;opacity:.85}#mb-result{background:#faf2cc;border:1px solid #edcb58;border-radius:18px;padding:22px;margin:18px 0;outline-offset:4px}.mb-grid button:focus-visible,.mb-grid a:focus-visible{outline:3px solid #6d479c;outline-offset:4px}@keyframes mb-glow{0%{transform:rotate(-3deg)}35%{transform:rotate(3deg);box-shadow:0 0 35px #efce75}70%{transform:rotate(-2deg)}100%{transform:rotate(0)}}@media(max-width:800px){.mb-grid,.mb-help{grid-template-columns:1fr}.mb-stage{padding:22px 14px}.mb-panel,.mb-help{padding:24px}.mb-hero{padding-top:30px}.mb-boxes{gap:5px}.mb-choice{padding:14px 3px}.mb-bow{font-size:36px;left:calc(50% - 18px)}.mb-box-label{font-size:12px}}@media(prefers-reduced-motion:reduce){.mb-choice.mb-open{animation:none}.mb-lid,.mb-bow{transition:none}}

/* BB_MYSTERY_PREMIUM_V2 */
.mb-hero{text-align:center;margin:25px auto}
.mb-grid{gap:26px;align-items:start}
.mb-stage{padding:26px;border-radius:28px;background:linear-gradient(145deg,#fff1f7,#fce7f3,#fff7ed);border:1px solid #fbcfe8;box-shadow:0 12px 35px #be185d15}
.mb-stage-heading{color:#9d174d;font-weight:800}
.mb-boxes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.mb-choice{min-width:0;border-radius:18px;transition:transform .2s,filter .2s}
.mb-choice:hover{transform:translateY(-5px);filter:brightness(1.04)}
.mb-box{filter:drop-shadow(0 12px 12px #9d174d30)}
.mb-bow{color:#facc15}
.mb-box-label{font-weight:800;color:#831843}
.mb-panel{border-radius:22px;box-shadow:0 10px 30px #83184310}
@media(max-width:767px){
.mb-grid{grid-template-columns:1fr;gap:16px}
.mb-stage{padding:16px 12px;border-radius:20px}
.mb-boxes{gap:8px}
.mb-hero h1{font-size:32px}
}
}