:root{color-scheme:dark;font-family:Inter,Noto Sans TC,system-ui,sans-serif;background:#02030b}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{background:radial-gradient(circle at 50% 30%,#12194a 0,#050718 48%,#02030b);touch-action:none;-webkit-user-select:none;user-select:none}#app{display:grid;place-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}canvas{display:block;max-width:100%;max-height:100%;box-shadow:0 0 45px #12e1ff33;touch-action:none}#rotate-hint{display:none;position:fixed;z-index:10;left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);padding:8px 14px;border:1px solid #19ddff88;border-radius:999px;background:#050718d9;color:#c9f8ff;font-size:13px;pointer-events:none}@media(orientation:landscape)and (pointer:coarse){#rotate-hint{display:block}}