:root{--app-height: 100vh;--app-width: 100vw}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0;overflow:hidden;background:transparent;overscroll-behavior:none;-webkit-font-smoothing:antialiased;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}body{font-family:Lilita One,cursive;color:#fff}#root{height:100%;width:100%;display:flex;flex-direction:column}.app-shell{position:relative;width:100%;height:var(--app-height, 100vh);display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:0;background:transparent}.app-shell:after{content:none}.app-content{position:relative;z-index:1;flex:1;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.screen-card{width:100%;max-width:560px;max-height:var(--app-height, 100vh);height:100%;border-radius:clamp(18px,3vh,32px);box-shadow:0 20px 40px #ff79c64d;overflow:hidden}.game-screen{position:relative;width:100%;max-width:620px;height:100%;border-radius:clamp(22px,3vh,36px);padding:clamp(12px,2vh,24px);background:linear-gradient(145deg,#ffc0efd9,#b6d1ffe6);box-shadow:0 25px 60px #8d52ad4d;overflow:hidden}.game-surface{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;gap:clamp(8px,1.8vh,16px)}.game-board-region{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:clamp(4px,1vh,12px)}.game-board-surface{position:relative;width:min(100%,520px);max-width:100%;height:min(100%,520px);max-height:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.no-pointer{pointer-events:none}@media (orientation: landscape) and (max-height: 520px){.game-screen{max-width:none;border-radius:0}.game-board-surface{width:min(70vh,420px);height:min(70vh,420px)}}@keyframes swipe-hand{0%{transform:translate(0) scale(1);opacity:0}15%{transform:translate(0) scale(1);opacity:1}25%{transform:translate(0) scale(.9)}65%{transform:translate(var(--dx),var(--dy)) scale(.9);opacity:1}85%{transform:translate(var(--dx),var(--dy)) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(1);opacity:0}}.animate-swipe-hand{animation:swipe-hand 2s ease-in-out infinite;z-index:50;pointer-events:none}
