:root{color:#f7f4eb;background:#050d1d;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;--ink: #050d1d;--paper: #f7f4eb;--red: #ff3d67;--cyan: #6fe1dc;--blue: #10284a}*{box-sizing:border-box}html{min-height:100%;background:var(--ink)}body{min-width:320px;min-height:100%;margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% -10%,#17385e 0,#050d1d 50%)}button{font:inherit}button:focus-visible,[role=button]:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}img{display:block;max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.live-demo{position:relative;width:min(100%,520px);min-height:100svh;margin:0 auto;padding:calc(12px + env(safe-area-inset-top)) 14px calc(12px + env(safe-area-inset-bottom));overflow:hidden;background:linear-gradient(180deg,#0f2746c7,#050d1df5);isolation:isolate}.live-demo:before{position:absolute;z-index:-1;inset:0;content:"";opacity:.14;pointer-events:none;background-image:radial-gradient(#fff .7px,transparent .7px);background-size:5px 5px}.topbar{display:flex;min-height:47px;align-items:center;justify-content:space-between;gap:12px}.topbar div{display:grid;gap:3px}.topbar b{font-size:16px;letter-spacing:.04em}.eyebrow{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.sound-toggle{width:auto;min-width:52px;min-height:38px;border:1px solid #506c8b;border-radius:999px;background:#050d1db3;color:#fff;font-size:12px;font-weight:800}.clock-row{display:flex;height:28px;align-items:center;gap:8px;color:#a8bad0;font-size:10px}.clock-row>b{min-width:38px;color:#fff;font-variant-numeric:tabular-nums}.clock-row>span:last-child{min-width:62px;text-align:right}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red);animation:live-pulse .8s ease-in-out infinite alternate}.time-track{height:3px;flex:1;overflow:hidden;background:#314762}.time-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--red));transition:width .2s linear}.director-note{display:grid;min-height:42px;margin:3px 0 8px;place-items:center;border:1px solid #2e4d70;background:#07152bdb;color:#eef8ff;font-size:13px;font-weight:800;text-align:center;letter-spacing:.03em}.comic-stage{--hazard: 0;position:relative;height:clamp(135px,19svh,174px);overflow:hidden;border:2px solid #dce8f0;background:linear-gradient(180deg,#050d1d26,#050d1de6),url(/assets/rehearsal-closeup.webp) center 48% / cover;box-shadow:7px 7px #6fe1dc8c;clip-path:polygon(0 0,100% 0,98% 94%,0 100%)}.comic-stage.crisis{animation:stage-jolt 1.1s ease-in-out infinite}.stage-zones{position:absolute;inset:auto 7px 8px;display:grid;grid-template-columns:repeat(3,1fr);color:#ffffff73;font-size:9px;font-weight:800;text-align:center}.stage-zones span{padding-top:14px;border-left:1px dashed rgba(255,255,255,.18)}.stage-avatar{position:absolute;z-index:3;bottom:26px;width:52px;height:64px;overflow:hidden;border:2px solid #fff;background:#12284a;transform:translate(-50%);transition:left .3s cubic-bezier(.2,.8,.2,1)}.stage-avatar img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.stage-avatar b{position:absolute;right:0;bottom:0;left:0;padding:3px;background:#030a17c7;font-size:8px;text-align:center}.wensheng-avatar{box-shadow:-4px 4px 0 var(--cyan)}.tangye-avatar{box-shadow:4px 4px 0 var(--red)}.rig-shadow{position:absolute;z-index:2;top:-24px;left:47%;width:16px;height:155px;transform:rotate(calc(-5deg + var(--hazard) * 17deg));transform-origin:50% 0;transition:transform .25s;filter:drop-shadow(0 0 8px rgba(255,61,103,.65))}.rig-shadow i{display:block;width:100%;height:100%;border:2px solid #ff748f;background:repeating-linear-gradient(0deg,transparent 0 15px,#ff748f 16px 18px)}.rig-shadow span{position:absolute;top:55%;left:19px;width:50px;color:#ff92a5;font-size:8px;font-weight:900}.danger-floor{position:absolute;right:35%;bottom:8px;left:35%;height:35px;border:2px solid var(--red);background:repeating-linear-gradient(135deg,rgba(255,61,103,.5) 0 8px,transparent 8px 16px);box-shadow:0 0 25px #ff3d6799}.danger-known .rig-shadow span{color:#fff;background:var(--red);padding:4px}.comic-grid{display:grid;height:clamp(284px,40svh,350px);margin-top:12px;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,2.15fr) minmax(72px,.85fr);gap:7px;transition:grid-template-columns .25s cubic-bezier(.2,.8,.2,1)}.comic-grid[data-focus=wensheng]{grid-template-columns:1.5fr .62fr}.comic-grid[data-focus=tangye]{grid-template-columns:.62fr 1.5fr}.performer-panel,.monitor-panel{position:relative;min-width:0;overflow:hidden;border:2px solid #dce8f0;background:#10284a;touch-action:none;cursor:grab;transition:border-color .2s,filter .2s,transform .2s}.performer-panel:active,.monitor-panel:active{cursor:grabbing}.performer-panel img,.monitor-panel img{width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),filter .2s}.performer-panel.wensheng img{object-position:50% 18%}.performer-panel.tangye img{object-position:52% 20%}.performer-panel.active{z-index:3;border-color:var(--cyan);box-shadow:0 0 0 2px #6fe1dc40,0 0 30px #6fe1dc3d}.performer-panel.active img{transform:scale(1.08) translateY(2%)}.comic-grid[data-focus=wensheng] .tangye:not(.active),.comic-grid[data-focus=tangye] .wensheng:not(.active){filter:brightness(.55) saturate(.65)}.panel-shade{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#030a17f2);pointer-events:none}.panel-number{position:absolute;top:7px;left:7px;padding:3px 6px;background:var(--paper);color:var(--ink);font-size:9px;font-weight:900}.character-copy{position:absolute;right:9px;bottom:26px;left:9px;display:grid;gap:1px;pointer-events:none}.character-copy b{font-size:clamp(18px,5vw,27px);line-height:1}.character-copy small{overflow:hidden;color:#c5d3e3;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ear-link{position:absolute;right:7px;bottom:6px;color:var(--cyan);font-size:9px;font-style:normal;font-weight:900}.active .ear-link{color:#fff}.active .ear-link:before{content:"● ";color:var(--red)}.breath{position:absolute;bottom:6px;left:8px;display:flex;height:15px;align-items:center;gap:2px}.breath i{width:2px;height:5px;background:var(--cyan);animation:breath 1.25s ease-in-out infinite alternate}.breath i:nth-child(2){height:12px;animation-delay:-.4s}.breath i:nth-child(3){height:8px;animation-delay:-.8s}.breath i:nth-child(4){height:14px;animation-delay:-.2s}.monitor-panel{grid-column:1 / -1}.monitor-panel img{object-position:50% 44%;filter:contrast(1.18) saturate(.7) brightness(.72)}.monitor-panel.active{border-color:var(--red);box-shadow:inset 0 0 30px #ff3d6747}.monitor-panel.active img{transform:scale(1.13);filter:contrast(1.25) saturate(1) brightness(.95)}.monitor-panel:after{position:absolute;inset:0;content:"";pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(4,12,28,.26) 3px 4px)}.rec{position:absolute;z-index:2;top:7px;left:8px;color:#ff708b;font-size:9px;font-weight:900}.monitor-panel>b{position:absolute;z-index:2;right:10px;bottom:9px;padding:4px 7px;background:#030a17db;font-size:10px}.monitor-scan{position:absolute;z-index:3;right:0;bottom:0;left:0;height:3px;background:#fff3}.monitor-scan i{display:block;width:0;height:100%;background:var(--red);box-shadow:0 0 12px var(--red)}.gesture-dock{position:fixed;z-index:20;right:12px;bottom:calc(18px + env(safe-area-inset-bottom));left:12px;display:grid;max-width:492px;height:70px;margin:auto;padding:7px;grid-template-columns:repeat(3,1fr);gap:6px;border:1px solid #66809f;background:#040c1cf0;opacity:0;pointer-events:none;transform:translateY(24px);transition:.18s}.gesture-dock.visible{opacity:1;transform:none}.gesture-dock span{display:grid;place-items:center;border:1px dashed #66809f;color:#9db0c6;font-size:11px;font-weight:900;transition:.15s}.gesture-dock span.hover{border-style:solid;border-color:var(--cyan);background:var(--cyan);color:var(--ink);transform:translateY(-5px)}.tether{position:fixed;z-index:19;height:4px;pointer-events:none;opacity:0;transform-origin:0 50%;transition:opacity .1s}.tether.visible{opacity:1}.tether:before{position:absolute;inset:-8px 0;content:"";background:linear-gradient(90deg,#ff3d6700,#ff3d6733);filter:blur(5px)}.tether i{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--red));box-shadow:0 0 10px var(--red)}.curtain-control{display:flex;height:53px;margin-top:8px;align-items:center;justify-content:space-between;opacity:.48;transition:opacity .3s}.curtain-control.available{opacity:1}.curtain-control div{display:grid;gap:2px}.curtain-control span{color:#ff899d;font-size:11px;font-weight:900;letter-spacing:.08em}.curtain-control small{color:#9eb0c4;font-size:10px}.curtain-handle{position:relative;width:52px;height:45px;border:1px solid #7b3346;border-radius:0;background:#1d0b18}.curtain-handle:before{position:absolute;top:5px;right:11px;left:11px;height:3px;content:"";background:#6f2940}.curtain-handle i{position:absolute;top:11px;left:50%;width:20px;height:20px;border-radius:50%;background:var(--red);box-shadow:0 0 13px var(--red);transform:translate(-50%) translateY(var(--pull, 0))}.first-touch{position:absolute;z-index:10;top:24%;left:50%;width:min(78%,330px);padding:18px 20px;border-left:6px solid var(--red);background:#040c1ceb;box-shadow:8px 8px #6fe1dca6;pointer-events:none;transform:translate(-50%,-50%) rotate(-1deg);transition:opacity .25s,transform .25s}.first-touch.hidden{opacity:0;transform:translate(-50%,-45%) scale(.94)}.first-touch span{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.18em}.first-touch b{display:block;margin:6px 0 9px;font-size:clamp(26px,8vw,38px);line-height:1.02}.first-touch small{color:#a9b9cb;font-size:11px}.result-screen{width:min(100%,560px);min-height:100svh;margin:auto;padding:0 15px calc(28px + env(safe-area-inset-bottom));background:#071329}.result-hero{position:relative;height:min(61svh,520px);margin:0 -15px;overflow:hidden}.result-hero img{width:100%;height:100%;object-fit:cover;object-position:center 32%}.result-hero:after{position:absolute;inset:25% 0 0;content:"";background:linear-gradient(transparent,#071329)}.result-hero div{position:absolute;z-index:2;right:24px;bottom:38px;left:24px}.result-hero span{display:inline-block;padding:5px 9px;background:var(--red);font-size:10px;font-weight:900;letter-spacing:.12em}.result-hero b{display:block;margin-top:10px;font-size:clamp(31px,9.5vw,51px);line-height:1.02;text-wrap:balance}.result-stamp{margin:-12px 7px 18px;padding:11px 13px;border:1px solid var(--cyan);color:var(--cyan);font-size:11px;font-weight:800;line-height:1.5;transform:rotate(-1deg)}.consequence-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.consequence-grid article{min-height:112px;padding:12px;border:1px solid #385371;background:#102746}.consequence-grid span{display:block;margin-bottom:9px;color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.14em}.consequence-grid b{font-size:14px;line-height:1.45}.memory-strip,.unknown-hook{margin-top:18px;padding:15px;border-left:5px solid var(--red);background:#0d213d}.memory-strip>span,.unknown-hook>span{color:#95a9bf;font-size:10px;font-weight:900;letter-spacing:.12em}.memory-strip div{display:grid;padding:10px 0;grid-template-columns:34px 1fr;border-bottom:1px solid #2c4664}.memory-strip i{color:var(--red);font-size:10px;font-style:normal;font-weight:900}.memory-strip p{margin:0;font-size:12px;line-height:1.45}.unknown-hook{border-color:var(--cyan)}.unknown-hook p{margin:11px 0;font-size:18px;font-weight:800}.unknown-hook b{color:var(--cyan);font-size:11px}.share-card,.restart{width:100%;min-height:56px;margin-top:14px;padding:13px 15px;border:0;background:var(--paper);color:var(--ink);text-align:left;box-shadow:6px 6px 0 var(--cyan)}.share-card b,.share-card small{display:block}.share-card b{font-size:17px}.share-card small{margin-top:3px;color:#435268;font-size:10px}.restart{min-height:46px;margin-top:12px;border:1px solid #4c6380;background:transparent;color:#b7c6d7;box-shadow:none;text-align:center}@keyframes breath{to{transform:scaleY(.35);opacity:.45}}@keyframes live-pulse{to{opacity:.35;transform:scale(.7)}}@keyframes stage-jolt{0%,92%,to{transform:none}94%{transform:translate(-2px)}97%{transform:translate(2px)}}@media(max-width:370px){.live-demo{padding-right:10px;padding-left:10px}.comic-grid{gap:5px}.character-copy{right:6px;left:6px}.curtain-control small{max-width:190px}}@media(min-height:900px){.comic-stage{height:185px}.comic-grid{height:380px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}