#gymStudio{inset:0;margin:0;width:100%;max-width:none;height:100dvh;max-height:none;padding:0;border:0;background:#091217;color:#eee7d9;overflow:hidden;font-family:system-ui,sans-serif;isolation:isolate}
#gymStudio::backdrop{background:#091217}.studio-ambient{position:absolute;inset:0;background-size:cover;background-position:center;filter:blur(28px) brightness(.32);z-index:-2}.studio-stage{position:absolute;width:min(100vw,calc((100dvh - 130px - env(safe-area-inset-top) - env(safe-area-inset-bottom)) * 2 / 3));aspect-ratio:2/3;left:0;right:0;top:0;bottom:0;margin:auto}.studio-image{position:absolute;inset:0;background-size:100% 100%;border-radius:10px;box-shadow:0 0 50px #0005}.studio-spots{position:absolute;inset:0;pointer-events:none}
.studio-header{position:absolute;top:calc(16px + env(safe-area-inset-top));left:20px;right:20px;display:flex;align-items:center;justify-content:space-between}.studio-brand{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:4px}.studio-brand svg{width:30px;height:30px;color:#dbc18b}.studio-brand small{display:block;letter-spacing:3px;font-size:8px;color:#c9b78c;margin-top:4px}.studio-exit{width:44px;height:44px;border-radius:50%;border:1px solid #dac89b55;background:#0b1b2480;color:#eee1be;font-size:26px}
.studio-title{position:absolute;top:calc(72px + env(safe-area-inset-top));left:20px;display:flex;align-items:center;gap:8px}.studio-title h1{font:26px/1.1 Georgia,serif;letter-spacing:-.5px;margin:0;outline:none;text-shadow:0 2px 10px #000}.studio-back{width:44px;height:44px;border:1px solid #cfbd9155;border-radius:50%;background:#102129d9;color:#e9d8b3;font-size:30px}
.studio-spot{pointer-events:auto;position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:22%;height:9%;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:#fff0d3;text-align:center}.studio-pin{display:block;width:12px;height:12px;border:2px solid #fff0c3;border-radius:50%;background:#b98f46b0;box-shadow:0 0 0 5px #131e2590,0 0 18px #edc77c80;margin:auto}.studio-spot strong{display:block;position:absolute;top:calc(50% + 14px);left:50%;transform:translateX(-50%);white-space:nowrap;font:10px system-ui;letter-spacing:.02em;padding:5px 7px;border:1px solid #cfbd9155;border-radius:6px;background:#102129e6;box-shadow:0 2px 6px #0006}.studio-spot[data-studio=recipes] strong{top:auto;bottom:calc(50% + 14px)}
.studio-footer{position:absolute;bottom:calc(12px + env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;pointer-events:none}.studio-ascend{pointer-events:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:68px;height:68px;border:1px solid #d5bb80;border-radius:50%;background:linear-gradient(145deg,#223a3c,#0c1e27);color:#ead4a7;box-shadow:0 0 0 5px #11252b70,0 6px 25px #0006}.studio-ascend svg{width:29px;height:29px}.studio-ascend span{font:8px system-ui;letter-spacing:1.5px;margin-top:3px}
.studio-quick{position:absolute;z-index:4;bottom:calc(94px + env(safe-area-inset-bottom));left:16px;right:16px;margin:auto;max-width:390px;padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:8px;border:1px solid #cbb78477;border-radius:22px;background:#12282bf5;box-shadow:0 15px 60px #0009;backdrop-filter:blur(20px)}.studio-quick[hidden]{display:none}.studio-quick-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:14px}.studio-quick-heading button{width:44px;height:44px;border:0;background:none;color:#dbc797;font-size:25px}.studio-quick>[data-action]{min-height:50px;padding:12px;border:1px solid #c9b78740;border-radius:12px;background:#c9b7870a;color:#eadfca;text-align:left;font:13px system-ui;display:flex;justify-content:space-between}.studio-quick>[data-action]>span{color:#c8b27c}
#studioReturn{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));left:12px;z-index:1000;padding:7px 12px;border:1px solid #c9b77d80;border-radius:22px;background:#17313bef;color:#f1dfb7;box-shadow:0 4px 14px #0005;min-height:44px;font:13px system-ui}#studioReturn[hidden]{display:none}#gymStudio button:focus-visible{outline:2px solid #f6d691;outline-offset:4px}#gymStudio button{cursor:pointer}#openGymStudio{grid-column:1/-1}
@media(max-height:650px){.studio-title{top:66px}.studio-title h1{font-size:22px}.studio-stage{width:min(100vw,calc((100dvh - 125px) * 2 / 3))}.studio-ascend{width:58px;height:58px}.studio-spot strong{font-size:9px;padding:4px}.studio-quick{padding:12px;bottom:80px}.studio-quick>[data-action]{min-height:44px}}
@media(max-height:450px) and (min-width:600px){.studio-title{top:80px}.studio-stage{width:calc((100dvh - 20px)*2/3)}.studio-footer{left:auto;right:30px;bottom:22px}.studio-quick{left:auto;right:110px;bottom:16px;width:280px}.studio-spot strong{font-size:9px}}