@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body,#app{overscroll-behavior:none;background:#000;width:100%;height:100%;overflow:hidden}canvas{display:block}#intro-overlay{z-index:9;background:#000;transition:transform 1.1s cubic-bezier(.76,0,.24,1);position:fixed;inset:0;transform:translateY(0)}#intro-overlay.revealed{transform:translateY(100%)}#text-overlay{z-index:8;pointer-events:none;color:#fff;text-shadow:0 2px 14px #000000d9,0 0 4px #0009;font-family:Cinzel,serif;position:fixed;inset:0}.text-caption{text-align:center;--tx:0px;--ty:0px;width:90vw;max-width:480px;transform:translate(calc(-50% + var(--tx)), calc(-50% + var(--ty)));flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;top:50%;left:50%}.caption-group{opacity:0;flex-direction:column;align-items:center;transition:opacity 1.1s cubic-bezier(.76,0,.24,1),transform 1.1s cubic-bezier(.76,0,.24,1);display:flex;transform:translateY(28px)}.caption-group.visible{opacity:1;transform:translateY(0)}.caption-group .line{font-weight:700;line-height:1.25}.caption-group .line.title{font-size:clamp(28px,8vw,40px)}.caption-group .line.display{margin:4px 0;font-size:clamp(40px,12vw,64px);font-weight:900}.caption-group .line.subtitle{letter-spacing:.04em;opacity:.85;margin-top:12px;font-size:clamp(14px,4vw,18px);font-weight:400}#debug-panel{z-index:10;color:#9f9;white-space:pre-wrap;background:#0009;border-radius:4px;max-width:90vw;padding:8px 10px;font:12px/1.4 monospace;position:fixed;top:8px;left:8px}