body{--bg:var(--lyfar-technology);--fg:var(--lyfar-ink);overflow:hidden}#stage{position:fixed;inset:0}.heading{position:absolute;top:18%;left:5%;pointer-events:none}.heading p{font-size:13px}.heading h1{font-size:clamp(80px,13vw,195px);line-height:.8;letter-spacing:-.08em;font-weight:500;margin-top:35px}.stats{position:absolute;right:5%;top:19%;display:flex;flex-direction:column;gap:10px;text-align:right;font-size:12px;pointer-events:none}.controls{border-top:1px solid #ffffff50;padding-top:18px}.controls button[aria-pressed=true]{color:var(--lyfar-purple);background:var(--lyfar-ink)}@media(max-width:600px){.heading{top:13%;left:20px}.heading h1{font-size:88px}.heading p{font-size:11px}.stats{top:15%;right:20px;font-size:10px}.controls .group:first-child{width:100%;justify-content:space-between}.controls .note{font-size:10px}.controls label{margin-left:auto}.controls button{padding:10px 12px}}body[data-mode="play"] .heading h1,body[data-mode="float"] .heading h1{font-size:52px;line-height:1;letter-spacing:-.05em;margin-top:18px}body[data-mode="play"] .heading h1 br,body[data-mode="float"] .heading h1 br{display:none}@media(max-width:600px){body[data-mode="play"] .heading h1,body[data-mode="float"] .heading h1{font-size:32px;max-width:210px;margin-top:14px}.controls .note{max-width:100%}}
body[data-mode="play"] .heading h1 br::after,body[data-mode="float"] .heading h1 br::after{content:' '}body[data-mode="play"] .heading h1,body[data-mode="float"] .heading h1{word-spacing:.08em}