:root{color-scheme:dark;background:#2f5e75}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}body{min-height:100dvh;background:#2f5e75;font-family:Inter,ui-rounded,Microsoft YaHei,sans-serif}#app{position:relative;height:100dvh}canvas{display:block;width:100%;height:100%;touch-action:none}.intro{position:absolute;left:clamp(1.25rem,4vw,4rem);bottom:clamp(1.5rem,8vh,5rem);color:#f4faf9;text-shadow:0 2px 24px #18394dcc;transition:opacity 1.2s ease,transform 1.2s ease;pointer-events:none}.intro--hidden{opacity:0;transform:translateY(1rem)}.intro .eyebrow{display:block;margin-bottom:.55rem;font-size:.66rem;letter-spacing:.18em;color:#d5edf2}.intro strong{display:block;font-size:clamp(2rem,5vw,4.8rem);line-height:1;font-weight:650;letter-spacing:.05em}.intro p{margin:.75rem 0 0;font-size:clamp(.85rem,1.4vw,1rem);letter-spacing:.08em}.status{position:absolute;right:1rem;bottom:1rem;padding:.45rem .7rem;border-radius:999px;color:#e8f5f5;background:#27495ba8;font-size:.75rem;backdrop-filter:blur(8px)}@media(prefers-reduced-motion:reduce){.intro{transition:none}canvas{filter:saturate(.88) contrast(.96)}}