.bb-play-card{--bb-ink:#483023;--bb-purple:#a77cbf;--bb-paper:#fff8e9;isolation:isolate;border:2px solid var(--bb-ink);background:var(--bb-paper);width:100%;color:var(--bb-ink);text-align:left;border-radius:26px;padding:21px 18px 17px;position:relative;overflow:hidden;box-shadow:0 5px #c5ae92}.bb-play-card *{box-sizing:border-box}.bb-play-card button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bb-play-card button:disabled{cursor:default;opacity:.48}.bb-play-card button:focus-visible,.bb-play-card [tabindex]:focus-visible{outline-offset:4px;outline:3px solid #9264b0}.bb-play-card .bb-kicker{color:#81694f;letter-spacing:.01em;background:#f1e6ce;border:1px solid #c5af91;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-flex;transform:rotate(-1deg)}.bb-play-card .bb-title{letter-spacing:-.065em;color:var(--bb-ink);margin:13px 0 7px;font-size:29px;font-weight:800;line-height:1.12}.bb-play-card .bb-title em{color:#9465ad;font-style:normal}.bb-play-card .bb-subtitle{color:#8b735c;word-break:keep-all;margin:0 0 14px;font-size:12px;font-weight:400;line-height:1.6}.bb-play-card .bb-scene{isolation:isolate;background:#eee5d5;border:2px solid #806348;border-radius:20px;position:relative;overflow:hidden}.bb-play-card .bb-character{width:100%;height:100%;display:block;overflow:visible}.bb-play-card .bb-button{border:2px solid var(--bb-ink);min-width:0;min-height:47px;color:var(--bb-ink);word-break:keep-all;background:#d1b0e0;border-radius:13px;justify-content:center;align-items:center;gap:7px;padding:11px 13px;font-size:13px;font-weight:700;line-height:1.35;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 3px #826a8c}.bb-play-card .bb-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 0 #826a8c}.bb-play-card .bb-button.secondary{color:#7e624a;background:#fff9ed;border-color:#bda58a;font-weight:600;box-shadow:0 3px #d4c4ad}.bb-play-card .bb-button:disabled{box-shadow:none}.bb-play-card .bb-actions{gap:8px;margin-top:12px;display:flex}.bb-play-card .bb-actions>.bb-button{flex:1}.bb-play-card .bb-note{text-align:center;color:#8c735a;word-break:keep-all;margin:12px 0 0;font-size:11px;font-weight:400;line-height:1.6}.bb-play-card .bb-pill{color:#82664d;background:#fffaed;border:1px solid #bda58a;border-radius:99px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;font-weight:600;line-height:1.3;display:inline-flex}.bb-play-card .bb-hud{color:#8d745b;justify-content:space-between;align-items:center;gap:8px;margin:13px 0;font-size:11px;display:flex}.bb-play-card .bb-hud strong{color:var(--bb-ink);font-size:21px;font-weight:800}.bb-play-card .bb-meter{background:#e3d5bd;border-radius:99px;height:9px;overflow:hidden}.bb-play-card .bb-meter>i{border-radius:inherit;background:#a985be;height:100%;transition:width .14s;display:block}.bb-play-card .bb-result{text-align:center;background:#fff9eb;border:2px solid #97795b;border-radius:17px;padding:16px 12px;position:relative;box-shadow:0 4px #c2aa8d}.bb-play-card .bb-result h3{letter-spacing:-.05em;margin:7px 0;font-size:23px;font-weight:800;line-height:1.2}.bb-play-card .bb-result p{color:#846b53;margin:7px 0;font-size:12px;font-weight:400;line-height:1.65}.bb-play-card .bb-result .bb-button{width:100%;margin-top:8px}.bb-play-card .bb-cookie-object:disabled{opacity:1}.bb-play-card .bb-pose-run>g{transform-origin:150px 280px;animation:.24s ease-in-out infinite alternate bb-character-run}.bb-play-card .bb-pose-sleep>g{transform-origin:150px 280px;transition:transform .35s;transform:translateY(17px)scale(1.12,.77)rotate(-3deg)}.bb-play-card .bb-pose-duck>g{transform-origin:150px 280px;transform:scale(1.1,.7)rotate(-9deg)}@keyframes bb-character-run{0%{transform:translateY(-4px)rotate(9deg)scale(1.01,.98)}to{transform:translate(4px,2px)rotate(14deg)scale(.98,1.02)}}@media (max-width:350px){.bb-play-card{border-radius:23px;padding:17px 13px 15px}.bb-play-card .bb-title{font-size:26px}.bb-play-card .bb-subtitle{font-size:11px}.bb-play-card .bb-button{padding:10px 9px;font-size:12px}.bb-play-card .bb-note{font-size:10px}}@media (prefers-reduced-motion:reduce){.bb-play-card *,.bb-play-card :before,.bb-play-card :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
