.dafeijidiv{
    padding: 1rem 0;
    background: radial-gradient(circle at 20% 30%, #03050f, #000000);
}

.game-wrapper {
    position: relative;
    backdrop-filter: blur(3px);
    background: radial-gradient(circle at 20% 30%, #03050f, #000000);
    transition: all 0.2s;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.game-wrapper canvas {
    display: block;
    margin: 0 auto;
    border: 1px solid #2a4b6e;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(100,180,255,0.2);
}

.game-wrapper.fullscreen,
.game-wrapper.web-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    padding: 0;
    margin: 0;
    background: #010214;
    z-index: 9999;
    backdrop-filter: none;
}

.fullscreen-rotator {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    transition: transform 0.1s ease;
}

.fullscreen canvas,
.web-fullscreen canvas {
    box-shadow: none;
}
.pause-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: monospace;
    font-size: 24px;
    color: #fff;
    backdrop-filter: blur(4px);
    z-index: 100;
    pointer-events: none;
}

@media screen and (max-width: 420px){
    .dafeijidiv{
        padding: 0;
    }
    .game-wrapper canvas {
        width: 100% !important;
        aspect-ratio: auto 340 / 600;
    }
}