:root {
    color-scheme: dark;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    background: #02070a;
}

* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    min-width: 320px;
    height: 100%;
    margin: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 38%, rgba(25, 72, 57, 0.34), transparent 48%),
        #02070a;
}

body {
    display: grid;
    place-items: center;
    padding: max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right))
        max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));
}

.guide-stage {
    position: relative;
    overflow: hidden;
    border-radius: clamp(12px, 2vw, 28px);
    background: #02070a;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.46);
}

.guide-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 1080px;
    height: 1788px;
    border: 0;
    transform-origin: top left;
    background: #02070a;
}

@media (max-width: 600px) {
    body {
        padding: 0;
    }

    .guide-stage {
        border-radius: 0;
        box-shadow: none;
    }
}