:root{--bg: #ffe9a6;--coral: #ff8f82;--mint: #8ee3c8;--lavender: #c6a8ff;--sky: #8ecae6;--ink: #3a2e2a}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;background:var(--bg);font-family:system-ui,-apple-system,SF Pro Rounded,Helvetica Rounded,sans-serif;color:var(--ink);overflow:hidden;overscroll-behavior:none;touch-action:manipulation}#app{width:100vw;height:100dvh;display:grid;place-items:center}#app canvas{display:block;max-width:100%;max-height:100%}.rotate-overlay{position:fixed;inset:0;background:var(--bg);display:none;place-items:center;z-index:9999}.rotate-inner{text-align:center;padding:2rem;animation:rotate-bounce 1.4s ease-in-out infinite}.rotate-icon{font-size:4rem;margin-bottom:1rem}.rotate-text{font-size:1.25rem;font-weight:800}@keyframes rotate-bounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-8deg)}}@media (orientation: landscape){.rotate-overlay{display:grid}#app{display:none}}