.scene-frame{overflow:hidden;border:1px solid #466174;border-radius:14px;background:#081621;box-shadow:0 18px 55px #0007,0 1px #8cdcd322 inset}.scene4{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:4/3;min-height:340px;background:#071927}#chamber-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}#chamber-canvas:active{cursor:grabbing}.scene4:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#01091333 0%,transparent 28%,transparent 68%,#030a12aa 100%);box-shadow:inset 0 0 80px #0008}.scene4-top,.scene4-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 18px;background:#14243b;color:#d6e7ed;font:700 10px/1.5 monospace;letter-spacing:1.3px}.scene4-top{border-bottom:1px solid #82d5de33}.scene4-bottom{border-top:1px solid #82d5de33;letter-spacing:.8px}.scene4-live{white-space:nowrap;color:#a1e8d1}.scene4-live i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#78f4a3;box-shadow:0 0 9px #78f4a3;vertical-align:middle}#scene-state{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}#camera-state{white-space:nowrap;color:#8fb4c3;font-size:9px}.camera-controls{position:absolute;z-index:3;top:13px;right:13px;display:flex;gap:3px;padding:4px;border:1px solid #bedce066;border-radius:9px;background:#0a1a26da;box-shadow:0 9px 28px #0008;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.camera-controls button{border:0;border-radius:5px;padding:7px 9px;background:transparent;color:#bdd0d6;font:800 9px/1.2 monospace;letter-spacing:.6px;cursor:pointer;transition:background .2s,color .2s,transform .2s}.camera-controls button:hover{background:#c7f6e326;color:#fff}.camera-controls button:focus-visible{outline:2px solid #bdf5d9;outline-offset:2px}.camera-controls button[aria-pressed=true]{background:#a9e7ce;color:#0c2a2b;box-shadow:0 2px 9px #a9e7ce55}.camera-help{position:absolute;z-index:3;bottom:16px;left:16px;color:#d2e7e8;font:700 9px/1.3 monospace;letter-spacing:.7px;text-shadow:0 2px 8px #000;background:#08162299;border:1px solid #b4d8da44;border-radius:5px;padding:5px 7px;pointer-events:none}.camera-help b{color:#76d7bb}.hp-panel{position:absolute;z-index:3;min-width:136px;padding:9px 11px;border:1px solid #afd4d777;border-radius:8px;background:linear-gradient(135deg,#f4f5e9f5,#d6e6ddeb);color:#173036;box-shadow:0 5px #0c1d24,0 12px 28px #0009;transform:skew(-5deg)}.hp-panel>*{transform:skew(5deg)}.hp-opponent{top:14px;left:14px}.hp-player{right:14px;bottom:14px}.hp-name{display:block;margin-bottom:6px;color:#173036;font:900 12px/1.2 Trebuchet MS,sans-serif;letter-spacing:.25px;text-transform:uppercase}.hp-bar{overflow:hidden;width:128px;height:8px;border:1px solid #758e89;border-radius:5px;background:#8ca19a}.hp-fill{width:100%;height:100%;background:#5cd67a;transition:width .55s ease,background .55s ease;box-shadow:0 0 5px #fff8 inset}.message-caption{position:relative;margin:12px 0 0;min-height:1.5em;padding:14px 17px;border:2px solid #d1be8c;border-radius:9px;background:linear-gradient(135deg,#fcf8e9,#ebe6d3);color:#2c291f;box-shadow:0 4px #aa9873,0 9px 18px #0004;font:700 14px/1.5 Trebuchet MS,sans-serif}@media(max-width:1100px){.scene4{aspect-ratio:5/4}}@media(max-width:780px){.scene4{aspect-ratio:1/1;min-height:320px}.scene4-top,.scene4-bottom{padding:10px 12px;font-size:8px}.scene4-bottom{gap:7px}#camera-state{font-size:8px}.camera-controls{top:10px;right:9px;padding:3px}.camera-controls button{font-size:8px;padding:6px}.camera-help{bottom:11px;left:10px;font-size:8px}.hp-panel{min-width:96px;padding:6px 8px}.hp-opponent{top:10px;left:10px}.hp-player{right:10px;bottom:10px}.hp-name{font-size:10px}.hp-bar{width:91px;height:6px}.message-caption{font-size:12px}}@media(max-width:400px){.camera-controls button{padding:6px 4px;letter-spacing:0}.hp-panel{min-width:90px}.hp-bar{width:84px}.camera-help{font-size:7px}}@media(prefers-reduced-motion:reduce){.camera-controls button,.hp-fill{transition:none}}