*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#f8f5ed;color:#102b35;font-family:Arial,sans-serif}main{position:relative;width:100%;height:100%;max-width:56.25vh;margin:auto;overflow:hidden}canvas{width:100%;height:100%;display:block}#idle{position:absolute;inset:0;text-align:center;pointer-events:none;transition:opacity 2.8s}#idle>span{position:absolute;top:4.6%;left:0;right:0;font:clamp(9px,1.6vh,22px) monospace;letter-spacing:.18em;color:#b95e30}#idle i{position:absolute;width:2.2vh;height:2.2vh;border:1px solid;border-radius:50%;top:7%;left:calc(50% - 1.1vh);animation:breathe 7s infinite}h1{position:absolute;top:10%;width:100%;font-size:clamp(48px,9.1vh,160px);letter-spacing:-.055em;line-height:1;margin:0}footer{position:absolute;bottom:6%;width:100%;padding:0 7%}h2{font-weight:400;font-size:clamp(22px,3.2vh,60px);margin:0 0 1.6vh}footer p{font:clamp(9px,1.2vh,22px)/1.6 monospace}#phrase{position:absolute;bottom:8%;width:100%;text-align:center;font:1.2vh monospace;letter-spacing:.13em;transition:opacity 1.5s;padding:0 5%}#final{position:absolute;inset:5% 0;text-align:center;opacity:0;pointer-events:none;transition:opacity 3s}#final span,#session-id{font:1.3vh monospace;letter-spacing:.15em}#final h2{position:absolute;bottom:0;width:100%;font-size:2.5vh;line-height:1.5}#notice{position:absolute;bottom:1%;width:100%;padding:0 5%;font:11px/1.5 monospace;text-align:center}#demo-label{position:absolute;top:1%;width:100%;font:8px monospace;text-align:center;opacity:.6}#debug{position:fixed;right:12px;top:12px;max-height:95vh;overflow:auto;padding:16px;width:260px;background:#102b35ed;color:#fff;font:11px/1.5 monospace;z-index:20}#debug label{display:block}#debug input{width:100%}#debug button{margin:8px 4px 4px 0} @keyframes breathe{50%{opacity:.35;transform:scale(.85)}}