/* Only the play surface varies; every editor component comes from wheel-studio.css. */
html[data-studio-game] .wheel-shell{display:none!important}
html[data-studio-game] .stage-wrap{width:100%;min-width:0}
html[data-studio-game] .stage{width:100%;max-width:100%;overflow-x:hidden;overflow-y:auto}
html[data-studio-game] .stage::after{inset:0}
html[data-studio-game] .sidebar{z-index:80}
html[data-project-play="true"] .sidebar,html[data-project-play="true"] #drawerOpen,html[data-project-play="true"] #wheelEmpty{display:none!important}
body.platform-game-fullscreen #drawerOpen{display:none!important}
.shared-game-stage{width:min(1100px,100%);margin:auto;padding:60px 36px 30px;display:flex;flex-direction:column;align-items:center;gap:24px;position:relative;z-index:1}
.shared-game-brand{background:#0c1522;border:1px solid #ffffff26;box-shadow:0 0 40px rgba(var(--wheel-lamp1-rgb),.14);border-radius:22px;width:72px;height:72px;padding:12px;color:#fff;font:900 22px Inter,Arial;cursor:pointer}
.shared-game-brand img{width:100%;height:100%;object-fit:contain}
.shared-case-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:16px}
.shared-case{position:relative;display:grid;place-items:center;min-height:100px;aspect-ratio:1.25;background:linear-gradient(150deg,color-mix(in srgb,var(--case-color) 40%,#101724),#0a101b);border:2px solid var(--case-color);border-radius:18px;box-shadow:inset 0 3px 0 #ffffff24,0 8px 0 #02060c,0 12px 30px #0008;color:#fff;cursor:pointer;transition:transform .2s,opacity .2s;font:900 clamp(20px,3vw,38px) Inter,Arial}
.shared-case::before{content:'';position:absolute;top:-7px;width:24%;height:8px;border:2px solid var(--case-color);border-bottom:0;border-radius:5px 5px 0 0}
.shared-case:not(:disabled):hover{transform:translateY(-5px);filter:brightness(1.2)}
.shared-case.is-opened{opacity:.36;box-shadow:none;transform:scale(.96)}
.shared-case.is-opening{animation:case-reveal .45s ease both}
.shared-case img{height:70%;width:70%;object-fit:contain}.shared-case strong{font-size:14px;overflow-wrap:anywhere;padding:10px}
.shared-game-controls{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.shared-game-controls>span{font-size:12px;font-weight:700;color:#94a6bc;letter-spacing:.08em;text-transform:uppercase;margin-right:8px}
.shared-reels{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:28px;background:linear-gradient(155deg,#27364b,#080d16 65%);border:2px solid var(--wheel-lamp1);border-radius:32px;box-shadow:inset 0 0 0 8px #080d18,0 0 50px rgba(var(--wheel-lamp1-rgb),.15),0 24px 70px #0009}
.shared-reel{aspect-ratio:.83;overflow:hidden;border:1px solid var(--wheel-lamp2);border-radius:20px;display:grid;place-items:center;background:linear-gradient(0deg,#04070d,#25334a 45%,#04070d);position:relative;border-bottom:5px solid var(--wheel-pointer);box-shadow:0 4px 0 #000}
.shared-reel img{max-width:80%;max-height:70%;object-fit:contain;filter:drop-shadow(0 12px 18px #0009)}.shared-reel strong{font:900 clamp(18px,4vw,46px)/1.05 Inter,Arial;text-align:center;padding:16px;color:#fff;overflow-wrap:anywhere}
.shared-reel.is-spinning>*{filter:blur(2px);animation:reel-tick .1s linear infinite}
.shared-slots{max-width:950px}.shared-slots .shared-game-controls>.primary{min-width:180px;min-height:54px}
[data-image-style="circle"] .shared-case img,[data-image-style="circle"] .shared-reel img{border-radius:50%;background:#fff;object-fit:cover;aspect-ratio:1}
[data-image-style="contain"] .shared-case img,[data-image-style="contain"] .shared-reel img{border-radius:14px;background:#fff;padding:10px}
.light-fx-off .shared-reels,.light-fx-off .shared-game-brand{box-shadow:none}
.shared-game-stage.is-empty{visibility:hidden}
.shared-game-stage::before,.shared-game-stage::after{content:'';position:fixed;z-index:-1;width:30vw;height:50vh;top:20%;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.1;background:var(--wheel-lamp1);left:-15vw}
.shared-game-stage::after{left:auto;right:-15vw;background:var(--wheel-lamp2)}
.light-fx-off .shared-game-stage::before,.light-fx-off .shared-game-stage::after{display:none}
.shared-case:focus-visible,.shared-case.is-opening{outline:3px solid var(--wheel-pointer);outline-offset:5px}
@keyframes reel-tick{from{transform:translateY(-20px)}to{transform:translateY(20px)}}
@keyframes case-reveal{to{transform:rotateY(75deg) scale(.9);opacity:.2}}
@media(min-width:1100px){.shared-case-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}}
@media(max-width:600px){.shared-game-stage{padding:76px 16px 30px;gap:20px}.shared-case-grid{gap:12px;grid-template-columns:repeat(auto-fit,minmax(76px,1fr))}.shared-case{min-height:76px;border-radius:12px}.shared-reels{padding:14px;gap:8px;border-radius:22px}.shared-reel{border-radius:12px;aspect-ratio:.65}.shared-game-brand{height:58px;width:58px}.shared-game-controls{gap:8px}}
@media(prefers-reduced-motion:reduce){.shared-case,.shared-reel>*{animation:none!important;transition:none!important}}

html[data-studio-game="worldwall"] .result.has-image .result-title{display:block;font-size:clamp(20px,4vw,46px);line-height:1.12;margin:12px 0 0;max-width:90vw;overflow-wrap:anywhere}
html[data-studio-game="worldwall"] .result.has-image .result-image{max-height:52vh}