.studio-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #d8d9ca;background:#f8f6ed;gap:10px}.scene-controls{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.studio-caption{font-size:8px;color:#838674;letter-spacing:1.4px;margin-right:5px}.scene-button,.sound-toggle{border:1px solid #d8d9ca;background:#fffdf5;border-radius:20px;padding:7px 10px;font-size:9px}.scene-button[aria-pressed=true]{background:#333b2e;color:#fff;border-color:#333b2e}.sound-toggle{white-space:nowrap}.arena{padding:0;background:#eee9da;min-height:630px}.arena-header{padding:17px 20px;color:#72725e}.target-form{position:absolute;z-index:6;top:12px;left:50%;transform:translateX(-50%);margin:0;width:max-content}.target-form input{background:#fff9e9e8;border-color:#c5b992}.small-button{background:#ddd2afea;border-color:#c5b992}.puppet-stage{height:450px;background:#454b37 url('/studio.svg') center/cover;overflow:hidden;position:relative;isolation:isolate;box-shadow:inset 0 0 100px #171e1950;border-top:1px solid #444c3a;border-bottom:1px solid #444c3a;touch-action:manipulation}.puppet-stage::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 38%,transparent 20%,#121f233d 100%);pointer-events:none;z-index:1}.puppet-stage::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#ffedb50c 0%,transparent 50%);pointer-events:none;z-index:1}.puppet{position:absolute;bottom:45px;width:235px;height:325px;z-index:3;cursor:crosshair;transform-origin:50% 85%;filter:drop-shadow(5px 8px 3px #1d21193a);will-change:transform;animation:none!important;translate:var(--shake,0px) 0}.puppet:hover{filter:drop-shadow(0 0 4px #ffe7a57d) drop-shadow(5px 8px 3px #1d211950)}.puppet svg{overflow:visible}.dummy-head{transform-origin:125px 117px}.dummy-hat{transform-origin:125px 66px}.arm-left{transform-origin:87px 126px}.arm-right{transform-origin:160px 126px}.dummy-arm,.dummy-head,.dummy-hat{transition:none;transform-box:view-box}.floor-shadow{bottom:43px;background:#242c2685;width:165px;height:20px;z-index:2;filter:blur(5px)}.target-tag{bottom:71px;font-weight:700;z-index:5;background:#eeddac;border-color:#8b764d;box-shadow:2px 3px 5px #171e2350;font-size:12px;padding:7px 14px;pointer-events:none}.hit-caption{position:absolute;top:135px;right:12%;z-index:8;font-size:39px;font-weight:900;font-style:italic;color:#fff0aa;-webkit-text-stroke:1px #463422;text-shadow:4px 4px 0 #9b442e;transform:rotate(-12deg);opacity:0;pointer-events:none}.combo-label{position:absolute;bottom:14px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px;color:#fff0ba;z-index:5;pointer-events:none;text-shadow:1px 1px 3px #1c2116}.strike-glove{position:absolute;z-index:7;left:calc(50% - 148px);top:160px;width:132px;height:95px;opacity:0;pointer-events:none;filter:drop-shadow(3px 4px 3px #161a2050)}.strike-glove svg{width:100%;height:100%}.strike-boot{position:absolute;z-index:7;left:calc(50% - 140px);top:225px;font-size:93px;line-height:1;opacity:0;pointer-events:none;filter:drop-shadow(3px 4px 3px #161a2050)}[data-direction=right] .strike-glove,[data-direction=right] .strike-boot{left:auto;right:calc(50% - 148px);scale:-1 1}.particle-canvas{position:absolute;width:100%;height:100%;inset:0;z-index:6;pointer-events:none}.arena-hint{margin:15px 0 13px;color:#78745e}.action-buttons{padding:0 15px 20px}.action-buttons button{background:#fff9e9;border-color:#cdc1a3;box-shadow:0 3px 0 #c9bc9b;transition:transform .1s}.action-buttons button:active{transform:translateY(3px);box-shadow:none}.action-buttons kbd{background:#ede5d3}.arena[data-scene=night] .puppet-stage{background-color:#212b43;background-blend-mode:luminosity}.arena[data-scene=night] .puppet-stage::before{background:linear-gradient(110deg,#77257238,#1024561f 50%,#26747851)}.arena[data-scene=night] .puppet{filter:drop-shadow(-5px 0 8px #db709530) drop-shadow(5px 0 8px #73bdce30)}.arena[data-scene=sunset] .puppet-stage::before{background:linear-gradient(110deg,#f8b45445,transparent 55%,#85345035)}.arena[data-scene=custom] .puppet-stage{background-image:var(--custom-backdrop);background-color:#303629}.arena[data-scene=custom] .puppet-stage::before{background:#141d2833}.music-bar{border-top:1px solid #ded9c8;background:#f6f3e8;display:flex;align-items:center;gap:11px;padding:12px 16px}.music-icon{font-size:23px;color:#7c8668}.music-copy{min-width:0}.music-copy strong{display:block;font-size:11px}.music-copy span{display:block;font-size:8px;color:#8a8a75;margin-top:4px}.music-select{font-size:10px;border:1px solid #d5d4c5;padding:8px;border-radius:5px;background:#fffdf5;color:#5c604f;max-width:120px}.music-play{border:0;background:#333b2e;color:white;width:30px;height:30px;border-radius:50%;font-size:12px}.music-volume{width:70px;accent-color:#7d8c67;padding:0}.upload-audio{background:transparent;border:1px solid #d5d4c5;border-radius:5px;padding:7px 9px;font-size:9px;margin-left:auto;white-space:nowrap}.chat-panel{max-height:800px}.image-button{font-size:16px}.media-upload-status{font-size:9px;color:#847358;text-align:center}.message-upload{display:block;max-width:100%;max-height:230px;object-fit:contain;border-radius:7px;background:#e8e7dc}.media-backdrop-button{background:#f2eee0;border:1px solid #d8d2bf;border-radius:5px;font-size:8px;padding:5px 8px;margin-top:5px}.gif-picker{max-height:380px;overflow:auto}.gallery-tabs{display:flex;gap:8px;margin-bottom:10px}.gallery-tabs button{border:1px solid #d9d2c1;background:#eeeadc;padding:6px 9px;font-size:9px;border-radius:5px}.gallery-tabs button[aria-selected=true]{background:#333b2e;color:#fff}.gallery-help{font-size:8px;color:#8a8576;margin:8px 0}.gif-options,.sticker-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.sticker-options button{background:none;padding:0;border:0}.sticker-options img{width:100%;border-radius:6px}.bag-chain{height:95px}.big-bag{height:285px;width:150px;background:linear-gradient(100deg,#ed8257,#bc412e 55%,#712a22);box-shadow:inset 8px 0 10px #ffffff1a,inset -15px 0 20px #511f284f,15px 10px 20px #2d382c33}.big-bag.hit{animation:bag-swing .95s cubic-bezier(.2,.8,.3,1)}#bag-game{min-height:490px;background:linear-gradient(#1c25141f,#1c251413),url('/studio.svg') center/cover;padding:0 10px 20px}#bag-game .arena-hint{color:#f9e3b0}#bubbles-game,#inbox-game{padding:0 20px 22px}#bubbles-game h2,#inbox-game h2{margin-top:24px}.puppet.burning::after,.puppet.party::after{display:none}.studio-caption.mobile-hide{display:inline}.play-footer{background:#fffdf7}.note-one{left:65px;top:80px}.art-star{top:42px;right:65px}@keyframes bag-swing{10%{transform:rotate(24deg) translateX(10px)}35%{transform:rotate(-18deg)}60%{transform:rotate(10deg)}80%{transform:rotate(-5deg)}100%{transform:rotate(0)}}@media(max-width:1050px){.studio-controls{flex-wrap:wrap;gap:7px}.studio-caption{font-size:7px}.scene-button{font-size:8px;padding:6px 7px}.music-bar{flex-wrap:wrap;gap:8px}.music-copy{margin-right:auto}.music-volume{width:55px}.upload-audio{margin-left:0}}@media(max-width:760px){.puppet-stage{height:425px}.puppet{width:220px;height:305px;bottom:45px}.target-form{top:15px}.arena{min-height:615px}.studio-caption{display:none}.scene-button{font-size:8px;padding:7px 8px}.studio-controls{padding:10px}.sound-toggle{font-size:8px}.music-bar{padding:12px}.music-copy span{font-size:7px}.music-select{max-width:104px}.chat-panel{height:650px}.action-buttons button{padding:10px 9px}.hit-caption{right:8%;font-size:31px}.strike-glove{top:155px}.strike-boot{top:220px}.note-one{left:50px;top:70px}}@media(prefers-reduced-motion:reduce){.puppet{will-change:auto}.big-bag.hit{animation:none}.particle-canvas{display:none}}
@media(max-width:760px){.target-form{position:relative;top:auto;left:auto;transform:none;margin:0 auto 12px}.arena-header{padding:16px 15px}.studio-controls{flex-wrap:nowrap}.scene-controls{gap:4px}.scene-button{padding:7px 6px}.sound-toggle{padding:7px 6px}.studio-caption.mobile-hide{display:none}}