.makibishi-viewport {
    width: 100%;
    height: clamp(320px, 76vh, 1000px);
    height: clamp(320px, 76dvh, 1000px);
    overflow: hidden;
    background: #10141c;
    border-radius: 8px;
}

#makibishi-canvas {
    display: block;
    width: 100%;
    height: 100%;
    touch-action: none;
}

#makibishi-canvas:focus-visible {
    outline: 3px solid var(--brand-color);
    outline-offset: -3px;
}

#makibishi-status[data-error="true"] {
    color: var(--bs-danger-text-emphasis);
    white-space: pre-wrap;
}