:root{color:#fff5dc;font-synthesis:none;background:#233e31;font-family:system-ui,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{touch-action:none;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#4f7656,#20392d)}#app{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#app canvas{touch-action:none;max-width:100%;max-height:100%;display:block;box-shadow:0 10px 45px #0a1c1359}#orientation-hint{z-index:10;top:max(12px, env(safe-area-inset-top));color:#24362d;text-align:center;pointer-events:none;background:#fff5dceb;border:2px solid #fff5dca6;border-radius:999px;width:max-content;max-width:90vw;padding:10px 18px;font-size:clamp(14px,3.8vw,20px);font-weight:700;display:none;position:fixed;left:50%;transform:translate(-50%)}@media (orientation:portrait){#orientation-hint{display:block}}@media (prefers-reduced-motion:reduce){#orientation-hint{scroll-behavior:auto}}