*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;touch-action:none;width:100%;height:100%;position:fixed;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px)}#app{width:100%;height:100%;position:relative}canvas{display:block;transform-origin:top left;transform:scale(calc(1 / var(--device-pixel-ratio, 1)))}*{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}*{-webkit-tap-highlight-color:transparent}#initial-loader{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#ffe4f3,#e8d4f8);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity .3s ease-out}#initial-loader.hidden{opacity:0;pointer-events:none}#initial-loader .spinner{width:50px;height:50px;border:4px solid rgba(107,58,107,.2);border-top-color:#ff6b9d;border-radius:50%;animation:spin .8s linear infinite}#initial-loader .loader-text{margin-top:16px;color:#6b3a6b;font-size:18px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}#orientation-warning{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#ffe4f3,#e8d4f8);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:opacity .3s ease-out}#orientation-warning.hiding{opacity:0;pointer-events:none}#orientation-warning .orientation-icon{color:#ff6b9d;margin-bottom:24px;animation:float 2s ease-in-out infinite}#orientation-warning .orientation-title{font-size:clamp(24px,6vw,32px);font-weight:700;color:#6b3a6b;margin-bottom:12px;text-align:center}#orientation-warning .orientation-subtitle{font-size:clamp(14px,4vw,18px);color:#9b6b9b;text-align:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}