.mobile-world dialog.workplace-dialog{width:min(320px,calc(100vw - 28px));padding:20px 18px 15px;border:2px solid #c79acb;border-radius:20px 9px 20px 9px;box-shadow:0 15px 45px #130a2599;background:radial-gradient(ellipse at top,#62466e99,transparent 75%),#2b1c39}
.workplace-question{text-align:center;clear:both;padding:8px 0 0;color:#fff0d0}
.workplace-question .workplace-kicker{font:800 8px/1.4 Arial,sans-serif;letter-spacing:1.8px;color:#d8b4df}
.mobile-world .workplace-question h2{font-size:23px;line-height:1.12;letter-spacing:-.6px;margin:12px 0 9px;color:#fff0d0}
.workplace-question p{font-size:12px;line-height:1.5;margin:0 auto 15px;max-width:235px;color:#d9c7df}
.workplace-question #openWorkplace{display:flex;flex-direction:column;align-items:center;gap:11px;margin:18px auto 4px;padding:0;border:0;min-height:110px;background:transparent;color:#fff0d0;box-shadow:none;font-size:11px}
.workplace-computer-tile{display:grid;place-items:center;width:80px;height:80px;border:2px solid #1d1327;border-radius:20px;background:linear-gradient(135deg,#fff7,transparent 60%),#f6cc68;box-shadow:inset 0 2px #fff8,0 5px #ad7838,0 7px #160d20}
.workplace-computer-tile svg{display:block;width:58px;height:58px;fill:#3a2949;stroke:#3a2949;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round}
.workplace-computer-tile .computer-spark{fill:#a5e2ce;stroke:#a5e2ce;stroke-width:1}
#openWorkplace:active .workplace-computer-tile{transform:translateY(3px);box-shadow:inset 0 2px #fff8,0 2px #ad7838,0 4px #160d20}
#openWorkplace:focus-visible{outline:3px solid #d9acf0;outline-offset:6px;border-radius:12px}
.workplace-question #workplaceStatus{font-size:11px;margin:13px 0 0;overflow-wrap:anywhere}
.workplace-question #workplaceStatus:empty{display:none}
.workplace-computer-close[hidden]{display:none}
.desktop-playground.workplace-open #frame:not([hidden]){width:min(820px,92vw);height:min(760px,82dvh);border:2px solid #c99adb;border-radius:15px;background:#21172f;box-shadow:0 0 0 100vmax #130b21c9,0 22px 60px #09051188}
.desktop-playground .workplace-computer-close{position:fixed;right:max(calc(4vw + 8px),calc((100vw - 820px)/2 + 8px));top:max(calc(9dvh + 8px),calc((100dvh - 760px)/2 + 8px));z-index:90;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #c99adb;border-radius:50%;background:#2d1c3e;color:#fff0d0;box-shadow:0 3px 10px #130b2180;font-size:26px;line-height:1}

/* Keep the shop close control outside the scrolling shop frame. */
body[data-shop-hain="open"] .workplace-computer-close{position:fixed;right:12px;top:max(8px,env(safe-area-inset-top));z-index:90;display:grid;place-items:center;box-sizing:border-box;width:44px;height:44px;min-height:44px;padding:0;border:2px solid #d7ade5;border-radius:8px 13px 7px 12px;background:#392146;color:#fff0d0;box-shadow:3px 4px 0 #130b2180;font:700 30px/1 Arial,sans-serif;cursor:pointer}
body[data-shop-hain="open"] .workplace-computer-close:hover{background:#684277}
body[data-shop-hain="open"] .workplace-computer-close:focus-visible{outline:3px solid #ffda67;outline-offset:3px}
body[data-shop-hain="open"] .workplace-computer-close[hidden]{display:none}
body.desktop-playground[data-shop-hain="open"] .workplace-computer-close{right:max(5vw,calc((100vw - 550px)/2));top:max(8px,calc(7.5dvh - 52px),calc((100dvh - 720px)/2 - 52px))}