#pages button{position:relative}#pages button.zlock>svg:first-child{filter:grayscale(1) brightness(1.6);opacity:.35}
.zlk{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.zlk svg{width:55%;height:auto}.zlk b{font-size:15px;background:#fff;color:#2b2240;border-radius:99px;padding:3px 10px;margin-top:4px}
#ztoast{position:fixed;left:50%;bottom:12%;transform:translateX(-50%) scale(.8);background:#2b2240;color:#fff;font-weight:900;font-size:22px;padding:14px 24px;border-radius:24px;opacity:0;transition:.25s;z-index:9999;pointer-events:none}#ztoast.show{opacity:1;transform:translateX(-50%) scale(1)}
.zhint,.zempty{text-align:center;font-size:24px;font-weight:900;color:#6a3f9a;margin:10px 16px}
.ztier{font-size:28px;font-weight:900;text-align:center;margin:4px}.zt1{color:#2a9d8f}.zt2{color:#e09f00;text-shadow:0 0 12px #ffe9a8}.zt3{background:linear-gradient(90deg,#ff5b5b,#ffd23f,#5fd6b0,#5ab9ff,#b48cff);-webkit-background-clip:text;background-clip:text;color:transparent}.zunl{text-align:center;font-weight:800;font-size:20px}
.dstage.tier1 .rspark{filter:drop-shadow(0 0 8px #bff)}.dstage.tier2 .rglow{box-shadow:0 0 80px 30px #ffe08a}.dstage.tier3 .rglow{box-shadow:0 0 0 14px #ff5b5b55,0 0 0 28px #ffd23f55,0 0 0 42px #5ab9ff55,0 0 90px 40px #b48cff}
#maker .zbody,#whack .zbody{padding:12px 16px;overflow:auto;max-height:calc(100vh - 80px)}
.mprev{width:180px;height:180px;margin:0 auto}.mprev svg{width:100%;height:100%}
.mrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0}.mlbl{font-weight:900;min-width:80px}
.mb{width:64px;height:64px;border-radius:18px;border:3px solid #ddd;background:#fff;font-size:30px}.mb svg{width:100%;height:100%}.mc{width:48px;height:48px;border-radius:50%;border:3px solid #ccc}
.mb.on,.mc.on{border-color:#6a3f9a;box-shadow:0 0 0 3px #ffd23f}#mName{font-size:24px;padding:10px;border-radius:14px;border:3px solid #ccc;flex:1;min-width:160px}.msave{display:block;margin:16px auto;font-size:24px}
.wtop{text-align:center;font-size:26px;font-weight:900}.wgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:460px;margin:0 auto}
.hole{aspect-ratio:1;border-radius:50%;border:0;background:radial-gradient(ellipse at 50% 75%,#3b2a55 40%,#7a5aa0 41%);overflow:hidden;position:relative}
.hole .head{position:absolute;left:12%;right:12%;bottom:-90%;transition:bottom .18s}.hole.up .head{bottom:8%}.hole .head svg{width:100%}
.hole.t2.up{box-shadow:0 0 22px #ffd23f}.hole.t3.up{box-shadow:0 0 0 5px #ff8fc7,0 0 26px #5ab9ff}.wmsg{text-align:center;font-size:24px;font-weight:900;min-height:2em}