*{box-sizing:border-box}html,body{margin:0;background:transparent}
body{font:15px/1.5 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#e8eaec}
.wrap{display:flex;flex-direction:column;gap:14px}
.stagebox{background:radial-gradient(circle at 50% 40%,#3a3d42 0%,#1f2124 75%);border-radius:10px;position:relative;overflow:hidden}
#stage{width:100%;height:min(62vw,520px);min-height:300px;display:block;touch-action:none;cursor:grab}
body.show #stage{height:clamp(320px,34vw,500px);pointer-events:none;cursor:default}
.stagebtn{position:absolute;left:10px;right:10px;top:10px;display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}
.stagetag{position:absolute;left:12px;right:12px;bottom:10px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:#aab0b6;pointer-events:none}
body.show .ctl{display:none}
.seg{display:inline-flex;border:1px solid #4e5359;border-radius:6px;overflow:hidden;background:rgba(31,33,36,.85)}
.seg button{font:inherit;font-size:14px;font-weight:600;padding:7px 12px;border:0;border-right:1px solid #4e5359;background:transparent;color:#e8eaec;cursor:pointer}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:#4e7d47;color:#fff}
.stagebtn>button{font:inherit;font-size:13px;padding:6px 10px;border:1px solid #4e5359;background:rgba(31,33,36,.85);color:#e8eaec;border-radius:6px;cursor:pointer}
button:focus-visible,input:focus-visible{outline:3px solid #7fb174;outline-offset:2px}
.panel{background:#2a2d30;border-radius:10px;padding:14px 16px}
.phead{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding-bottom:10px;border-bottom:1px solid #3d4146}
.chk{display:flex;gap:8px;align-items:center;font-size:14px;cursor:pointer}.chk input{width:17px;height:17px;accent-color:#7fb174}
.lnk{font:inherit;font-size:13px;background:none;border:0;color:#7fb174;text-decoration:underline;cursor:pointer;padding:0}
.list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:2px 24px}
.pl{padding:9px 0;border-bottom:1px dashed #3d4146;display:grid;grid-template-columns:84px 1fr;gap:4px 10px;align-items:center}
.pl .who{font-weight:600;font-size:14px;grid-row:span 2}.pl .who small{display:block;font-weight:400;font-size:11.5px;color:#aab0b6}
.sw{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.sw span.k{font-size:11.5px;color:#aab0b6;width:46px}
.sw button{width:24px;height:24px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)}
.sw button[aria-pressed="true"]{border-color:#fff;outline:2px solid #2a2d30;outline-offset:-4px}
.note{font-size:13px;color:#aab0b6;margin:10px 0 0}
.fail{padding:40px 16px;text-align:center;color:#aab0b6}
@media (max-width:520px){.seg button{padding:7px 9px;font-size:13px}.pl{grid-template-columns:1fr}.pl .who{grid-row:auto}}
body.show .stagetag{display:none}