:root{color:#f5efe3;font-synthesis:none;--brass:#edbd62;--brass-light:#ffe6a9;--wine:#7f2f35;--mint:#83d3b0;--muted:#b8c6c5;background:#07161b;font-family:Inter,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;overflow-x:hidden}main{opacity:1}.stage-app{background:radial-gradient(circle at 50% 22%,#edbd6214,#0000 35%),#07161b;width:min(1600px,100%);min-height:100dvh;margin:auto;padding:clamp(18px,2vw,34px)}.stage-topbar{justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px;display:flex}.stage-topbar p{color:var(--brass);letter-spacing:.24em;margin:0 0 5px;font:800 .78rem/1 Georgia,serif}.stage-topbar h1{margin:0;font:700 clamp(2rem,4.2vw,4.4rem)/.96 Georgia,Noto Serif TC,serif}.stage-state{text-align:right;align-items:center;gap:18px;display:flex}.stage-state>span:not(.connection-lamp){color:var(--muted);font-size:.78rem;font-weight:700}.stage-state strong{color:var(--brass-light);font:700 clamp(1.5rem,3vw,2.5rem)/1 Georgia,serif}.stage-state small{color:var(--muted)}.connection-lamp{color:var(--muted);align-items:center;gap:8px;font-weight:800;display:inline-flex}.connection-lamp:before{content:"";background:#687476;border-radius:50%;width:11px;height:11px}.connection-lamp.is-live:before{background:var(--mint);box-shadow:0 0 20px var(--mint)}.concert-stage{background:radial-gradient(at 50% -12%,#ffe2a652,#0000 50%),linear-gradient(#103139 0 70%,#172526 70%);border:1px solid #edbd6257;border-bottom:22px solid #4e3028;min-height:clamp(520px,68vh,820px);position:relative;overflow:hidden;box-shadow:inset 0 -80px 100px #0000006b,0 20px 80px #00000059}.room-plaque{z-index:5;color:var(--muted);letter-spacing:.2em;font-size:.7rem;position:absolute;top:20px;left:50%;transform:translate(-50%)}.room-plaque strong{color:var(--brass-light)}.stage-curtain{z-index:4;background:repeating-linear-gradient(90deg,#852f37 0 34px,#5e2028 34px 62px);width:13%;height:78%;position:absolute;top:0}.stage-curtain--left{left:-3%;transform:skew(5deg)}.stage-curtain--right{right:-3%;transform:skew(-5deg)}.spotlight{z-index:1;filter:blur(8px);background:linear-gradient(#ffecbf2e,#0000);width:22%;height:100%;position:absolute;top:-18%}.spotlight--left{left:17%;transform:rotate(12deg)}.spotlight--right{right:17%;transform:rotate(-12deg)}.stage-ensemble{z-index:3;position:absolute;inset:90px 8% 5%}.stage-performer{text-align:center;opacity:.48;transform-origin:50% 100%;filter:saturate(.55);width:clamp(125px,14vw,220px);height:clamp(260px,37vw,470px);transition:opacity .25s,filter .25s;position:absolute;bottom:4%}.stage-performer--piano{left:0;transform:scale(.88)}.stage-performer--trumpet{bottom:8%;left:20%}.stage-performer--drums{bottom:11%;left:41.5%;transform:scale(1.08)}.stage-performer--vibes{bottom:7%;right:19%}.stage-performer--bass{right:0;transform:scale(.92)}.stage-performer.has-player{opacity:.86;filter:none}.stage-performer.is-playing{opacity:1;filter:brightness(1.32)drop-shadow(0 0 24px #edbd6280);animation:.5s cubic-bezier(.2,.8,.2,1) stage-play}.stage-performer.is-together h2{color:var(--brass-light);text-shadow:0 0 18px var(--brass)}.person{position:absolute;inset:4% 22% 26%}.person i{z-index:2;aspect-ratio:1;background:#d6a877;border-radius:48%;width:35%;position:absolute;top:0;left:50%;transform:translate(-50%)}.person i:before{content:"";background:#e4ded0;border-radius:70% 70% 30% 30%;position:absolute;inset:-10% -8% 48%}.person b{background:#285d61;border-radius:40% 40% 12% 12%;width:67%;height:68%;position:absolute;top:21%;left:50%;transform:translate(-50%)}.stage-performer--trumpet .person b,.stage-performer--bass .person b{background:#704048}.stage-performer--drums .person b{background:#3d4d71}.stage-performer--vibes .person b{background:#6a5939}.stage-instrument{z-index:3;color:var(--brass);text-shadow:0 5px 18px #000;white-space:nowrap;font:900 clamp(2.2rem,5vw,5.2rem)/1 Georgia,serif;position:absolute;top:41%;left:50%;transform:translate(-50%)}.stage-performer h2{margin:0;font:700 clamp(1.1rem,2.3vw,2rem)/1 Georgia,Noto Serif TC,serif;position:absolute;bottom:9%;left:0;right:0}.stage-performer p{color:var(--muted);margin:0;font-size:clamp(.72rem,1.3vw,1rem);position:absolute;bottom:0;left:0;right:0}.stage-performer p strong{color:var(--brass)}.stage-floor{z-index:2;perspective:300px;justify-content:space-around;height:31%;display:flex;position:absolute;bottom:0;left:0;right:0}.stage-floor span{background:#edbd621a;width:1px;height:160%;transform:rotateX(35deg)}.stage-footer{grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:106px;padding-top:18px;display:grid}.together-count{align-items:center;gap:13px;display:flex}.together-count>strong{color:var(--brass-light);font:700 3.4rem/1 Georgia,serif}.together-count span{color:var(--muted);font-size:.8rem;line-height:1.4}.performance-feed{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.performance-feed p{border-left:3px solid var(--brass);color:var(--muted);background:#ffffff0a;margin:0;padding:8px 11px;font-size:.82rem}.stage-footer a{border:1px solid var(--brass);min-height:44px;color:var(--brass-light);padding:11px 15px;font-weight:800;text-decoration:none}.prototype-note{color:#829293;text-align:center;border:1px dashed #b8c6c547;padding:10px;font-size:.72rem}@keyframes stage-play{0%,to{margin-bottom:0}45%{margin-bottom:14px}}@media (width<=800px){.stage-topbar{align-items:center}.stage-state{gap:4px;display:grid}.connection-lamp{font-size:.72rem}.concert-stage{min-height:500px}.stage-ensemble{inset-inline:3%}.stage-performer{width:22%;height:330px}.stage-performer--piano{left:0}.stage-performer--trumpet{left:19%}.stage-performer--drums{left:39%}.stage-performer--vibes{right:18%}.stage-performer--bass{right:0}.stage-footer{grid-template-columns:1fr auto}.performance-feed{grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}