/* =========================================================
   AIRSPACE CONTROL 1.0.3
   Optional game-specific styles for AIE 1.1.4+
   ========================================================= */

.aie-airspace-control {
    background: #06111d;
    font-family: Arial, Helvetica, sans-serif;
    touch-action: none;
    outline: none;
}


/* Normal page mode is a true document-flow embed, not a 100vh viewport.
   The 5:3 surface shrinks when browser height is limited, so the complete game
   remains visible and content below starts after the game instead of under it. */
.aie-airspace-control.aie-root--inline {
    display: block;
    width: min(100%, 130svh);
    height: auto;
    min-height: 0;
    aspect-ratio: 5 / 3;
    margin-inline: auto;
    overflow: hidden;
}

.aie-airspace-control.aie-root--inline .aie-canvas {
    position: absolute;
    inset: 0;
}

.aie-airspace-control:focus-visible {
    box-shadow: inset 0 0 0 2px rgba(67, 170, 255, 0.74);
}

.aie-airspace-control .aie-canvas {
    position: absolute;
    inset: 0;
}

.aie-airspace-control__toolbar {
    position: absolute;
    inset: 0;
    z-index: 40;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 8px;
    padding: 0 14px 14px;
    pointer-events: none;
}

.aie-airspace-control__toolbar .aie-button {
    min-height: 36px;
    padding: 0 11px;
    border-color: rgba(67, 170, 255, 0.28);
    background: rgba(4, 14, 24, 0.76);
    font-size: 10px;
    letter-spacing: 0.08em;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    pointer-events: auto;
}

.aie-airspace-control__toolbar .aie-button:hover,
.aie-airspace-control__toolbar .aie-button:focus-visible {
    background: rgba(0, 100, 183, 0.86);
}

@media (max-width: 720px), (max-height: 600px) {
    .aie-airspace-control__toolbar {
        gap: 5px;
        padding: 0 8px 8px;
    }

    .aie-airspace-control__toolbar .aie-button {
        min-height: 32px;
        padding: 0 8px;
        font-size: 9px;
    }
}


@media (prefers-reduced-motion: reduce) {
    .aie-airspace-control__toolbar .aie-button {
        transition-duration: 1ms !important;
    }
}