html, body {
    margin: 0;
    padding: 0;
    background: #010615;
    overflow: hidden;
    width: 100%;
    height: 100%;
    overscroll-behavior: none;
    touch-action: manipulation;
}

#limbogame {
    background: linear-gradient(180deg, #010615 0%, #11104b 72%, #05071d 100%);
    width: 100%;
    height: 100%;
    position: relative;
}

canvas {
    display: block;
}

/* DOM input overlays (bet amount / target multiplier) - see src/limbo-view/dom-input.js */
.limbo-dom-input {
    position: absolute;
    box-sizing: border-box;
    background: linear-gradient(180deg, rgba(8, 18, 52, 0.98), rgba(4, 9, 28, 0.98));
    border: 2px solid #426cff;
    border-radius: 10px;
    color: #ffe27a;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-weight: bold;
    text-align: center;
    outline: none;
    -moz-appearance: textfield;
    pointer-events: auto;
    z-index: 5;
    box-shadow: inset 0 0 18px rgba(40, 90, 255, 0.12), 0 0 10px rgba(65, 94, 255, 0.18);
}

.limbo-dom-input:focus {
    border-color: #ffd250;
    box-shadow: inset 0 0 18px rgba(40, 90, 255, 0.15), 0 0 14px rgba(255, 210, 80, 0.28);
}

@media (max-width: 699px) {
    .limbo-dom-input {
        border-radius: 12px;
    }
}

.limbo-dom-input::-webkit-outer-spin-button,
.limbo-dom-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}