#theatre.rap-mode{width:min(100vw,calc(100dvh * 390 / 844),480px);background:#071d36}
#theatre.rap-mode .rap-scene{--accent:#f7a3d3;--wash:#8bd7ff;--heat:0;color:#e8f6ff;font-family:'Microsoft YaHei',sans-serif}
#theatre.rap-mode .rap-background{content:url('assets/poets-pink-blue/stage.png');filter:none!important;opacity:.6}
.concert-scenery{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:linear-gradient(#08254460 10%,transparent 28%,#08234025 50%,#071a35 69%);z-index:1}
.concert-moon{position:absolute;top:29%;left:42%;width:19%;aspect-ratio:1;border-radius:50%;background:#effaff;box-shadow:0 0 35px #c9edffbd;opacity:.8;transition:background .6s,transform .6s}
.concert-mountains{position:absolute;left:0;right:0;top:38%;height:23%;background:linear-gradient(145deg,#76bed8,#193e69);clip-path:polygon(0 65%,15% 22%,28% 55%,43% 4%,65% 70%,79% 25%,100% 65%,100% 100%,0 100%);opacity:.35;transition:opacity .6s}
.concert-river{position:absolute;left:0;right:0;top:56%;height:11%;background:repeating-linear-gradient(178deg,transparent 0 10px,#9ce6ff5c 11px 12px,transparent 13px 20px);transform:perspective(100px) rotateX(25deg);opacity:.4}
.concert-blossoms i{position:absolute;color:#ffb2dc;font-size:22px;left:calc(var(--n)*14%);top:calc(27% + mod(var(--n),3)*8%);opacity:0;animation:concertPetal 10s calc(var(--n)*-1.3s) linear infinite;transition:opacity .6s}
.concert-beam{position:absolute;top:22%;height:43%;width:70%;background:linear-gradient(#9ce7ff44,transparent);clip-path:polygon(48% 0,52% 0,100% 100%,0 100%);transform-origin:50% 0;mix-blend-mode:screen}
.beam-left{left:-24%;rotate:-18deg;animation:concertBeam 8s ease-in-out infinite alternate}.beam-right{right:-24%;rotate:18deg;filter:hue-rotate(80deg);animation:concertBeam 9s ease-in-out infinite alternate-reverse}
.concert-proscenium{position:absolute;inset:26% 6% 36%;border-left:1px solid #9cddff66;border-right:1px solid #f6a3d666;border-radius:42% 42% 0 0;box-shadow:inset 8px 0 30px #78d2ff1c,inset -8px 0 30px #f6a3d61c}
.concert-deck{position:absolute;top:61%;height:5%;left:1%;right:1%;border-radius:50%;background:linear-gradient(#badbff33,#d979c755,#0c2545);border-top:1px solid #e4b0e8;box-shadow:0 8px 25px #ee9bd433}
.concert-audience{position:absolute;top:65%;left:3%;right:3%;height:4%;display:flex;justify-content:space-around;align-items:flex-end}.concert-audience i{display:block;width:5%;height:66%;border-radius:40% 40% 5% 5%;background:#143a5c;position:relative;box-shadow:0 -4px 12px #82d4ff22}.concert-audience i:before{content:'';position:absolute;left:20%;top:-36%;width:60%;aspect-ratio:1;border-radius:50%;background:#1c476c}.concert-audience i:nth-child(2n){height:85%;background:#4a355c}.concert-audience i:nth-child(3n):after{content:'';position:absolute;width:2px;height:13px;right:-3px;top:-9px;background:var(--accent);box-shadow:0 0 calc(4px + var(--heat)*10px) var(--accent);rotate:18deg}
#theatre.rap-mode .rap-heading{top:3.7%;left:15%;right:19%;height:4%;z-index:6}#theatre.rap-mode .rap-heading h1{font:600 15px/1.4 'Microsoft YaHei',sans-serif;letter-spacing:1px;color:#e3f5ff}
.concert-themes{position:absolute;z-index:8;top:9%;left:7%;right:7%;display:flex;gap:6px}.concert-themes button{flex:1;border:1px solid #8fc8e35c;border-radius:20px;background:#0d2a44d9;color:#d4ecfc;font:12px/1.2 'Microsoft YaHei',sans-serif;padding:8px 2px;cursor:pointer}.concert-themes button[aria-pressed=true]{background:#e8b8de;color:#122e50;border-color:#ffd7ef}
.concert-hud{position:absolute;z-index:6;top:14.5%;left:8%;right:8%;display:flex;justify-content:space-between;color:#a9d8ed;font-size:10px;letter-spacing:1px}.concert-heat{font-size:13px;color:#ffc7e5}
.concert-steps{position:absolute;z-index:8;top:69.5%;left:7%;right:7%;display:flex;gap:6px;justify-content:space-between;font-size:10px;color:#749db8}.concert-steps span{border-top:2px solid #547a9559;padding-top:6px;flex:1;text-align:center}.concert-steps .active{color:#fbb8df;border-color:#f6a0cf}.concert-steps .done{color:#9cddf7;border-color:#78b9de}
#theatre.rap-mode .rap-verse{top:18%;height:15%;left:7%;right:7%;background:none;z-index:5;padding:0;text-shadow:0 1px 8px #effaff}#theatre.rap-mode .rap-credit{color:#315a7e;font:11px/1.4 'Microsoft YaHei',sans-serif;min-height:0}#theatre.rap-mode .rap-current{font:600 20px/1.65 var(--serif);color:#183b60;min-height:0;max-height:21cqw;margin:8px 0 0;padding:0}#theatre.rap-mode .rap-current strong{color:#984a7a}
#theatre.rap-mode .rap-performer{top:30%;height:32%;z-index:3}#theatre.rap-mode .rap-lamp{top:32%;height:31%;z-index:2}
#theatre.rap-mode .rap-interaction{top:74%;bottom:2.2%;left:5%;right:5%;gap:7px;padding:10px 12px;background:linear-gradient(145deg,#102c4bef,#0b203bee);border:1px solid #78a9cb77;border-radius:13px;box-shadow:0 10px 22px #04102155;z-index:9;overflow:auto;scrollbar-width:thin}
#theatre.rap-mode .rap-caption{color:#def2ff;font:12px/1.55 'Microsoft YaHei',sans-serif;min-height:20px;max-height:none;margin:0}#theatre.rap-mode .rap-controls{gap:7px;flex:1;justify-content:center}#theatre.rap-mode .rap-controls button{background:#23476b;border:1px solid #97cee576;border-radius:8px;color:#e8f8ff;font:600 12px/1.5 'Microsoft YaHei',sans-serif;min-height:35px;padding:7px 5px}#theatre.rap-mode .rap-controls>button:last-child{background:linear-gradient(110deg,#f4acd6,#b4e2f9);color:#173b5e;border-color:#f6d2e8}#theatre.rap-mode .rap-topics button{background:#1b3c60;color:#eff7ff;min-height:49px}#theatre.rap-mode .rap-topics b{font-size:13px}#theatre.rap-mode .rap-topics small{font-size:9px;color:#b3d6ec}#theatre.rap-mode .rap-topics button.selected{background:#524467;border-color:#f7abd9}
#theatre.rap-mode .rap-quote{top:19%;left:9%;right:9%;background:#eff6ffed;color:#284b70;border:1px solid #e2a5d3;border-radius:10px;padding:14px 12px;z-index:7}#theatre.rap-mode .rap-quote blockquote{font-size:20px;margin:12px 0;line-height:1.6}#theatre.rap-mode .rap-quote cite{font-size:11px}#theatre.rap-mode .rap-progress{margin:0 10%;flex-shrink:0}
.concert-beat-options{display:flex;gap:6px;justify-content:center}.concert-beat-options button{flex:1;min-height:27px!important;padding:3px!important;font-size:10px!important}.concert-beat-options button[aria-pressed=true]{border-color:#f6a6d8!important;color:#ffd0ea!important;background:#483c60!important}.concert-beat-track{position:relative;height:16px;border-bottom:1px solid #77afce66;margin:1px 4px 0}.concert-beat-track>i{position:absolute;width:9px;height:9px;border-radius:50%;background:#abebff;left:10%;top:3px;box-shadow:0 0 12px #78d9ff;translate:-50% 0}.concert-beat-target{position:absolute;left:10%;top:-1px;width:16px;height:16px;border:2px solid #f6a8d6;border-radius:50%;translate:-50% 0}.concert-beat-meta{display:flex;justify-content:space-between;gap:3px;font-size:9px;color:#aed8ed}.concert-beat-count{white-space:nowrap}.concert-beat-judge{color:#f8c0df}
#theatre.rap-mode .concert-pad{min-height:38px;font-size:13px;touch-action:manipulation}.concert-pad.hit{animation:concertHit .25s ease-out}.concert-result{display:flex;align-items:center;gap:12px;padding:6px;color:#d6edff}.concert-result b{font-size:25px;color:#ffb4df;white-space:nowrap}.concert-result span{font-size:12px;line-height:1.7}
.concert-rhyme-line{font:600 16px/1.65 var(--serif);margin:0;text-align:center;color:#f8e5f3}.concert-rhyme-hint{font:11px/1.5 'Microsoft YaHei',sans-serif;color:#abcfe9;margin:0;text-align:center}#theatre.rap-mode .rap-controls .rap-choices button{min-height:37px}#theatre.rap-mode .sound-btn{background:#102d4be8;color:#d9f3ff;border-color:#7cadcf77}#theatre.rap-mode button:focus-visible{outline:2px solid #fff;outline-offset:2px}
.rap-scene[data-scenery=blossom]{--accent:#ff91cb;--wash:#edb2df}.rap-scene[data-scenery=blossom] .concert-blossoms i{opacity:.7}.rap-scene[data-scenery=blossom] .concert-moon{background:#fce9f8;transform:translateX(-50%) scale(.8)}.rap-scene[data-scenery=blossom] .concert-mountains{opacity:.17}.rap-scene[data-scenery=blossom] .concert-scenery{background:linear-gradient(#2525443d,#e99dc92e 48%,#111f3e 69%)}
.rap-scene[data-scenery=river] .concert-mountains{opacity:.65}.rap-scene[data-scenery=river] .concert-river{opacity:.85}.rap-scene[data-scenery=river] .concert-moon{transform:translate(70%,-8%) scale(.65);opacity:.65}.rap-scene[data-scenery=river]{--accent:#8edfff}
.concert-pulse .concert-deck{animation:concertDeck .35s ease-out}.concert-pulse .concert-audience i:nth-child(odd){animation:concertAudience .3s ease-out}
@keyframes concertBeam{to{transform:rotate(16deg);opacity:.5}}@keyframes concertPetal{from{translate:10px -20px;rotate:0deg}to{translate:-35px 200px;rotate:120deg}}@keyframes concertHit{50%{scale:.97;box-shadow:0 0 22px #f5a6d788}}@keyframes concertDeck{40%{box-shadow:0 0 35px #ffa8dbaa}}@keyframes concertAudience{50%{translate:0 -3px}}
@media(prefers-reduced-motion:reduce){.concert-scenery *,.concert-pad.hit{animation:none!important;transition:none!important}}
@media(max-height:620px){#theatre.rap-mode .rap-caption{font-size:10px}#theatre.rap-mode .rap-controls button{min-height:29px;padding:4px}#theatre.rap-mode .rap-interaction{padding:7px}.concert-rhyme-line{font-size:13px}.concert-beat-meta{font-size:8px}}
.concert-beat-target{left:50%}
#theatre.fx-paused .concert-scenery *{animation:none!important}