.mbplay{color:var(--white);overscroll-behavior:contain;background:color-mix(in srgb, var(--pitch) 78%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.2);opacity:0;pointer-events:none;grid-template-rows:auto minmax(0,1fr) auto;transition:opacity .2s;display:grid;position:fixed;inset:0;overflow:hidden}.mbplay[data-shown]{opacity:1;pointer-events:auto}.mbplay[data-calm]{transition:none}.mbplay-top{z-index:3;padding:max(14px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 8px max(20px, env(safe-area-inset-left));justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.mbplay-who{min-width:0}.mbplay-plain{color:var(--lime);font-size:11px;line-height:1.4}.mbplay-title{font-family:"Thunder", var(--font-sans);text-transform:uppercase;margin-top:4px;font-size:clamp(30px,3.6vw,56px);font-weight:700;line-height:.9}.mbplay-how{color:color-mix(in srgb, var(--white) 76%, transparent);max-width:52ch;margin-top:6px;font-size:16px;line-height:1.4}.mbplay-back{white-space:nowrap;min-height:44px;color:var(--white);background:color-mix(in srgb, var(--white) 12%, transparent);border:1px solid color-mix(in srgb, var(--white) 22%, transparent);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:700;display:inline-flex}.mbplay-back:hover{background:color-mix(in srgb, var(--white) 20%, transparent)}.mbplay-back:focus-visible,.mbplay-want:focus-visible,.mbplay-link:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.mbplay-stage{z-index:1;overscroll-behavior:contain;min-height:0;padding:8px max(20px, env(safe-area-inset-right)) 8px max(20px, env(safe-area-inset-left));flex-direction:column;align-items:center;display:flex;position:relative;overflow:hidden auto}.mbplay-glow{pointer-events:none;z-index:-1;background:radial-gradient(48% 52% at 50% 52%, color-mix(in srgb, var(--play-glow) 26%, transparent), transparent 72%);position:fixed;inset:0}.mbplay-toy{width:100%;max-width:1180px;margin:auto;position:relative;padding:0!important}.mbplay-toy>*{margin-inline:auto}.mbplay-wait{aspect-ratio:16/9;background:color-mix(in srgb, var(--white) 6%, transparent);border-radius:20px;width:min(100%,560px);margin:auto}.mbplay-soon{color:color-mix(in srgb, var(--white) 80%, transparent);text-align:center;max-width:40ch;margin:auto;font-size:17px}.mbplay-bottom{z-index:3;padding:8px max(20px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;min-height:24px;display:flex;position:relative}.mbplay-controls{flex:320px;min-width:0}.mbplay-controls:empty{display:none}.mbplay-side{align-items:center;gap:10px;margin-left:auto;display:flex;position:relative}.mbplay-link{min-height:44px;color:var(--lime);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--lime) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--lime) 40%, transparent);text-underline-offset:4px;align-items:center;gap:8px;font-size:15px;font-weight:700;display:inline-flex}.mbplay-shop{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 12px;animation:.4s both mbplay-in;display:flex}.mbplay-shop p{color:color-mix(in srgb, var(--white) 86%, transparent);font-size:15px;font-weight:600}.mbplay-soonpill{letter-spacing:.04em;text-transform:uppercase;color:var(--pitch);background:var(--lime);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.mbplay-want{min-height:44px;color:var(--white);border:1.5px solid color-mix(in srgb, var(--white) 40%, transparent);background:0 0;border-radius:999px;padding:0 16px;font-size:15px;font-weight:700}.mbplay-want:hover{border-color:var(--white)}@keyframes mbplay-in{0%{opacity:0;transform:translateY(6px)}}.mbplay-pop{text-align:left;background:var(--pitch);width:min(420px,100vw - 40px);max-height:60svh;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--white) 18%, transparent), 0 24px 60px -16px color-mix(in srgb, var(--pitch) 90%, transparent);border-radius:20px;padding:16px;position:absolute;bottom:calc(100% + 10px);right:0;overflow-y:auto}.mbplay-card{z-index:2;pointer-events:none;max-width:min(88%,420px);color:var(--white);background:color-mix(in srgb, var(--pitch) 62%, transparent);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--white) 22%, transparent);border-radius:20px;align-items:center;gap:14px;padding:14px 22px 14px 16px;animation:.4s .2s both mbplay-in;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mbplay-card p{font-size:17px;font-weight:700;line-height:1.3}.mbplay-card svg{color:var(--lime);flex:none}.mbplay[data-inplace]{-webkit-backdrop-filter:none;pointer-events:none;background:0 0}.mbplay[data-inplace] .mbplay-top,.mbplay[data-inplace] .mbplay-bottom{pointer-events:auto}.mbplay[data-inplace] .mbplay-top{background:linear-gradient(180deg, color-mix(in srgb, var(--pitch) 94%, transparent) 55%, transparent);padding-bottom:36px}.mbplay[data-inplace] .mbplay-bottom{background:linear-gradient(0deg, color-mix(in srgb, var(--pitch) 92%, transparent) 60%, transparent);padding-top:36px}.mbplay[data-inplace] .mbplay-stage{pointer-events:none}.mbplay[data-inplace] .mbplay-glow{display:none}.mbplay-drag{z-index:2;cursor:grab;touch-action:none;pointer-events:auto;position:fixed;inset:96px 0 120px}.mbplay-drag:active{cursor:grabbing}.mbplay-can{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex;position:relative}.mbplay-big{min-height:56px;padding-inline:32px;font-size:18px}.mbplay-can-line{font-family:"Thunder", var(--font-sans);text-transform:uppercase;flex-basis:100%;font-size:clamp(26px,3vw,40px);font-weight:700;line-height:.95}.mbplay-can-ask{font-size:16px;font-weight:700}.mbplay-can .mbplay-pop{left:0;right:auto}.mbplay-toy .mbw-fidget-tile{box-shadow:none;background:0 0;border:0;margin:0;padding:0}.mbplay-toy .mbw-fidget-play{width:100%}.mbplay-toy .mbw-fidget-cradle-svg{width:min(100%,103.333svh,980px);max-width:none}.mbplay-toy .mbw-cradle-studio{max-width:1040px;margin:0 auto}.mbplay-toy .mbw-fidgets{padding:0!important}.mbplay-toy .mbw-fidget-lab{margin-top:0}.mbplay-toy .mbw-fidget-lab-head,.mbplay-toy .mbw-fidget-stage-head{display:none}.mbplay-toy .fb-play{width:100%;max-width:1180px;margin-inline:auto}.mbplay-toy .fb-play .fb-wall{margin-top:0;padding-block:12px 20px}.mbplay-toy .fb-play .fb-controls{margin-top:12px}@media (width>=900px){.mbplay-toy .fb-play .fb-frame{max-width:max(880px,250svh - 1175px);margin-inline:auto}}.mbplay-toy .mbw-office-inline .mbw-office-doodle{padding:0}.mbplay-toy .mbw-office-inline .mbw-office-doodle-head{display:none}.mbplay-toy .mbw-office-inline .mbw-office-book{width:min(100%,150svh - 495px)}.mbplay-toy .mbw-office-inline .mbw-office-said{color:var(--lime)}[data-play-mode] .mbw-fidget-spinner,[data-play-mode] .mbw-fidget-cradle-svg,[data-play-mode] .mbw-fidget-canvas,[data-play-mode] .mbw-office-canvas{touch-action:none}@media (width<=767px){.mbplay-top{padding:max(10px, env(safe-area-inset-top)) 14px 6px 16px;min-height:56px}.mbplay-title{font-size:30px}.mbplay-how{font-size:14px}.mbplay-back{padding:0 14px;font-size:14px}.mbplay-stage{padding-inline:12px}.mbplay-bottom{padding-inline:14px}.mbplay-shop{justify-content:flex-start}.mbplay-side{width:100%;margin-left:0}.mbplay-pop{left:0;right:auto}}@media (width<=480px){.mbplay-back-more{display:none}}@media (prefers-reduced-motion:reduce){.mbplay,.mbplay-shop,.mbplay-card{transition:none;animation:none}}@media (width>=900px){.mbplay-toy[data-toy=lamp] .mbw-fidget-lab{grid-template-rows:minmax(0,1fr);grid-template-areas:"stage panel";height:min(100svh - 190px,780px)}.mbplay-toy[data-toy=lamp] .mbw-fidget-panel{overscroll-behavior:contain;overflow-y:auto}.mbplay-toy[data-toy=lamp] .mbw-fidget-canvas{height:min(64svh,600px)}}.mbplay-toy .jf-shelf{--b-w:60px}@media (width<=480px){.mbplay-toy .jf-shelf{--b-w:48px}}body:has([data-play-mode]) :is(.mbw-head,.mbt,.msd,.mbw-rail,.mbk-banner,.mbdesk-first,.mbdesk-words,.mbdesk-foot,.mbdesk-pins,.mbdesk-card){visibility:hidden!important}.mbplay-bottom[data-sells]{align-content:flex-start;min-height:92px}@media (width<=767px){.mbplay-bottom[data-sells]{min-height:118px}}@media (width>=1100px){.mbplay[data-asking]:not([data-inplace]) .mbplay-stage{padding-right:470px}.mbplay[data-asking] .mbplay-stage{transition:padding .24s}}
