* { margin: 0; padding: 0;  }
        
        #game-container {
            width: 100vw;
            height: 100vh;
            background: url('https://ladotoys-1300498503.cos.ap-shanghai.myqcloud.com/game/images/member.jpg') center no-repeat;
            background-size: auto 100%;
            position: relative;
            overflow: hidden;
            background-color:rgba(23,3,2,1)
        }

        .element  {
            position: absolute;
            height: 100%;
            left: 50%;
            z-index: 100;
            transform: translate(-50%);
        }

        .visible {
            display: block;
        }

        .hidden {
            display: none;
        }

        .select{
            transform: translate(-46.5%) scale(1.1);
        }

        .big {
            animation: big 0.5s;
            transform-origin: center center;
        }

        .normal {
            animation: small 0.5s;
            transform-origin: center center;
        }

        .collision-effect {
            animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
        }

        #mobile-alert {
            display: none;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background: rgba(0,0,0,0.8);
            color: white;
            padding: 20px;
            border-radius: 10px;
            text-align: center;
        }

        #tip {
            position: absolute;
            height: 5%;
            left: 50%;
            top: 93%;
        }

        @keyframes shake {
            10%, 90% { transform: translate(-51%, -2px); }
            20%, 80% { transform: translate(-49%, 2px); }
            30%, 50%, 70% { transform: translate(-52%, -4px); }
            40%, 60% { transform: translate(-48%, 4px); }
        }

        @keyframes big {
            0% { transform: translate(-50%) scale(1); }
            100% { transform: translate(-46.5%) scale(1.1); }
        }

        @keyframes small {            
            0% { transform: translate(-46.5%) scale(1.1); }
            100% { transform: translate(-50%) scale(1); }
        }

        .visible{
            display: none;
        }