.game-wrapper  .heart-container{
    /* flex-center */
    position: absolute;
    top: var(--gap-2);
    right: var(--gap-2);
    font-size: var(--fontsize-p);
    gap:5px;
}
.heart-container .heart-shape{
    color: #fe347e;   
    animation: heartHeartBeat 0.7s infinite; 
}
@keyframes heartHeartBeat {    
    50% {        
        transform: scale(1.1);        
    }
}
.game-alarm-wrapper{
    display: none;
    position: absolute;
    width: 300px;
    height: 300px;    
    left: 50%;
    top: 50%;   
    transform: translate(-50%, -50%);     
    pointer-events: none;  
}
.game-alarm-wrapper.show{
    display: flex;
}
.game-alarm-container{
    width: 100%;
    height: 100%;
    border-radius: var(--gap-3);
    box-shadow: 0 0 3px var(--box-shadow-1);
    background: var(#ffffff);
    transform-origin: center;    
}
.game-alarm-container.level-up{
    animation: alarmHeartBeart 0.5s infinite;
}
@keyframes alarmHeartBeart {
    50%{       
        transform: scale(1.1);
    }
}
.game-alarm-message{
    font-size: var(--fontsize-h1);
    font-weight: bold;
}
.word-select p.blank{
    border: none;
    box-shadow: none;
}
.word-select p.blank.answer,
.word-select p.blank.wrong
{
    background: none !important;
}

.type-item.selected,
.ability-item.selected
{
    background: var(--second-color);
    border-color: var(--second-color) !important;
}