@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--font-title: "Fredoka", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation}html,body{width:100%;height:100%;height:100dvh;margin:0;padding:0;overflow:hidden;background:#000;font-family:var(--font-body)}#game-container{width:100%;height:100%;height:100dvh;overflow:hidden;margin:0;padding:0;position:relative;background:#000}#game-container canvas{display:block;margin:0 auto}#orientation-notice{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172af5;z-index:9999;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;padding:24px}#orientation-notice .rotate-icon{font-size:54px;margin-bottom:16px;animation:pulseRotate 2s infinite ease-in-out}#orientation-notice h2{font-size:24px;font-weight:700;margin-bottom:8px;color:#38bdf8;font-family:var(--font-title)}#orientation-notice p{font-size:16px;color:#cbd5e1;max-width:320px;line-height:1.5}@keyframes pulseRotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(90deg) scale(1.1)}}@media screen and (orientation:landscape)and (max-height:720px){#orientation-notice{display:flex}}
