/* Локальні шрифти Roboto для WebView */
@font-face {
    font-family: 'RobotoLocal';
    font-weight: 400;
    font-style: normal;
    src: url('./fonts/roboto/Roboto-Regular.ttf') format('truetype'),
         local('Roboto'), 
         local('Roboto-Regular'),
         local('Arial'), 
         local('Helvetica'), 
         local('DejaVu Sans'),
         local('Tahoma'),
         local('Segoe UI'),
         local('system-ui'),
         sans-serif;
    font-display: swap; /* Швидке відображення тексту */
    unicode-range: U+0000-FFFF; /* Підтримка всіх символів включно з кирилицею */
}

@font-face {
    font-family: 'RobotoLocal';
    font-weight: 700;
    font-style: normal;
    src: url('./fonts/roboto/Roboto-Bold.ttf') format('truetype'),
         local('Roboto Bold'), 
         local('Roboto-Bold'),
         local('Arial Bold'), 
         local('Helvetica Bold'), 
         local('DejaVu Sans Bold'),
         local('Tahoma Bold'),
         local('Segoe UI Bold'),
         local('system-ui'),
         sans-serif;
    font-display: swap;
    unicode-range: U+0000-FFFF;
}

@font-face {
    font-family: 'RobotoLocal';
    font-weight: 500;
    font-style: normal;
    src: url('./fonts/roboto/Roboto-Medium.ttf') format('truetype'),
         local('Roboto Medium'), 
         local('Roboto-Medium'),
         local('Arial'), 
         local('Helvetica'), 
         local('DejaVu Sans'),
         local('Tahoma'),
         local('Segoe UI'),
         local('system-ui'),
         sans-serif;
    font-display: swap;
    unicode-range: U+0000-FFFF;
}

html, body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    font-family: 'RobotoLocal', 'Roboto', 'Arial', 'Helvetica', 'DejaVu Sans', 'Tahoma', 'Segoe UI', system-ui, sans-serif;
/*    cursor: url('assets/cursor/ice-hand.png'), default;*/
}

#game-container {
    width: 100%;
    height: 100%;
}
.mobile {
    display: none;
}

#controls {
    bottom: 80px;
    left: 80px;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
}

#horizontal-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

button {
    width: 45px;
    height: 45px;
    font-size: 12px;
    background: rgb(68 202 255 / 70%);
    color: white;
    user-select: none; /* Вимкнення виділення тексту */
}

#up {
    position: absolute;
    top: -70px;
}

#down {
    position: absolute;
    bottom: -70px;
}

#left {
    position: absolute;
    left: -70px;
}

#right {
    position: absolute;
    right: -70px;
}

button:active {
    outline: none; /* Приберемо контур кнопки при натисканні */
}

/* Анимированный cursor grab */
@keyframes grabPulse {
    0% { cursor: grab; }
    50% { cursor: grabbing; }
    100% { cursor: grab; }
}

.animated-grab-cursor {
    cursor: grab;
    animation: grabPulse 0.8s ease-in-out infinite;
}