.model-c-page{color:#20201e;background:radial-gradient(circle at 86% 8%,#eadffd,#0000 28%),#f7f3e9;min-height:100vh}.c-chip{background:#e4ddf4}.c-setup,.c-wait,.c-studio{width:min(1220px,100% - 50px);margin:auto;padding:42px 0 65px}.c-title{text-align:center;margin-bottom:28px}.c-title>span{letter-spacing:.13em;color:#7450a3;font-size:10px;font-weight:900}.c-title h1,.c-studio h1{letter-spacing:-.09em;margin:10px;font-size:clamp(50px,6vw,78px)}.c-title p,.c-studio p{color:#6b6670}.c-setup-card{background:#fffdf7;border:2px solid;border-radius:24px;grid-template-columns:300px 1fr;display:grid;overflow:hidden;box-shadow:8px 9px #d4cedb}.c-setup-card aside,.c-setup-card article{padding:34px}.c-setup-card aside{border-right:1px solid #ccc}.c-shuffle{background:#fff;border:1.5px solid;border-radius:11px;width:100%;padding:12px;font-weight:900}.c-roles{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px;display:grid}.c-roles>div{background:#f4effb;border:1.5px solid;border-radius:12px;padding:12px}.c-roles b{color:#fff;background:#a985d6;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.c-roles span,.c-roles small{display:block}.c-roles span{margin:7px 0;font-weight:900}.c-roles small{color:#6b6670;font-size:9px}.c-primary{color:#fff;background:#8e6cc3;border:2px solid;border-radius:15px;width:min(720px,100%);margin:25px auto 0;padding:17px;font-weight:900;display:block;box-shadow:5px 6px #20201e}.c-primary:disabled{box-shadow:none;background:#bbb}.c-wait-grid{grid-template-columns:380px 1fr;gap:24px;display:grid}.c-qr,.c-roster{background:#fff;border:2px solid;border-radius:22px;padding:27px;box-shadow:7px 8px #d4cedb}.c-qr{text-align:center}.c-qr img{background:#fff;border:2px solid;border-radius:15px;width:270px;padding:12px}.c-qr strong,.c-qr small{margin-top:14px;display:block}.c-roster h2{font-size:36px}.c-roster p{background:#eee;border-radius:11px;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;padding:9px;display:grid}.c-roster p.in{background:#e8def5}.c-roster p b{background:#fff;border:1px solid;border-radius:50%;place-items:center;width:27px;height:27px;display:grid}.c-roster p span{font-weight:900}.c-roster p small{font-size:9px}.c-progress{background:radial-gradient(circle,#e8def5,#0000 42%)}.c-studio-head{text-align:center}.c-stage{touch-action:none;background-color:#fffdf7;background-image:radial-gradient(circle at 50% 45%,#fff 0 24%,#0000 25%),linear-gradient(#eee9f2 1px,#0000 1px),linear-gradient(90deg,#eee9f2 1px,#0000 1px),none;background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,32px 32px,32px 32px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border:2px solid;border-radius:25px;height:650px;position:relative;overflow:hidden;box-shadow:8px 9px #d4cedb}.c-character{width:230px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.c-character i{background:#f3c7a4;border:4px solid #20201e;display:block;position:absolute}.c-head{border-radius:48%;width:130px;height:145px;top:25px;left:50px}.c-hair{border-radius:70px 70px 25px 25px;width:150px;height:80px;top:12px;left:40px;background:#42322e!important}.c-eye{border-radius:50%;width:10px;height:13px;top:92px;background:#20201e!important;border:0!important}.c-eye.left{left:86px}.c-eye.right{right:86px}.c-body{border-radius:35px;width:146px;height:190px;top:165px;left:42px;background:#bdd8ff!important}.c-arm{border-radius:30px;width:48px;height:180px;top:188px}.c-arm.left{left:5px;transform:rotate(8deg)}.c-arm.right{right:5px;transform:rotate(-8deg)}.c-leg{border-radius:25px;width:55px;height:145px;top:340px}.c-leg.left{left:51px}.c-leg.right{right:51px}.c-item,.c-saved-item{transform-origin:50%;touch-action:none;width:180px;height:120px;position:absolute}.c-item{cursor:grab;border:2px dashed #8e6cc3;border-radius:12px}.c-item img,.c-saved-item img{object-fit:contain;width:100%;height:100%}.c-item>span,.c-saved-item>span{background:#fff;border-radius:99px;padding:2px 5px;font-size:8px;font-weight:900;position:absolute;top:4px;left:4px}.c-item>div{gap:3px;display:flex;position:absolute;bottom:4px;right:4px}.c-item button{background:#fff;border:1px solid;border-radius:7px;width:28px;height:28px;font-weight:900}.c-saved{width:min(1220px,100% - 50px);margin:0 auto 65px}.c-saved h2{text-align:center;font-size:32px}.c-saved>div{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.c-saved article{background:#fff;border:2px solid;border-radius:15px;padding:11px}.c-saved-stage{background:#f7f3e9;border:1px solid;border-radius:10px;height:300px;position:relative;overflow:hidden}.c-saved-stage .c-character{transform:translate(-50%,-50%)scale(.5)}.c-saved-item{width:90px;height:60px}.c-saved article>b,.c-saved article>small{margin-top:8px;display:block}.model-c-page footer{margin-top:auto}@media (width<=800px){.c-setup-card,.c-wait-grid{grid-template-columns:1fr}.c-setup-card aside{border-bottom:1px solid #ccc;border-right:0}.c-roles{grid-template-columns:1fr 1fr}.c-stage{height:560px}.c-saved>div{grid-template-columns:1fr}}