/* gameLayout.css */

/* Safari-Killer: Verhindert Double-Tap-to-Zoom auf allen Spielelementen */
#dock, .block, #grid, .cell, #dock button.block, #dock button, #fullscreen-btn, #settings-btn, #reroll-btn, #hammer-btn {
    touch-action: manipulation !important;
}

#game-container {
    display: none; 
    flex-direction: column; 
    align-items: center; 
    justify-content: flex-start; /* Richtet alles starr nach oben aus */
    flex: 1;        
    width: 100vw; 
    height: 100svh; /* Zwingt den Container auf die exakte mobile Bildschirmhöhe */
    padding-bottom: env(safe-area-inset-bottom, 10px);
    overflow: hidden;
}

/* Ingame-Menüleisten ganz oben */
.control-row {
    top: calc(env(safe-area-inset-top, 0px) + 15px);
    display: flex !important; 
    flex-direction: row; 
    justify-content: space-between; 
    align-items: center;
    width: 100%; 
    max-width: 480px; 
    margin: 8px auto; 
    padding: 0 10px; 
    box-sizing: border-box;
    flex-shrink: 0; /* Verhindert das Stauchen auf Android */
}

.control-block { 
    display: flex; 
    flex-direction: row; 
    gap: 8px; 
    align-items: center;
}

.control-row .control-block .menu-btn {
    width: 44px; 
    height: 44px; 
    font-size: 16px; 
    padding: 0; 
    margin: 0;
    display: flex; 
    justify-content: center; 
    align-items: center; 
    cursor: pointer;
}

.control-row .control-block .menu-btn svg { 
    display: block; 
    width: 28px !important; 
    height: 28px !important; 
    max-width: 28px !important; 
    max-height: 28px !important; 
    flex-shrink: 0; 
}

/* Dynamische Strich-Aussparung für das Mute-Inline-SVG */
.control-row .control-block .menu-btn svg line[stroke="#121214"] { 
    stroke: var(--current-bg) !important; 
}