.wsp{max-width:1152px;margin:40px auto 0}.wsp .pt__panels{margin-top:32px}.wsp .pt__tab{height:44px}.wsp__panel{flex-direction:column;align-items:stretch;display:flex}.wsp__stage{isolation:isolate;border:1px solid var(--card-line);background:radial-gradient(75% 95% at 8% 0%, #a01eee80, transparent 70%), radial-gradient(65% 85% at 100% 100%, #ec5d7157, transparent 72%), radial-gradient(50% 60% at 60% 20%, #6707b64d, transparent 75%), var(--panel);border-radius:16px;padding:clamp(12px,2.4vw,32px);position:relative;overflow:hidden}.wsp__win{border:1px solid var(--card-line);background:var(--bg);border-radius:12px;overflow:hidden;box-shadow:0 32px 80px #0000008c,0 0 0 1px #0006}.wsp__bar{border-bottom:1px solid var(--hairline);background:#181818;align-items:center;gap:10px;height:40px;padding:0 8px 0 14px;display:flex}.wsp__dots{gap:6px;margin-right:4px;display:inline-flex}.wsp__dots i{border:1px solid var(--card-line);border-radius:50%;width:9px;height:9px}.wsp__bar-name{color:var(--text-3)}.wsp__bar-tab{color:var(--text-2)}.wsp__bar-tab:before{content:"/";color:var(--card-line);margin-right:10px}.wsp__open{border:1px solid var(--card-line);background:var(--card);height:28px;color:var(--text-2);cursor:pointer;transition:color var(--t-fast), border-color var(--t-fast);border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:0 10px;display:inline-flex}.wsp__open:hover{color:var(--text);border-color:#4f4f4f}.wsp__shot{background:var(--bg);cursor:zoom-in;display:block;position:relative}.wsp__img{aspect-ratio:2880/1800;background:var(--bg);width:100%;height:auto;display:block}.wsp__switch{flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 16px;display:flex}.wsp__sw{border:1px solid var(--card-line);background:var(--bg);height:36px;color:var(--text-3);font:500 14px/20px var(--ff-sans);cursor:pointer;transition:color var(--t-fast), border-color var(--t-fast);border-radius:8px;padding:0 14px}.wsp__sw:hover{color:var(--text);border-color:#4f4f4f}.wsp__sw[aria-pressed=true]{color:var(--text);border-color:var(--accent);background:var(--card)}.wsp__says{text-align:center;max-width:720px;margin:24px auto 0}.wsp__says p{font:400 16px/24px var(--ff-sans);color:var(--text-2);margin:0}.wsp__says p+p{margin-top:8px}.wsp__says .wsp__credit{font:400 12px/16px var(--ff-sans);color:var(--text-3);margin-top:14px}.wsp__dlg{box-sizing:border-box;border:1px solid var(--card-line);background:var(--bg);width:min(96vw,150.4vh - 89.6px);max-width:96vw;max-height:94vh;color:var(--text);border-radius:12px;margin:auto;padding:0;overflow:hidden}.wsp__dlg::backdrop{background:var(--scrim)}.wsp__dlg-bar{border-bottom:1px solid var(--hairline);background:#181818;justify-content:space-between;align-items:center;height:48px;padding:0 8px 0 16px;display:flex}.wsp__dlg-bar span{color:var(--text-2)}.wsp__dlg-x{width:40px;height:40px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.wsp__dlg-x:hover{color:var(--text);background:var(--card)}.wsp__dlg-img{width:100%;height:auto;display:block}.wsp-join{border:1px solid var(--card-line);background:var(--card);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;max-width:1152px;margin:32px auto 0;padding:20px 24px;display:flex}.wsp-join__text{font:400 16px/24px var(--ff-sans);color:var(--text-2);flex:360px;margin:0}.wsp-join__text strong{color:var(--text);font-weight:500}.wsp-join__actions{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:639.98px){.wsp{margin-top:32px}.wsp .pt__tab{height:44px}.wsp__stage{border-radius:12px}.wsp__win{border-radius:8px}.wsp__bar{height:36px;padding:0 6px 0 10px}.wsp__bar-tab{display:none}.wsp__says{margin-top:20px}.wsp-join{padding:16px}.wsp-join__actions{width:100%}.wsp-join__actions .btn{flex:1 1 0;justify-content:center}}