:root{color-scheme:light;--warm-ink: #5b4636;--card-bg: rgba(255, 248, 236, .82)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:ui-rounded,Hiragino Maru Gothic ProN,Quicksand,SF Pro Rounded,system-ui,sans-serif;background:#ffd9a8}#app,#app canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#title-card{position:fixed;left:50%;top:7%;transform:translate(-50%);text-align:center;padding:.9rem 1.7rem;background:var(--card-bg);border-radius:1.2rem;color:var(--warm-ink);box-shadow:0 6px 24px #5b46362e;opacity:1;transition:opacity 1s ease;pointer-events:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#title-card h1{font-size:1.35rem;letter-spacing:.04em;font-weight:700}#title-card p{font-size:.85rem;opacity:.75;margin-top:.25rem}#title-card.is-hidden{opacity:0}#fallback{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(#8ecae6,#ffd9a8);color:var(--warm-ink);padding:2rem;text-align:center}#fallback[hidden]{display:none}.fallback-inner{max-width:26rem;background:var(--card-bg);padding:2rem;border-radius:1.5rem}.fallback-inner h1{margin-bottom:.75rem}@media(prefers-reduced-motion:reduce){#title-card{transition:none}}