*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;background:#000;color:#ff4057;overflow:hidden}
body{font-family:Arial,"Segoe UI",sans-serif}
main{position:relative;width:100%;height:100%;height:100svh;min-height:240px;isolation:isolate}
canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
h1{position:absolute;left:50%;top:50%;margin:0;white-space:nowrap;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;font-size:clamp(28px,5.5vw,74px);letter-spacing:-.055em;line-height:1.2;color:#ff3851;opacity:0;transform:translate(-50%,-50%);text-shadow:0 0 28px #ef164033;pointer-events:none;z-index:2;will-change:transform,opacity,filter}
h1 span{margin-left:.025em}
.controls{position:absolute;bottom:max(4%,calc(env(safe-area-inset-bottom) + 12px));left:0;right:0;display:flex;justify-content:center;align-items:center;gap:19px;z-index:3}
button{font:10px Arial,sans-serif;letter-spacing:.14em;background:transparent;color:#db3d52;border:0;padding:12px 10px;cursor:pointer;transition:color .2s}
button span{display:inline-block;font-size:15px;margin-left:9px;vertical-align:middle}
button:hover{color:#ff7183}button:focus-visible{outline:1px solid #ff4057;outline-offset:3px}
.divider{height:10px;width:1px;background:#862031}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.noscript{position:absolute;inset:40% 0;text-align:center;font:italic 40px Georgia;color:#ff3851}
@media(max-height:450px){.controls{bottom:1%}button{padding:8px 10px}}