.container {
    display: grid;
    place-items: center;
}

#attitudeIndicator {
    width: min(100%, 90svh, 64rem);
    height: auto;
    aspect-ratio: 1;
    display: block;
}

.difReadout {
    width: min(100%, 32rem);
    margin: 1rem auto 0;
    display: grid;
    grid-template-columns: max-content minmax(0, 1fr);
    gap: 8px 16px;
}
.difReadout label,
.difReadout span {
    text-align: right;
    display: block;
    background: var(--surface-raised);
    border: 1px solid var(--border);
    padding: 6px 10px;
    border-radius: 6px;
}

#pairButton {
    display: block;
    width: min(100%, 32rem);
    margin: 0.75rem auto 0;
}