*{box-sizing:border-box}html,body{margin:0;background:#171510;color:#f4e7cb;font-family:Arial,sans-serif}main{height:100svh;min-height:600px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 58% 44%,#443421 0,#262017 35%,#171510 73%)}header{position:absolute;z-index:3;top:28px;left:34px;right:34px;display:flex;justify-content:space-between;align-items:center}header a{font:italic 15px Georgia;color:#d9c9ab;text-decoration:none}header span,.eyebrow,aside{font-size:9px;letter-spacing:.23em;color:#b6a58b}#stage{position:absolute;inset:0}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas:active{cursor:grabbing}#failure{position:absolute;top:40%;left:30%;max-width:400px;line-height:1.7}.intro{position:absolute;left:7%;top:33%;pointer-events:none;max-width:280px}.intro h1{font:normal clamp(32px,4vw,58px)/1.1 Georgia;margin:18px 0}.intro>p:last-child{font:16px/1.8 Georgia;color:#c4b498}.study-note{position:absolute;right:4%;bottom:150px;font-size:10px;line-height:2;color:#b5a58b;text-align:right;pointer-events:none}.study-note span{margin:0 7px}.study-note small{font-size:10px;opacity:.7}.controls{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);text-align:center;white-space:nowrap}.buttons{display:flex;align-items:center;gap:22px}button{font:12px Arial;color:#e8d9bb;border:0;background:none;padding:13px 5px;cursor:pointer}button:hover{color:#fff7e7}button:focus-visible,a:focus-visible{outline:1px solid #e7c78b;outline-offset:6px}#candles{border-bottom:1px solid #aa8154}#candles span{margin-left:25px}#sound,#reset{color:#b7a78c;font-size:11px}#status{font:italic 13px Georgia;color:#ab987b;margin:17px 0 0}aside{position:absolute;left:34px;bottom:36px;font-size:8px;writing-mode:vertical-rl;transform:rotate(180deg)}@media(max-width:800px){header{left:20px;right:20px;top:20px}header span{font-size:7px}.intro{left:22px;top:75px}.intro .eyebrow{font-size:7px}.intro h1{font-size:30px;margin:9px 0}.intro>p:last-child{display:none}.study-note{right:20px;bottom:138px;font-size:8px}.study-note small{font-size:8px}.controls{bottom:30px}.buttons{gap:18px}aside{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

html[data-embed=true],html[data-embed=true] body,html[data-embed=true] main{background:transparent;min-height:0;height:100%;overflow:hidden}html[data-embed=true] header,html[data-embed=true] .intro,html[data-embed=true] .study-note,html[data-embed=true] .controls,html[data-embed=true] aside{display:none}html[data-embed=true] #failure{left:10%;top:35%;font-size:12px}