:root{color-scheme:dark;--ink:#0b1017;--muted:#78868e;--white:#dae7e6;--mint:#97f4d9;--line:#27333a;--amber:#d4af7b}
*{box-sizing:border-box}html{background:var(--ink)}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#142029 0,#0b1017 62%);color:var(--white);font-family:Consolas,'Courier New',monospace;font-size:12px}.shell{width:min(1320px,94vw);margin:0 auto}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.masthead{height:100px;display:flex;align-items:center;justify-content:space-between}.wordmark{font:bold 27px/1 Arial,sans-serif;letter-spacing:-1.3px;text-decoration:none;color:#edf5ef}.wordmark span{color:var(--mint);margin-left:5px}.wordmark i{display:inline-block;font:10px Consolas,monospace;vertical-align:top;color:var(--amber);border:1px solid #4a4740;padding:4px 5px;margin-left:12px;letter-spacing:0}.masthead-right{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.5px;color:#95a6a9}.live-dot{width:5px;height:5px;background:var(--mint);box-shadow:0 0 9px #97f4d950;border-radius:50%}.edition{color:#566872;margin-left:10px}.game-wrap{border:1px solid var(--line);box-shadow:0 22px 90px #0005}.scene-heading{height:43px;display:flex;justify-content:space-between;align-items:center;padding:0 22px;background:#101920;font-size:10px;letter-spacing:2px}.scene-heading>span:first-child{color:#a4b6b7}.scene-location{color:var(--amber)}.scene-location b{font-weight:normal;color:#526970;letter-spacing:1px;margin-left:25px}.stage{position:relative;background:#111e2b;aspect-ratio:16/9;overflow:hidden}canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;outline:none}.scene-overlay{position:absolute;top:28px;left:30px;right:30px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 2px 6px #000}.scene-caption{color:#d8e7dfb0;font-family:Arial,sans-serif;font-size:17px;letter-spacing:7px}.scene-caption span{display:block;font:8px Consolas,monospace;letter-spacing:3px;color:#a1b6b497;margin-top:9px}.scene-index{text-align:right;font:20px Arial,sans-serif;color:#a8c8c299}.scene-index span{display:block;font:8px Consolas,monospace;letter-spacing:2px;margin-top:9px;color:#a1b6b497}.start-prompt{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);background:#0a171ae8;border:1px solid #7dd2c77a;border-radius:2px;box-shadow:0 6px 24px #0008;padding:13px 23px 11px;font-size:11px;letter-spacing:2px;white-space:nowrap;color:var(--mint)}.start-prompt small{display:block;font-size:7px;letter-spacing:1.5px;color:#7f9495;margin-top:7px}.prompt-dot{display:inline-block;width:5px;height:5px;margin:0 6px 2px 0;background:var(--mint)}.start-prompt[hidden]{display:none}.fullscreen{position:absolute;right:17px;bottom:15px;background:#102024a0;border:1px solid #677c754a;font-size:24px;width:34px;height:34px;line-height:24px;color:#a3bcb0}.cinema-border{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 70px #060e1770,inset 0 -1px #334450}.instrument-bar{min-height:68px;background:#101920;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 22px;border-top:1px solid #2d3e44}.readout{display:flex;align-items:center;gap:15px;min-width:250px;font-size:9px;letter-spacing:1px}.readout-label{color:#526872;font-size:8px}.readout strong{font-weight:normal;color:var(--mint);min-width:66px}.readout>span:last-child{color:#7d8c8e}.equipment{display:flex;gap:5px}.equipment button{background:transparent;border:1px solid transparent;color:#677c81;padding:9px 12px;font-size:9px;letter-spacing:.7px}.equipment button.selected{border-color:#4a7e7066;background:#172b2b;color:var(--mint)}kbd{font:9px Consolas,monospace;display:inline-flex;justify-content:center;align-items:center;min-width:25px;height:24px;border:1px solid #35444a;border-bottom:2px solid #35444a;border-radius:3px;color:#b7c6c6;background:#152128;padding:0 6px}.equipment kbd{border:0;background:none;height:auto;min-width:12px;font-size:9px;color:inherit;padding:0;margin-right:5px;opacity:.6}.demo{border:0;background:transparent;color:var(--amber);letter-spacing:1px;font-size:9px;white-space:nowrap;padding:10px 0 10px 8px}.demo-dot{display:inline-block;border:1px solid #9e8965;width:6px;height:6px;margin-right:7px;border-radius:50%}.demo[aria-pressed=true] .demo-dot{background:var(--amber);box-shadow:0 0 7px #d4af7b80}.below-stage{padding:40px 0 36px;display:flex;align-items:center;justify-content:space-between;gap:35px}.eyebrow{color:#82938f;letter-spacing:2.5px;font-size:8px;margin-bottom:14px}h1{font:normal 25px/1.3 Georgia,serif;letter-spacing:-.2px;margin:0;color:#d4deda}.intro p{color:#708389;font-size:10px;line-height:1.8;margin:13px 0 0}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:23px 35px;min-width:510px}.control>div{display:flex;align-items:center;gap:5px;min-height:26px}.control>span{display:block;color:#758890;font-size:9px;margin-top:8px}.or,.plus{font-size:10px;color:#4c6068;margin:0 3px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #23323a;min-height:58px;color:#536871;font-size:8px;letter-spacing:1px}.tiny-square{display:inline-block;background:#668d83;width:4px;height:4px;margin-right:9px;vertical-align:middle}footer button{border:0;background:none;color:#93a69f;font-size:8px;letter-spacing:1px;padding:12px}footer button span{margin-left:10px;color:var(--mint)}.pause-overlay{position:absolute;inset:0;background:#08121c95;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mint);letter-spacing:8px;font-size:22px}.pause-overlay[hidden]{display:none}.pause-overlay span{margin-top:18px;font-size:9px;letter-spacing:2px;color:#a4b5b3}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stage:fullscreen{height:100vh;aspect-ratio:auto;display:flex;align-items:center;justify-content:center;background:#070d13}.stage:fullscreen canvas{width:min(100vw,177.777vh);height:min(100vh,56.25vw)}
@media(min-width:1600px){.shell{width:1400px}}@media(max-width:950px){.masthead{height:76px}.masthead-right{font-size:8px;letter-spacing:1px}.edition{display:none}.instrument-bar{flex-wrap:wrap;padding:12px 15px;gap:8px}.readout{min-width:210px}.equipment button{padding:8px}.demo{margin-left:auto}.below-stage{gap:25px}.controls{min-width:420px;gap:20px}h1{font-size:22px}.scene-heading{padding:0 15px}.scene-location b{display:none}}@media(max-width:650px){.shell{width:96vw}.masthead{height:66px}.wordmark{font-size:22px}.masthead-right{font-size:7px}.wordmark i{display:none}.scene-heading{height:34px;font-size:8px;letter-spacing:1px}.scene-overlay{top:17px;left:17px;right:17px}.scene-caption{font-size:11px;letter-spacing:4px}.scene-caption span{font-size:6px;letter-spacing:1px;margin-top:5px}.scene-index{font-size:14px}.scene-index span{font-size:6px;letter-spacing:1px}.start-prompt{bottom:15px;padding:10px 14px;font-size:8px;letter-spacing:1px}.start-prompt small{font-size:6px}.fullscreen{width:26px;height:26px;font-size:18px;right:8px;bottom:8px}.readout{width:100%;min-width:0}.equipment button{font-size:8px;padding:8px 6px}.demo{font-size:7px}.below-stage{flex-direction:column;align-items:flex-start;padding:27px 8px;gap:25px}.controls{min-width:0;width:100%;gap:19px 12px}h1 br{display:none}.intro p br{display:none}footer{font-size:6px;letter-spacing:.6px;padding:0 6px}.footer-build{display:none}}