*{box-sizing:border-box}html,body,#app{margin:0;height:100%;overflow:hidden;background:#050508}#c{display:block;width:100%;height:100%}#hud{position:fixed;left:12px;bottom:12px;max-width:min(420px,90vw);padding:10px 14px;font:13px/1.45 system-ui,sans-serif;color:#ffffffe0;background:#0c0a148c;border:1px solid rgba(255,255,255,.12);border-radius:10px;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .4s ease}#hud.dim{opacity:.35}.intro-caption{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(22em,92vw);margin:0;text-align:center;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:clamp(1.05rem,3.2vw,1.75rem);font-weight:300;font-optical-sizing:auto;letter-spacing:.03em;line-height:1.45;color:#fffffff0;text-shadow:0 2px 28px rgba(0,0,0,.72);z-index:6;pointer-events:none;padding:.75rem 1rem}.intro-word{display:inline-block;opacity:0;transform:translateY(.35em);transition:opacity 1.1s ease-out,transform 1.1s ease-out}.intro-word.is-visible{opacity:1;transform:translateY(0)}.tap-pace-hint{position:fixed;top:clamp(4.5rem,14vh,8.5rem);left:50%;transform:translate(-50%);max-width:min(20em,88vw);margin:0;text-align:center;font-family:Fraunces,Georgia,Times New Roman,serif;font-size:clamp(.95rem,2.4vw,1.2rem);font-weight:300;font-optical-sizing:auto;font-style:italic;letter-spacing:.02em;line-height:1.4;color:#ffffffe0;text-shadow:0 1px 18px rgba(0,0,0,.55);opacity:0;transition:opacity .65s ease;z-index:7;pointer-events:none;padding:.5rem .85rem}.tap-pace-hint.is-visible{opacity:1}