*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:#1e1e1e;
    color:white;
    font-family:sans-serif;
    touch-action:manipulation;
    overscroll-behavior:none;
}

img{
    user-select:none;
    -webkit-user-drag:none;
}

#game{
    display:flex;
    width:100vw;
    height:100dvh;
}

/* 左 */
#left{
     width:60%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    overflow:hidden;

    background-image:url("images/bg.png");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
}

/* 右 */
#right{
    width:40%;
    background:#2b2b2b;
    border-left:4px solid #444;
    padding:20px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}

#cookieCount{
    font-size:42px;
    margin-bottom:10px;
    font-weight:bold;
}

#cps{
    font-size:22px;
    color:#ccc;
    margin-bottom:30px;
}

#cookie{
    width:260px;
    cursor:pointer;
    transition:transform 0.08s;
    touch-action:manipulation;
    -webkit-tap-highlight-color: transparent;
}

/* ショップ */
.shopItem{
    background:#3a3a3a;
    margin-bottom:15px;
    padding:15px;
    border-radius:12px;
    cursor:pointer;
    transition:0.15s;
}

.shopItem.disabled{
    opacity:0.5;
    filter:grayscale(1);
}

.shopItem:hover{
    background:#4b4b4b;
}

.shopTitle{
    font-size:22px;
    margin-bottom:5px;
}

.shopInfo{
    color:#bbb;
}

.shopContent{
    display:flex;
    align-items:center;
    gap:15px;
}

.shopImage{
    width:64px;
    height:64px;
    object-fit:contain;
}

/* 飛び数字 */
.floating{
    position:absolute;
    color:gold;
    font-size:30px;
    pointer-events:none;
    animation:floatUp 1s forwards;
    font-weight:bold;
    z-index:999;
}

@keyframes floatUp{

    0%{
        opacity:1;
        transform:translateY(0px) scale(1);
    }

    100%{
        opacity:0;
        transform:translateY(-120px) scale(1.4);
    }
}

/* スマホ */
@media(max-width:800px){

    #game{
        flex-direction:column;
    }

    #left{
        width:100%;
        height:55dvh;
    }

    #right{
        width:100%;
        height:45dvh;
        overflow-y:auto;
    }

    #cookie{
        width:180px;
    }

    #cookieCount{
        font-size:32px;
    }
}