@layer components{.rp{max-width:960px;margin:18px auto 0;display:flex;flex-direction:column;gap:10px}.rp [hidden]{display:none!important}.rp-modes{display:flex;gap:6px;background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:5px}.rp-mode{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--t2);font-size:.92rem;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.rp-mode .rp-ic{font-size:1.05rem}.rp-mode:hover{color:var(--t1)}.rp-mode.on{background:var(--gd);color:var(--gold);border-color:var(--gold)}.rp-tip{text-align:center;font-size:.78rem;color:var(--t2);margin:-2px 0 0;padding:0 8px}.rp-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;background:var(--bg2);border:1px solid var(--bd);border-radius:12px}.rp-tool{min-height:36px;padding:0 11px;border-radius:9px;border:1px solid var(--bd);background:var(--bg1);color:var(--t1);font-size:.84rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s,background .15s,transform .1s}.rp-tool .rp-ic{font-size:1rem;line-height:1}.rp-tool:hover{border-color:var(--bdh)}.rp-tool:active{transform:scale(.94)}.rp-tool.on{border-color:var(--gold);background:var(--gd);color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.rp-tool.rp-act{padding:0 9px;color:var(--t2)}.rp-spacer{flex:1 1 auto}.rp-sep{width:1px;align-self:stretch;background:var(--bd);margin:0 2px}.rp-team{display:inline-flex;gap:0;border:1px solid var(--bd);border-radius:9px;overflow:hidden}.rp-team button{min-height:34px;padding:0 12px;border:0;background:var(--bg1);color:var(--t2);font-size:.82rem;font-weight:700;cursor:pointer}.rp-team button[data-team=blue].on{background:#3b82f6;color:#fff}.rp-team button[data-team=red].on{background:#ef4444;color:#fff}.rp-main{display:flex;gap:10px;align-items:flex-start}.rp-stage{position:relative;flex:1 1 auto;min-width:0;aspect-ratio:1/1;background:var(--bg1);border:1px solid var(--bd);border-radius:14px;overflow:hidden}.rp-canvas{display:block;width:100%;height:100%;touch-action:none}.rp-hint{position:absolute;inset:auto 12px 12px;text-align:center;font-size:.72rem;color:var(--t2);background:var(--glass);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:7px 10px;border-radius:9px;border:1px solid var(--bd);pointer-events:none}.rp-pick{flex:0 0 188px;max-height:520px;overflow-y:auto;background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:8px}.rp-search{width:100%;padding:7px 10px;margin-bottom:8px;border-radius:8px;background:var(--bg1);border:1px solid var(--bd);color:var(--t1);font-size:.78rem;outline:none}.rp-search:focus{border-color:var(--gold)}.rp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:5px}.rp-st{aspect-ratio:1/1;border-radius:8px;border:1px solid var(--bd);background:var(--bg1);padding:0;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:border-color .12s,transform .1s}.rp-st:hover{border-color:var(--bdh)}.rp-st:active{transform:scale(.9)}.rp-st.sel{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}.rp-st img{width:100%;height:100%;object-fit:cover}.rp-st.rp-emoji{font-size:1.3rem}.rp-timeline{display:flex;align-items:center;gap:10px;padding:9px 12px;background:var(--bg2);border:1px solid var(--bd);border-radius:12px;flex-wrap:wrap}.rp-play{width:40px;height:34px;border-radius:9px;border:1px solid var(--gold);background:var(--gd);color:var(--gold);font-size:.95rem;cursor:pointer;flex-shrink:0}.rp-play:hover{background:var(--gl)}.rp-scrub{flex:1 1 180px;min-width:120px;accent-color:var(--gold);cursor:pointer;height:6px}.rp-time{font-family:var(--ff-m);font-size:.72rem;color:var(--t2);white-space:nowrap}.rp-dur{font-family:var(--ff-m);font-size:.68rem;color:var(--t3);display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.rp-dur button{width:24px;height:24px;border-radius:7px;border:1px solid var(--bd);background:var(--bg1);color:var(--t1);cursor:pointer}.rp-dur b{color:var(--t1);font-family:var(--ff-m)}.rp-keytip{text-align:center;font-size:.7rem;color:var(--t3);margin:-2px 0 0}.rp-route{background:var(--bg2);border:1px solid var(--bd);border-radius:12px;padding:10px 12px}.rp-route-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rp-route-head b{font-size:.86rem}.rp-route-total{font-family:var(--ff-m);font-size:.76rem;color:var(--gold);margin-left:auto}.rp-route-clear{border:1px solid var(--bd);background:var(--bg1);color:var(--t2);border-radius:8px;padding:4px 9px;font-size:.72rem;cursor:pointer}.rp-route-clear:hover{border-color:var(--bdh);color:var(--t1)}.rp-route-list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:3px}.rp-route-list li{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:7px;background:var(--bg1);font-size:.8rem}.rp-route-n{flex:0 0 20px;height:20px;border-radius:50%;background:var(--gd);color:var(--gold);font-weight:800;font-size:.7rem;display:inline-flex;align-items:center;justify-content:center}.rp-route-e{font-size:1rem}.rp-route-nm{color:var(--t1)}.rp-route-t{margin-left:auto;font-family:var(--ff-m);font-size:.74rem;color:var(--t2)}.rp-route-hint{font-size:.68rem;color:var(--t3);margin:7px 0 0}@media(max-width:720px){.rp-main{flex-direction:column}.rp-pick{flex:0 0 auto;width:100%;max-height:180px}.rp-grid{grid-template-columns:repeat(auto-fill,minmax(38px,1fr))}.rp-bar{gap:5px}.rp-tool{font-size:.8rem;padding:0 9px;min-height:34px}.rp-tool.rp-act .rp-ic{font-size:.95rem}}}