/* ═══════════════════════════════════════════════════════════════
   AEGIS LANDING — SMARTPHONE PORTRAIT
   Max-width: 430px, Orientation: Portrait
   Brothers in Code — Swiss Made

   ██  LOCKED — PORTRAIT FERTIG  ██
   Diese Datei ist GESPERRT. Keine Änderungen ohne
   ausdrückliche Genehmigung von Tom Sanders (CEO).
   Wer diese Datei ohne Erlaubnis anfasst geht ans Kreuz.
   Locked: 26.04.2026 | Claude & Tom Sanders
   ═══════════════════════════════════════════════════════════════ */

@media (max-width: 430px) and (orientation: portrait) {

    /* ── NAV — kompakt ── */
    .layer-5.nav-glass {
        padding: 10px 12px;
    }
    .nav-logo {
        display: none;
    }
    .nav-link {
        font-size: 11px;
        letter-spacing: 0.5px;
    }
    .nav-globe {
        width: 16px;
        height: 16px;
    }

    /* ── SHIELD — grösser + 20px hoch ── */
    .layer-2 .shield-3d {
        transform: scale(0.9) translateY(-20px) !important;
    }
    .shockwave {
        width: 250px;
        height: 250px;
    }

    /* ── TIMELINE BAR — Fullscreen, kein Radius ── */
    .timeline-bar {
        width: 100% !important;
        max-width: 100% !important;
        min-height: 100vh;
        padding: 20px 15px;
        border-radius: 0;
        left: 0;
        transform: translateX(0) translateY(-50%);
    }

    /* ── TIMELINE ITEMS — vertikal, kompakt ── */
    .timeline-item {
        flex-direction: column;
        gap: 15px;
        padding: 15px 10px;
        text-align: center;
        margin-top: 100px !important;
    }

    /* ── ICON — 150px für kleine Screens ── */
    .timeline-icon {
        width: 150px;
        height: 150px;
        min-width: 150px;
    }
    .timeline-icon svg {
        width: 150px;
        height: 150px;
    }

    /* ── TEXT — kompakt, lesbar ── */
    .timeline-text-wrap {
        align-items: center;
        text-align: center;
        max-width: 100%;
        max-height: 300px;
        overflow-y: auto;
    }
    .timeline-label {
        font-size: 10px;
        letter-spacing: 2px;
    }
    .timeline-title {
        font-size: 20px;
        letter-spacing: 0.5px;
        line-height: 1.3;
    }
    .timeline-subtitle {
        font-size: 16px;
        line-height: 1.6;
    }

    /* ── PAYMENT BUTTONS — Icons only, kompakt ── */
    .timeline-payment-buttons {
        flex-direction: row;
        justify-content: center;
        gap: 8px;
        margin-top: 10px;
    }
    .timeline-pay-btn {
        padding: 12px;
    }
    .timeline-pay-btn .pay-text {
        display: none;
    }
    .timeline-pay-btn .pay-icon {
        width: 35px;
        height: 35px;
        font-size: 20px;
    }

    /* ── DOWNLOAD OVERLAY — Smartphone ── */
    .aegis-download-panel {
        padding: 20px 10px;
        width: 98%;
        border-radius: 16px;
        max-height: 90vh;
        overflow-y: auto;
    }
    .aegis-download-store-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    .aegis-download-card {
        padding: 12px 6px;
        text-align: center;
    }
    .aegis-download-card-icon svg {
        width: 36px;
        height: 36px;
    }
    .aegis-download-card-name {
        font-size: 11px;
    }
    .aegis-download-card-detail {
        font-size: 9px;
    }
    .aegis-download-title {
        font-size: 18px;
    }
    .aegis-download-subtitle {
        font-size: 12px;
    }
    .aegis-download-close {
        top: 10px;
        right: 10px;
        width: 28px;
        height: 28px;
    }

    /* ── SCROLL INDICATOR — Portal nach OBEN drehen ── */
    .scroll-indicator {
        bottom: 125px;
    }
    .scroll-indicator svg {
        transform: rotate(180deg);
    }

    /* ── LANGUAGE OVERLAY ── */
    .lang-overlay-panel {
        width: 98%;
        padding: 15px;
        border-radius: 12px;
    }
    .lang-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }
    .lang-card {
        padding: 12px 8px;
    }
    .lang-card-flag {
        width: 35px;
        height: 35px;
    }
    .lang-card-flag svg {
        width: 28px;
        height: 28px;
    }
    .lang-card-name {
        font-size: 11px;
    }
    .lang-overlay-title {
        font-size: 18px;
    }

    /* ── SHIELD — overflow visible für AEGIS Text ── */
    .shield-wrapper,
    .shield-3d,
    .layer-2 {
        overflow: visible !important;
    }

    /* ── TENTACLES — 30px höher, volle Stärke (JS steuert Dicke) ── */
    .tentacle-container {
        overflow: visible !important;
    }
    .layer-2a,
    .layer-2b {
        overflow: visible !important;
        transform: translateY(-30px);
    }
    .tentacle {
        opacity: 0.5;
    }

    /* ── SCROLLBAR ── */
    .timeline-text-wrap::-webkit-scrollbar {
        width: 3px;
    }
    .timeline-text-wrap::-webkit-scrollbar-thumb {
        background: rgba(0, 201, 167, 0.3);
        border-radius: 2px;
    }

    /* ── DIVINE NAV — 4 Spalten 3-2-2-3 via CSS Grid ── */

    /* Links: Grid 2 Spalten — Cards 0,1,2 (Sp1) + Cards 3,4 (Sp2) */
    #divine-nav .div-left {
        display: grid !important;
        grid-template-columns: 100px 100px !important;
        grid-template-rows: repeat(3, 100px) !important;
        gap: 10px !important;
        left: 2px !important;
        top: 75px !important;
        transform: none !important;
    }
    #divine-nav .div-left .div-card:nth-child(1) { grid-column: 1; grid-row: 1; }
    #divine-nav .div-left .div-card:nth-child(2) { grid-column: 1; grid-row: 2; }
    #divine-nav .div-left .div-card:nth-child(3) { grid-column: 1; grid-row: 3; }
    #divine-nav .div-left .div-card:nth-child(4) { grid-column: 2; grid-row: 1; }
    #divine-nav .div-left .div-card:nth-child(5) { grid-column: 2; grid-row: 2; }

    /* Rechts: Grid 2 Spalten — Cards 6,5 (Sp3) + Cards 7,8,9 (Sp4) */
    #divine-nav .div-right {
        display: grid !important;
        grid-template-columns: 100px 100px !important;
        grid-template-rows: repeat(3, 100px) !important;
        gap: 10px !important;
        right: 2px !important;
        top: 75px !important;
        transform: none !important;
    }
    #divine-nav .div-right .div-card:nth-child(2) { grid-column: 1 !important; grid-row: 1 !important; }
    #divine-nav .div-right .div-card:nth-child(1) { grid-column: 1 !important; grid-row: 2 !important; }
    #divine-nav .div-right .div-card:nth-child(3) { grid-column: 2 !important; grid-row: 1 !important; }
    #divine-nav .div-right .div-card:nth-child(4) { grid-column: 2 !important; grid-row: 2 !important; }
    #divine-nav .div-right .div-card:nth-child(5) { grid-column: 2 !important; grid-row: 3 !important; }

    /* ── BUY CARD — hidden, Buy Overlay ersetzt ihn ── */
    #divine-nav .div-top {
        display: none !important;
    }
}