*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;color-scheme:dark}body{font-family:Georgia,serif;color:#e9dabc;background:#120f0b;overflow:hidden}body::before{content:'';position:fixed;inset:-45px;background:url('assets/proscenium-design-v1.png') center/cover;filter:blur(35px) brightness(.15);z-index:-1}a{color:inherit;text-decoration:none}button{font:11px/1.4 system-ui,sans-serif;color:#d6c8ab;background:#15120ed9;border:1px solid #a68a5266;border-radius:2px;padding:10px 15px;cursor:pointer;min-height:40px}a:focus-visible,button:focus-visible{outline:2px solid #f0cc85;outline-offset:4px}.skip{position:fixed;left:-100vw;top:10px;padding:10px;background:#ead8b0;color:#322817;z-index:10}.skip:focus{left:10px}.screen-stage{position:fixed;inset:0;z-index:0}.screen-stage canvas{display:block;width:100%;height:100%;object-fit:contain}.screen-nav{position:fixed;top:0;left:0;right:0;padding:14px 24px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:2;background:linear-gradient(#080604c4,transparent);transition:opacity .25s}.screen-nav>a{font:11px system-ui,sans-serif;color:#c6b492;text-shadow:0 1px 4px #000}.screen-nav h1{margin:0;text-align:center;font-size:18px;font-weight:normal;letter-spacing:.04em;text-shadow:0 1px 6px #000}.screen-nav h1 small{display:block;font:7px/1.7 system-ui,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#aa936c}.screen-nav button{font-size:10px;padding:7px 10px;min-height:34px}.screen-transport{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:3;padding:10px 15px 8px;background:#110e0bdc;border:1px solid #b79a5a33;box-shadow:0 5px 30px #0006;max-width:calc(100% - 28px);transition:opacity .25s}.screen-transport>div{display:flex;gap:7px;justify-content:center;white-space:nowrap}.screen-transport button.primary{background:#c4a568;color:#251d12;border-color:#c4a568}.screen-transport button:hover{border-color:#e9cc8b}.screen-transport p{display:flex;align-items:center;justify-content:center;gap:8px;margin:7px 0 0;font:8px/1.5 system-ui,sans-serif;letter-spacing:.08em;color:#aa9774}.signal{width:4px;height:4px;border-radius:50%;background:#8c866e}.is-playing .signal{background:#d8a36c}.screen-transport #stage-cue{letter-spacing:0;color:#8b806a;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chrome-hidden .screen-nav,.chrome-hidden .screen-transport{opacity:0}.screen-nav:focus-within,.screen-transport:focus-within{opacity:1!important;pointer-events:auto!important}
@media(max-width:600px){.screen-nav{padding:12px 14px 30px;gap:10px}.screen-nav h1{font-size:15px}.screen-nav>a{font-size:10px}.screen-nav button{font-size:9px;padding:6px}.screen-transport{bottom:18px;padding:9px 10px}.screen-transport button{padding:10px 9px;font-size:10px;min-height:44px}.screen-transport p{font-size:7px;gap:6px}.screen-transport #stage-cue{max-width:130px}}
@media(prefers-reduced-motion:reduce){.screen-nav,.screen-transport{transition:none}}

.chrome-hidden .screen-nav:hover,.chrome-hidden .screen-transport:hover{opacity:1}