.amv-map-viewer {
    max-width: 700px;
    margin: 30px auto;
    background: #f6f6f8;
    border-radius: 12px;
    padding: 24px 18px;
    box-shadow: 0 4px 28px #0001;
    position: relative;
}

.amv-mini-grid {
    border-collapse: collapse;
    margin: 0 auto;
}

.amv-mini-grid td {
    width: 72px;
    height: 72px;
    background: #eaeaea;
    border: 1px solid #bbb;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    transition: box-shadow 0.2s;
    position: relative;
}

.amv-grid-cell img.amv-block-thumb {
    width: 65px;
    height: 65px;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid #888;
    background: #fff;
}

.amv-current-block {
    outline: 2.5px solid #2c7cff;
    background: #def;
    z-index: 2;
}

.amv-block-empty {
    color: #999;
    font-size: 34px;
    font-weight: bold;
    line-height: 60px;
    letter-spacing: 4px;
    background: repeating-linear-gradient(135deg, #ededed, #ededed 10px, #f6f6f8 10px, #f6f6f8 20px);
    border-radius: 4px;
    border: 1px dashed #bbb;
    width: 58px;
    height: 58px;
    display: inline-block;
    margin: 6px auto 0 auto;
}

#amv-block-detail {
    position: fixed;
    top: 13%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 6px 32px #0002;
    padding: 32px 40px 24px 40px;
    z-index: 9999;
    min-width: 260px;
    text-align: center;
}

#amv-block-detail img {
    margin: 10px 0 8px 0;
    border-radius: 7px;
    background: #fcfcfc;
}

#amv-close-detail {
    margin-top: 14px;
}

@media (max-width: 520px) {
    .amv-map-viewer { max-width: 99vw; padding: 5vw 2vw;}
    .amv-mini-grid td { width: 18vw; height: 18vw;}
    #amv-block-detail { min-width:unset; width:93vw; padding:20px 4vw;}
}