*{margin:0;padding:0;box-sizing:border-box}body{margin:0;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}canvas{width:100vw;height:100vh;height:100dvh;display:block;touch-action:none}html,body{overflow:hidden;overscroll-behavior:none}.rotate-hint{display:none}.toast-anim{animation:toastFade 5.8s forwards}@keyframes toastFade{0%{opacity:0;transform:translateY(-6px)}5%{opacity:1;transform:translateY(0)}86%{opacity:1}to{opacity:0}}@media(orientation:portrait){.rotate-hint{display:block;position:fixed;top:14px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:6px;background:#0a0e1a8c;border:1px solid rgba(255,255,255,.15);color:#ffffffd9;font-family:Arial,sans-serif;font-size:12px;z-index:1001;pointer-events:none}}