:root{color:#17304f;background:#8fdcff;font-family:Nunito,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}html.paimon-immersive,html.paimon-immersive body,#app.paimon-immersive{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;overflow:hidden;background:#8fdcff}html.paimon-immersive body{position:fixed;inset:0}@supports (-webkit-touch-callout: none){html,body,#app{height:-webkit-fill-available}}@supports (height: 100dvh){html,body,#app{height:100dvh}}body{min-width:320px;touch-action:none}#app{position:relative;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#game{width:100%;height:100%}#ui{position:fixed;inset:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);z-index:90;pointer-events:none}canvas{display:block;outline:none;touch-action:none}#orientation-hint{display:none;position:fixed;inset:0;z-index:2000;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#17304f;color:#fff;text-align:center;padding:0 40px}#orientation-hint p{margin:0;font-size:20px;font-weight:700}#orientation-hint-icon{font-size:56px;animation:orientation-hint-rotate 1.6s ease-in-out infinite}@keyframes orientation-hint-rotate{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}@media(pointer:coarse)and (orientation:portrait){#orientation-hint{display:flex}}