/* 미니게임 2.0 (미리보기) */
.pz2 .pzhud{display:grid;grid-template-columns:60px 1fr 76px;align-items:center;gap:10px;margin:2px 0 8px}
.pztime{position:relative;width:56px;height:56px}.pztime svg{width:100%;height:100%;transform:rotate(-90deg)}
.pztime circle{fill:none;stroke-width:5}.pztime .trk{stroke:rgba(255,255,255,.12)}.pztime .arc{stroke:#7CF3C8;stroke-linecap:round;stroke-dasharray:119.4;transition:stroke .3s}
.pztime b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums}
.pz2.low .pztime .arc{stroke:#FF7A90}.pz2.low .pztime b{color:#FFB0BC;animation:pzbeat .5s infinite alternate}
@keyframes pzbeat{to{transform:scale(1.12)}}
.pzsc{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:16px;padding:6px 14px;text-align:center}
.pzsc small,.pzcb small{display:block;font-size:11px;color:var(--mu);line-height:1.2}.pzsc b{font-size:24px;font-weight:900;color:#F6DD94;font-variant-numeric:tabular-nums;line-height:1.2}
.pzcb{text-align:center;border-radius:16px;padding:6px 4px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);transition:transform .2s,background .2s}
.pzcb b{font-size:20px;font-weight:900;color:#C3B1E8;line-height:1.2}.pzcb.on{background:rgba(255,143,208,.18);border-color:#FF8FD0;transform:scale(1.06)}.pzcb.on b{color:#FFB0E0}
.pzfv{position:relative;height:16px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin:0 0 10px;border:1px solid rgba(255,255,255,.1)}
.pzfv i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,#FF8FD0,#FFD27A);border-radius:99px;transition:width .25s}
.pzfv i.on{background:linear-gradient(90deg,#FF5FA2,#FFB347,#FFE34D,#7ED36F,#6FB8FF,#B38CFF);background-size:200% 100%;animation:pzrb 1s linear infinite;transition:none}
@keyframes pzrb{to{background-position:200% 0}}
.pzfv span{position:relative;display:block;text-align:center;font-size:10.5px;font-weight:800;line-height:15px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.6)}
.pzbox{position:relative;display:flex;justify-content:center;padding:8px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.35) inset}
.pz2.fever .pzbox{box-shadow:0 0 24px rgba(255,143,208,.55),0 10px 30px rgba(0,0,0,.35) inset}
.pzbox canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none}
.pzbar{display:flex;justify-content:space-between;gap:8px;margin-top:10px}.pzbar .btn{flex:none}
.pztip{margin-top:6px}
/* TD */
.td2 .tdhud{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:2px 0 8px}
.td2 .tdhud div{background:rgba(255,255,255,.07);border:1px solid var(--line);border-radius:14px;padding:4px 6px;text-align:center}
.td2 .tdhud small{display:block;font-size:10.5px;color:var(--mu);line-height:1.2}.td2 .tdhud b{font-size:17px;font-weight:900;color:#F6DD94;font-variant-numeric:tabular-nums}
.td2 .tdcv{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.td2 canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none}
.td2 .tdctl{display:flex;gap:6px;margin:0 0 8px}.td2 .tdctl .btn{flex:1;padding:10px 6px;font-size:14px}
.td2 .tdnext{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12.5px;color:var(--mu);background:rgba(255,255,255,.05);border-radius:12px;padding:6px 10px;min-height:34px}
.td2 .tdnext b{color:#fff}
.td2 .tdpanel{margin-top:8px;background:rgba(20,14,58,.92);border:1px solid var(--line);border-radius:16px;padding:10px;min-height:96px}
.td2 .tdbuild{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.td2 .tdbuild button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:#fff;font-size:12px;font-weight:800}
.td2 .tdbuild button canvas{width:34px;height:34px}.td2 .tdbuild button small{color:#F6DD94;font-weight:800}
.td2 .tdbuild button:disabled{opacity:.4}
.td2 .tdinfo{display:flex;gap:10px;align-items:center}.td2 .tdinfo canvas{width:46px;height:46px;flex:none}
.td2 .tdinfo .tx{flex:1;font-size:12.5px;line-height:1.45}.td2 .tdinfo .tx b{font-size:14px}
.td2 .tdinfo .bt{display:flex;flex-direction:column;gap:5px}.td2 .tdinfo .bt .btn{padding:7px 10px;font-size:12.5px}
.td2 .tdhint{font-size:12.5px;color:var(--mu);text-align:center;margin:18px 0}
.td2 .tdcv .tdpanel{position:absolute;left:8px;right:8px;bottom:8px;margin:0;min-height:0;box-shadow:0 8px 24px rgba(0,0,0,.5);backdrop-filter:blur(6px);animation:tdpin .18s ease-out}
.td2 .tdcv .tdpanel.top{bottom:auto;top:8px}
@keyframes tdpin{from{transform:translateY(10px);opacity:0}}
.td2 .phead p{display:none}.td2-wrap .phead{padding:10px 0 6px}