:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#0b1712;color:#f3eedf}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}#canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}#loading{position:fixed;inset:0;display:grid;place-items:center;overflow:auto;padding:24px;background:radial-gradient(ellipse at top,#244238,#0b1712 70%)}.panel{width:min(520px,100%);padding:32px;border:1px solid #b88d4955;border-radius:20px;background:#14251ff0;text-align:center}.eyebrow{color:#d2b479;font-size:.72rem;letter-spacing:.12em}h1{font-family:Georgia,serif;font-size:clamp(2rem,6vw,3rem);font-weight:normal}p{line-height:1.6}button{font:inherit;cursor:pointer;border:0;border-radius:9px;padding:14px 40px;background:#d2ae6a;color:#14251f;font-weight:650;min-height:48px}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #f3eedf;outline-offset:4px}a{color:#d2b479}.note{font-size:.8rem;color:#bcc9bd;margin:26px 0 20px}progress{width:100%;height:14px;margin:20px 0 0;accent-color:#d2ae6a}[hidden]{display:none!important}#status{font-size:.9rem;color:#d9dfd5}body.playing #loading{display:none}@media(max-height:600px){.panel{padding:20px}h1{margin:.5em 0}.note{margin:16px 0}}

#portrait-hint{display:none;position:fixed;inset:0;z-index:10;align-items:center;justify-content:center;padding:24px;background:#0b1712}@media(max-width:600px) and (orientation:portrait){#portrait-hint{display:flex}}