:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#e8ddc7;background:#100e19}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;width:100%}body{height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#3a2c3f 0,#191520 42%,#0b0c12 100%)}
#stage,.vignette{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.vignette{background:radial-gradient(ellipse at 50% 46%,transparent 30%,#09081270 100%)}
header{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px 38px;gap:20px;z-index:2}
.wordmark{display:flex;align-items:center;gap:13px;font-size:11px;letter-spacing:.24em;font-weight:600;color:#d0bfaa}.wordmark svg{width:27px;height:32px;stroke:#c8b091;stroke-width:1;fill:none}
.status{display:flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.19em;color:#a899a8}.status>span{width:5px;height:5px;border-radius:50%;background:#d2a267;box-shadow:0 0 12px #b47c4540}
main{height:100%;display:grid;place-items:center;padding:28px}
.fallback-sign{position:relative;text-align:center;background:#e9ddc4;color:#38263a;padding:40px 52px 35px;transform:rotate(-1.5deg);border:9px solid #523748;outline:1px solid #b79467;box-shadow:0 20px 60px #0005;max-width:100%}.fallback-sign:before{content:'';position:absolute;inset:8px;border:1px solid #927a5a;pointer-events:none}
.eyebrow{font-size:9px;letter-spacing:.24em;margin:0 0 24px}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,7vw,82px);line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:normal}.sign-note{font-size:11px;letter-spacing:.04em;margin:26px 0 0}
.scene-ready .fallback-sign{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;outline:0}
footer{position:fixed;bottom:27px;left:28px;right:28px;text-align:center;z-index:2}footer p{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:14px;letter-spacing:.015em;color:#c2b1bc;margin:0 0 14px;text-shadow:0 2px 8px #000}
button{font:9px Arial,sans-serif;letter-spacing:.09em;color:#c2b1bc;background:#14121dcc;border:1px solid #92849b38;padding:9px 12px;border-radius:20px;cursor:pointer}button:hover{background:#302539;color:#f4e3c8}button:focus-visible{outline:2px solid #e5c17c;outline-offset:4px}button span{margin-right:5px}button[hidden]{display:none}
@media(max-width:600px){header{padding:23px 22px}.wordmark{font-size:9px;gap:8px;letter-spacing:.18em}.wordmark svg{width:23px}.status{font-size:7px;letter-spacing:.1em;gap:6px}footer{bottom:23px;left:16px;right:16px}footer p{font-size:12px}.fallback-sign{padding:32px 28px}}
@media(max-height:480px){header{padding:12px 24px}footer{bottom:12px}footer p{margin-bottom:6px}.wordmark svg{height:24px}.fallback-sign{padding:20px 36px}h1{font-size:48px}.eyebrow{margin-bottom:12px}.sign-note{margin-top:14px}}
.controls{display:flex;justify-content:center;gap:8px}button{font-size:12px;min-height:36px}.dialogue{position:fixed;z-index:5;left:50%;bottom:145px;transform:translateX(-50%);margin:0;padding:15px 22px;max-width:calc(100% - 32px);width:max-content;background:#181821ed;border:1px solid #c4ac7c99;border-radius:8px;font:italic 21px Georgia,serif;line-height:1.4;color:#f8e3ba;box-shadow:0 8px 30px #0008;text-align:center}#music-credit{display:block;margin-top:10px;color:#b8acb5;font-size:11px;text-decoration:none}#music-credit:hover{text-decoration:underline}#music-credit[hidden],.dialogue[hidden]{display:none}body.has-janitor #footer-note{opacity:.8}@media(max-width:600px){.dialogue{font-size:17px;bottom:160px}#music-credit{font-size:10px}footer{bottom:18px}}