/* Warm jungle-metal panels. Motion is limited to their edge and small details. */
.studio-entry{margin:23px 0 7px;max-width:700px}
.studio-entry>p{font-size:9px;letter-spacing:.11em;color:#d2c48e;margin-bottom:9px}
.studio-entry>div{display:flex;gap:11px;flex-wrap:wrap}
.studio-entry button{--studio-edge:#e1c278;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;gap:11px;flex:1;min-width:235px;min-height:91px;padding:14px 15px;text-align:left;border:1px solid #b5a66b52;border-radius:3px 12px 3px 12px;color:#eee5c4;background:#26301c;box-shadow:inset 0 1px #e8d99c12,0 7px 18px #0000001c;transition:border-color .25s,box-shadow .25s}
.studio-entry button:before{content:'';position:absolute;inset:-155px;z-index:-2;pointer-events:none;background:conic-gradient(from 0deg,transparent 0deg 80deg,#9b945c55 100deg,#e8d79bba 135deg,transparent 175deg 260deg,#a8955a77 295deg,transparent 330deg);animation:mw-studio-soft-edge 16s linear infinite}
.studio-entry button:after{content:'';position:absolute;inset:1px;z-index:-1;pointer-events:none;border-radius:2px 11px 2px 11px;background:radial-gradient(ellipse at 0 0,#b8a85b18,transparent 75%),linear-gradient(125deg,#222b19f5,#121d12fa 72%,#232917f5)}
.studio-entry button:hover{border-color:#ead18f9c;box-shadow:inset 0 1px #eedaa132,0 0 19px #baa34f17}
.studio-launch-icon{display:grid;place-items:center;flex:none;width:37px;height:39px;color:#e1cf98;border:1px solid #c5b77b40;border-radius:3px 9px 3px 9px;background:linear-gradient(145deg,#b09b4d1c,#101b0d80);box-shadow:inset 0 1px #f0dcaa12}
.studio-launch-icon svg{width:28px;height:28px}
.studio-launch-copy{min-width:0;flex:1;position:relative;z-index:2}
.studio-entry b{display:block;font-size:13px;line-height:1.45;font-weight:550;color:#eee5c7;text-wrap:pretty}
.studio-entry small{display:block;font-size:10px;line-height:1.6;color:#bac5a2;margin-top:4px}
.studio-launch-arrow{align-self:flex-start;font-size:14px;color:#d1bd7e;position:relative;z-index:2;margin-top:1px}
.studio-launch-shine{position:absolute;z-index:1;top:-15%;bottom:-15%;left:-55%;width:40%;background:linear-gradient(100deg,transparent,#ecd89615,transparent);transform:skewX(-18deg);pointer-events:none;animation:mw-studio-shine 10s ease-in-out infinite}
.studio-entry button[data-studio-jump=god]{border-color:#c5b47b6b;box-shadow:inset 0 1px #e8d5a51c,0 0 18px #d0b65d09}
.studio-entry button[data-studio-jump=god]:before{background:conic-gradient(from 0deg,#b9a56b33,transparent 45deg,#99dedbd9 70deg,#f0d594b0 100deg,transparent 140deg,#d895cbd9 200deg,#e6ca77a6 230deg,transparent 275deg,#8dd3d4c9 320deg,#b9a56b33);animation:mw-studio-edge 5s linear infinite}
.studio-entry button[data-studio-jump=god]:after{inset:1.5px;animation:mw-studio-frame-break 6.5s linear infinite}
.studio-entry button[data-studio-jump=god] .studio-launch-icon{border-color:#cbbd8c70;box-shadow:-1px 0 #8dd9d267,1px 0 #d193c96b,inset 0 1px #e8d5a52b}
.studio-entry button[data-studio-jump=god] .studio-launch-icon svg{filter:drop-shadow(-1px 0 #92dcd89c) drop-shadow(1px 0 #d594c793);animation:mw-studio-split 5s linear infinite}
.studio-entry button[data-studio-jump=god] .studio-launch-shine{animation-duration:6s;background:linear-gradient(100deg,transparent,#c2e1d31b,#e3bdde12,transparent)}
.studio-glitch-scan{position:absolute;z-index:3;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#8ed7d4b3 30%,#f0dfb2a6 50%,#d99dc9a3 70%,transparent);opacity:0;pointer-events:none;animation:mw-studio-scan 5.5s linear infinite}
.studio-glitch-fragments{position:absolute;z-index:3;inset:0;pointer-events:none}
.studio-glitch-fragments i{position:absolute;width:23%;height:2px;background:#e8cf88;opacity:0;animation:mw-studio-fragment 6.5s linear infinite}
.studio-glitch-fragments i:nth-child(1){top:0;left:13%;background:#a4e0d9}
.studio-glitch-fragments i:nth-child(2){top:50%;right:0;width:13%;background:#d9a5cc;animation-delay:.1s}
.studio-glitch-fragments i:nth-child(3){bottom:0;left:57%;animation-delay:.16s}
@keyframes mw-studio-soft-edge{to{transform:rotate(360deg)}}
@keyframes mw-studio-edge{to{transform:rotate(360deg)}}
@keyframes mw-studio-shine{0%,48%,100%{transform:translateX(0) skewX(-18deg);opacity:0}53%{opacity:1}75%{transform:translateX(430%) skewX(-18deg);opacity:0}}
@keyframes mw-studio-frame-break{0%,73%,78%,100%{transform:none}74%{transform:translateX(2px)}75%{transform:translateX(-2px)}76%{transform:translateX(1px)}}
@keyframes mw-studio-split{0%,72%,80%,100%{transform:none}73%{transform:translate(2px,-1px)}75%{transform:translate(-2px,1px)}77%{transform:translateX(1px)}}
@keyframes mw-studio-scan{0%,63%,83%,100%{opacity:0;transform:translateY(0)}65%{opacity:.7}80%{opacity:.3;transform:translateY(115px)}82%{opacity:0;transform:translateY(115px)}}
@keyframes mw-studio-fragment{0%,73%,81%,100%{opacity:0;transform:none}74%{opacity:.8;transform:translateX(-7px)}77%{opacity:.45;transform:translateX(6px)}79%{opacity:0;transform:translateX(2px)}}
html[data-mw-motion=off] .studio-entry button:before,html[data-mw-motion=off] .studio-entry button:after,html[data-mw-motion=off] .studio-entry .studio-launch-shine,html[data-mw-motion=off] .studio-entry .studio-launch-icon svg,html[data-mw-motion=off] .studio-entry .studio-glitch-scan,html[data-mw-motion=off] .studio-entry .studio-glitch-fragments i{animation:none}
.mw-paused .studio-entry *,.mw-paused .studio-entry button:before,.mw-paused .studio-entry button:after{animation-play-state:paused}
@media(max-width:700px){.studio-entry{margin-top:18px}.studio-entry button{min-width:0;flex-basis:100%;min-height:82px;padding:12px 14px}.studio-entry>div{gap:9px}.studio-entry b{font-size:13px}.studio-entry small{font-size:10px}}

/* Artwork stays behind the copy; enter and leave both use the same transition. */
.studio-entry button{transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s,box-shadow .4s}
.studio-entry button:after{background:radial-gradient(ellipse at 0 0,#d6b86b24,transparent 80%),linear-gradient(110deg,#2b301ce8,#18240fd9 70%,#2a2d17e0),url('assets/worlds/standard.webp') center 45%/cover;transform:scale(1);transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .5s;animation:none}
.studio-entry button[data-studio-jump=god]{border-color:#b18ad391;background:#251333;box-shadow:inset 0 1px #e5b3fa22,0 0 18px #9b60d616}
.studio-entry button[data-studio-jump=god]:before{background:conic-gradient(from 0deg,transparent 0deg 35deg,#60f2f2 65deg,#b7ffffba 88deg,transparent 125deg,#f078e9 190deg,#d7a0ffdc 220deg,transparent 270deg,#74d8ff 320deg,transparent);animation-duration:4.5s}
.studio-entry button[data-studio-jump=god]:after{background:radial-gradient(ellipse at 90% 20%,#58c2d338,transparent 65%),radial-gradient(ellipse at 15% 100%,#b158d344,transparent 75%),linear-gradient(105deg,#20102edc,#201335b8 60%,#102733c9),url('assets/worlds/god.webp') center 40%/cover;animation:none}
.studio-entry button[data-studio-jump=god] b{color:#f2dcff}
.studio-entry button[data-studio-jump=god] small{color:#c5cbe0}
.studio-entry button[data-studio-jump=god] .studio-launch-icon{background:linear-gradient(145deg,#76528c66,#16333d99);border-color:#b8a5e68c;color:#d8f4f2;box-shadow:-1px 0 #78f5ed99,1px 0 #ee9deeb0,inset 0 1px #f9d4ff40}
.studio-entry button[data-studio-jump=god] .studio-launch-arrow{color:#d9bcf6}
.studio-entry button[data-studio-jump=god] .studio-glitch-fragments i:nth-child(1){background:#70f4ee}.studio-entry button[data-studio-jump=god] .studio-glitch-fragments i:nth-child(2){background:#fa83e7}
.studio-launch-icon{transition:transform .45s,box-shadow .45s}.studio-entry small,.studio-launch-arrow{transition:color .4s,transform .4s}
@media(hover:hover) and (pointer:fine){
 .studio-entry button:hover{transform:perspective(650px) translateY(-3px) rotateX(2deg) scale(1.015);border-color:#eed298b8;box-shadow:inset 0 1px #fff0c72b,0 9px 24px #0004,0 0 22px #baa34f24}
 .studio-entry button:hover:after{transform:scale(1.055);filter:brightness(1.12)}
 .studio-entry button:hover .studio-launch-icon{transform:scale(1.07) rotate(-4deg)}
 .studio-entry button:hover .studio-launch-arrow{transform:translate(2px,-2px);color:#fff0c9}
 .studio-entry button[data-studio-jump=god]:hover{border-color:#d9b1f2d1;box-shadow:-2px 0 14px #5cf1ee24,2px 0 20px #e875e82e,0 10px 28px #08061380}
 .studio-entry button[data-studio-jump=god]:hover .studio-launch-icon{box-shadow:-2px 0 #78f5edb0,2px 0 #ee9deeb0,0 0 13px #c189ef40}
}
.studio-entry button:active{transform:scale(.985)}
.studio-entry button:focus-visible{outline:2px solid #ffe296;outline-offset:4px;box-shadow:0 0 18px #e9cd6330}