*{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;touch-action:none;background:#000;width:100%;height:100%;font-family:Malgun Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#stage{width:100vw;height:100dvh;position:relative;overflow:hidden}#webcam{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}#webcam.mirror{transform:scaleX(-1)}#overlay{object-fit:cover;pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}#overlay.mirror{transform:scaleX(-1)}.cursor{pointer-events:none;opacity:0;z-index:30;will-change:transform;background:#fff;border-radius:50%;transition:background-color .1s,opacity .15s;position:absolute;top:0;left:0;box-shadow:0 0 12px #00000080}#pixi{pointer-events:none;z-index:4;position:absolute;top:0;left:0}#player{z-index:50;color:#fff;--enter:.7s;--ring-spin:20s;--accent:#3b82f6;font-family:Malgun Gothic,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:none;position:absolute;inset:0}#player .pl-bg{opacity:0;transition:opacity var(--enter) ease;background:#07070c;position:absolute;inset:0}#player.show .pl-bg{opacity:1}#player .pl-stage{width:300px;height:300px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%)}#player .pl-cover{object-fit:cover;z-index:2;opacity:0;width:100%;height:100%;transition:transform var(--enter) cubic-bezier(.2, .8, .2, 1), opacity var(--enter) ease;border-radius:16px;position:absolute;inset:0;transform:scale(.72);box-shadow:0 24px 70px #0000008c}#player.show .pl-cover{opacity:1;transform:scale(1)}#player .pl-ring{z-index:1;opacity:0;pointer-events:none;width:420px;height:420px;transition:opacity var(--enter) ease;animation:pl-ring-spin var(--ring-spin) linear infinite;transform-origin:50%;margin-top:-210px;margin-left:-320px;position:absolute;top:50%;left:50%}@keyframes pl-ring-spin{to{transform:rotate(360deg)}}#player.show .pl-ring{opacity:1}#player.paused .pl-ring,#player.ended .pl-ring{animation-play-state:paused}#player .pl-ring-text{fill:#ffffff80;letter-spacing:2px;text-transform:uppercase;font-size:21px;font-weight:600}#player .pl-topbar{opacity:0;width:min(440px,64%);transition:opacity var(--enter) ease;transition-delay:calc(var(--enter) * .3);flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:7%;left:50%;transform:translate(-50%)}#player.show .pl-topbar{opacity:1}#player .pl-scrubrow{align-items:center;gap:10px;width:100%;display:flex}#player .pl-scrubrow .pl-scrub{flex:1}#player .pl-time-cur,#player .pl-time-total{opacity:.85;font-variant-numeric:tabular-nums;min-width:36px;font-size:12px}#player .pl-time-cur{text-align:right}#player .pl-time-total{text-align:left}#player .pl-scrub{cursor:pointer;touch-action:none;background:#ffffff40;border-radius:99px;width:100%;height:7px;position:relative}#player .pl-scrub:before{content:"";position:absolute;inset:-13px 0}#player .pl-scrub-fill{pointer-events:none;background:#fff;border-radius:99px;width:0%;height:100%;position:absolute;top:0;left:0}#player .pl-scrub-knob{pointer-events:none;background:#fff;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);box-shadow:0 0 8px #ffffffb3}#player .pl-transport{align-items:center;gap:36px;display:flex}#player .pl-transport button{pointer-events:auto;color:#fff;cursor:pointer;opacity:.9;background:0 0;border:none;padding:8px;font-size:26px;line-height:1;transition:transform .1s,opacity .15s}#player .pl-transport button:hover{opacity:1}#player .pl-transport button:active{transform:scale(.9)}#player .pl-playbtn{font-size:42px}#player .pl-power{color:#fff;cursor:pointer;pointer-events:auto;opacity:.9;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:opacity .15s,transform .1s,background .15s;display:flex;position:absolute;top:20px;left:22px}#player .pl-power:hover{opacity:1;background:#fff3}#player .pl-power:active{transform:scale(.9)}#player .pl-power svg{width:30px;height:30px}#player .pl-corner-tr{align-items:center;gap:14px;display:flex;position:absolute;top:18px;right:20px}#player .pl-mute{color:#fff;cursor:pointer;pointer-events:auto;opacity:.9;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:opacity .15s,background .15s;display:flex}#player .pl-mute:hover{opacity:1;background:#fff3}#player .pl-mute svg{width:30px;height:30px}#player .pl-cc{opacity:.85;border:2px solid #ffffffb3;border-radius:6px;padding:3px 7px;font-size:15px;font-weight:700}#player .pl-side{flex-direction:column;gap:18px;display:flex;position:absolute;bottom:18%;left:22px}#player .pl-side button{color:#fff;cursor:pointer;pointer-events:auto;opacity:.85;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:opacity .15s,background .15s;display:flex}#player .pl-side button:hover{opacity:1;background:#fff3}#player .pl-side button svg{width:26px;height:26px}#player .pl-meta{text-align:center;opacity:0;width:84%;transition:opacity var(--enter) ease;transition-delay:calc(var(--enter) * .35);position:absolute;bottom:8%;left:50%;transform:translate(-50%)}#player.show .pl-meta{opacity:1}#player .pl-title{text-shadow:0 2px 12px #00000080;font-size:26px;font-weight:800}#player .pl-artist{opacity:.8;margin-top:5px;font-size:14px}@media (width<=640px){#player .pl-stage{width:200px;height:200px;top:44%}#player .pl-ring{width:300px;height:300px;margin-top:-150px;margin-left:-230px}#player .pl-ring-text{letter-spacing:1px;font-size:18px}#player .pl-title{font-size:20px}#player .pl-topbar{width:88%;top:6%}#player .pl-meta{bottom:9%}#player .pl-side{bottom:24%}}@media (height<=520px){#player .pl-stage{width:150px;height:150px;top:40%}#player .pl-ring{width:230px;height:230px;margin-top:-115px;margin-left:-180px}#player .pl-ring-text{letter-spacing:1px;font-size:15px}#player .pl-title{font-size:18px}#player .pl-artist{font-size:12px}#player .pl-topbar{width:80%;top:4%}#player .pl-meta{bottom:5%}#player .pl-side{gap:12px;bottom:12%}#player .pl-side button{width:40px;height:40px}#player .pl-power,#player .pl-mute{width:46px;height:46px}}#overlay-message{color:#fff;text-align:center;white-space:pre-line;z-index:20;background:#0009;border-radius:12px;max-width:80%;padding:20px 28px;font-size:18px;line-height:1.6;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hud{color:#fff;pointer-events:none;z-index:10;background:#00000073;border-radius:10px;padding:10px 14px;font-size:14px;line-height:1.5;position:absolute;top:16px;left:16px}#hud-state{font-weight:700}#hud-help{opacity:.85}#back-btn{z-index:11;color:#fff;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:#00000080;border:1px solid #ffffff40;border-radius:10px;padding:11px 18px;font-size:15px;font-weight:700;transition:background .15s,transform .1s;display:none;position:absolute;top:88px;left:16px}#back-btn:hover{background:#000000b3}#back-btn:active{transform:scale(.95)}