.player-wrap{gap:12px;display:grid}.player{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--line);background:rgb(var(--c-bg));cursor:pointer;width:100%;position:relative;overflow:hidden}.player .pbg{background:radial-gradient(70% 60% at 50% 40%, rgba(var(--c-cyan), .08), transparent 70%), linear-gradient(rgba(var(--c-mist), .06) 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, rgba(var(--c-mist), .06) 1px, transparent 1px) 0 0 / 32px 32px;position:absolute;inset:0}.pstage{transform-origin:0 0;width:960px;height:540px;position:absolute;top:0;left:0}.pstage svg{pointer-events:none;width:960px;height:540px;position:absolute;inset:0;overflow:visible}.pstage svg path{fill:none;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:4 12;opacity:0;transition:opacity .5s;animation:1.1s linear infinite player-flow}.pstage svg path.on{opacity:.95}.pstage svg path.cy{stroke:var(--cyan)}.pstage svg path.or{stroke:var(--cinnabar)}.pstage svg path.gr{stroke:var(--dim);stroke-dasharray:2 8}@keyframes player-flow{to{stroke-dashoffset:-16px}}.el{color:var(--frost);opacity:0;align-items:center;gap:12px;padding:14px 18px;font-size:22px;line-height:1.35;transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;display:flex;position:absolute;transform:translateY(14px)scale(.98)}.el.on{opacity:1;transform:none}.el.box{background:linear-gradient(180deg, rgba(var(--c-card), .96), rgba(var(--c-bg3), .97));border:1px solid var(--line);border-radius:14px}.el.hl{border-color:rgba(var(--c-cyan), .7);box-shadow:0 0 0 1px rgba(var(--c-cyan), .2), 0 0 44px -8px rgba(var(--c-cyan), .5)}.el.hum{border-color:rgba(var(--c-cin), .55)}.el.hum.hl{border-color:var(--cinnabar);box-shadow:0 0 44px -8px rgba(var(--c-cin), .6)}.el.col{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.el.ctr{text-align:center;justify-content:center}.el.note{color:var(--mist);font-size:20px}.el.cloud{border:1px dashed rgba(var(--c-mist), .5);background:rgba(var(--c-bg2), .8);border-radius:40px;font-size:19px}.el .lbl{color:var(--mist);font-size:15px}.el .num{font:700 44px/1 var(--f-num);color:var(--cinnabar)}.el small{color:var(--mist);font-size:16px}.el .ttl{font-size:64px;font-weight:900;line-height:1.1}.el .ttl em{color:var(--cinnabar);font-style:normal}.el .sub2{color:var(--mist);margin-top:10px;font-size:22px}.el .bub{border-radius:14px;padding:12px 18px;font-size:22px}.el .bub.me{background:rgba(var(--c-cin), .14);border:1px solid rgba(var(--c-cin), .4)}.el .bub.ai{background:rgba(var(--c-cyan), .1);border:1px solid rgba(var(--c-cyan), .35)}.el .ok2{color:var(--jade);font-weight:700}.el .kbd{font:600 15px/1 var(--f-mono);color:var(--amber);border:1px solid rgba(var(--c-amber), .4);border-radius:6px;padding:4px 8px}.el .ver{font:700 18px/1 var(--f-mono);color:var(--cyan)}.el .fs26{font-size:26px}.el .fs28{font-size:28px}.el .vtext{writing-mode:vertical-rl;letter-spacing:.3em}.pcap{text-align:center;color:#fff;text-shadow:0 2px 10px #000;pointer-events:none;margin:0;font-size:clamp(14px,2.1vw,21px);font-weight:500;line-height:1.5;position:absolute;bottom:5%;left:5%;right:5%}.pcap span{background:rgba(var(--c-ink), .78);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:8px;padding:4px 10px;display:inline}.pbig{border:1px solid rgba(var(--c-cyan), .6);background:rgba(var(--c-ink), .72);width:56px;height:56px;color:var(--cyan);cursor:pointer;box-shadow:0 0 44px -8px rgba(var(--c-cyan), .6);border-radius:50%;margin:-28px 0 0 -28px;font-size:20px;transition:opacity .3s;position:absolute;top:70%;left:50%}.pbig span{margin-left:4px}.player-wrap.started .pbig{opacity:0;pointer-events:none}.pbar{align-items:center;gap:12px;display:flex}.pbar .btn{justify-content:center;min-width:84px;padding:7px 14px}.pbar .psound,.pbar .pfull{gap:6px;min-width:0;padding:7px 12px;font-size:14px}.pfull[aria-pressed=true] .enter,.pfull[aria-pressed=false] .exit{display:none}.psound svg,.pfull svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.psound .spk{fill:currentColor}.psound[aria-pressed=true]{color:var(--cyan);border-color:var(--cyan)}.psound[aria-pressed=true] .mute,.psound[aria-pressed=false] .wave{display:none}.segs{flex:1;gap:4px;min-width:0;display:flex}.segs button{cursor:pointer;background:0 0;border:0;flex:1;height:22px;padding:0;position:relative}.segs button:before,.segs button i{content:"";border-radius:3px;height:6px;position:absolute;top:8px;left:0;right:0}.segs button:before{background:var(--line)}.segs button i{background:var(--cyan);transform-origin:0;transform:scaleX(0)}.segs button.done i{transform:scaleX(1)}.segs button.here i{opacity:.45;transform:scaleX(1)}.segs button.cur i{animation:player-fill var(--d,4s) linear forwards}.segs button.cur.paused i{animation-play-state:paused}@keyframes player-fill{to{transform:scaleX(1)}}.pno{font:600 13px/1 var(--f-num);color:var(--mist);text-align:right;min-width:42px}.scene-text summary{cursor:pointer;color:var(--mist);font-size:14px}.scene-text ol{color:var(--soft);margin:10px 0 0;padding-left:22px}.scene-text small{color:var(--dim);font-family:var(--f-mono);margin-left:6px}.player-wrap.is-full{--fw:min(100%, calc((100dvh - 96px) * 16 / 9));background:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex}.player-wrap.is-full .player,.player-wrap.is-full .pbar{width:var(--fw)}.player-wrap.is-full .pcap{font-size:clamp(16px,2.4vw,34px)}.player-wrap.is-full .scene-text{display:none}.player-wrap.pfull-on{z-index:1000;position:fixed;inset:0}html.pfull-lock,html.pfull-lock body{overflow:hidden}@media (width<=640px){.pbig,.psound span,.pno{display:none}}@media (prefers-reduced-motion:reduce){.pstage svg path{animation:none}.el{transition:opacity .2s;transform:none}}
