/* Browser-only guidance; original game screens retain their iOS styles. */
#webLandscape { display: none; }
@media (orientation: portrait) and (pointer: coarse) {
    #webLandscape {
        display: flex;
        position: fixed;
        inset: 0;
        z-index: 2147483647;
        flex-direction: column;
        overflow-y: auto;
        overscroll-behavior-y: contain;
        touch-action: pan-y;
        padding: max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));
        font-size: 14px;
        line-height: 1.45;
        -webkit-text-size-adjust: 100%;
    }
    #webLandscape .sky-panel { flex: 0 0 auto; width: 100%; max-width: 420px; margin: auto; padding: 20px; }
    #webLandscape h1, #webLandscape h2, #webLandscape h3, #webLandscape p { margin: 0; }
    #webLandscape .web-rotate-heading { text-align: center; margin-bottom: 20px; }
    #webLandscape .web-rotate-icon { display: inline-flex; color: var(--sky-accent); margin-bottom: 8px; }
    #webLandscape .web-rotate-icon .web-tip-icon { width: 38px; height: 38px; }
    #webLandscape h1 { font-size: 25px; line-height: 1.12; letter-spacing: -.4px; margin-bottom: 7px; }
    #webLandscape h2 { display: flex; align-items: center; gap: 8px; font-size: 17px; line-height: 1.3; }
    #webLandscape h3 { font-size: 13px; color: var(--sky-accent); margin-bottom: 4px; }
    #webLandscape b { font-weight: 650; }
    #webLandscape .web-tip-icon { display: inline-block; width: 19px; height: 19px; flex: 0 0 auto; vertical-align: -4px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
    #webLandscape .web-tip-intro { margin-top: 5px; color: var(--sky-muted); }
    #webLandscape .web-tip-platform { margin-top: 14px; }
    #webLandscape .web-tip-platform p + p { margin-top: 4px; }
    #webLandscape .web-tip-note { color: var(--sky-muted); font-size: 12px; }
    #webLandscape .web-tip-finish { margin-top: 14px; color: var(--sky-positive); font-size: 12px; font-weight: 650; }
    #webLandscape .web-tip-or { display: flex; align-items: center; gap: 12px; margin: 16px 0; color: var(--sky-muted); font-size: 12px; }
    #webLandscape .web-tip-or::before, #webLandscape .web-tip-or::after { content: ""; flex: 1; height: 1px; background: #a7c8dd; }
}
/* Public iOS beta alternative, with a touch-sized target in the portrait guide. */
.web-ios-download { display: block; min-height: 44px; padding: 10px 0; color: #126a94; font-weight: 700; text-decoration: underline; }