/* ============================================
   Fullscreen & 1080x1920 Optimization
   ============================================ */

/* Fullscreen auto-launch */
html {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

body {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: fixed;
}

/* Specific optimization for 1080x1920 (9:16 portrait) */
@media (min-width: 1080px) and (min-height: 1920px) {
    .decision-container {
        height: calc(100vh - 100px);
        max-width: 1000px;
        padding: 8px 8px;
    }
    
    .options-grid {
        gap: 14px;
        height: 100%;
    }
    
    .option-card {
        max-height: 175px;
        border-radius: 14px;
    }
    
    .option-label {
        font-size: 0.9rem;
        padding: 10px 12px;
    }
    
    .decision-question {
        font-size: 1.5rem;
        margin-bottom: 12px;
        margin-top: 14px;
    }
}

/* Optimization for portrait tablets and vertical screens */
@media (min-width: 768px) and (max-width: 1200px) and (orientation: portrait) {
    .decision-container {
        height: calc(100vh - 120px);
        max-width: 100%;
    }
    
    .options-grid {
        gap: 16px;
        align-content: space-evenly;
    }
    
    .option-card {
        max-height: none;
        min-height: 0;
        aspect-ratio: auto;
    }
    
    .option-image {
        height: 120px;
        min-height: 100px;
        object-fit: cover;
    }
    
    .option-label {
        font-size: 0.95rem;
        padding: 10px 12px;
        height: auto;
    }
    
    .decision-question {
        font-size: 1.5rem;
        margin-bottom: 14px;
    }
    
    /* 2x4 grid adjustments for tablet */
    .options-grid.grid-2x4 {
        gap: 12px;
    }
    .options-grid.grid-2x4 .option-image {
        height: 100px;
    }
    .options-grid.grid-2x4 .option-label {
        font-size: 0.85rem;
        padding: 8px 10px;
    }
    
    /* 3-col grid adjustments for tablet */
    .options-grid.grid-3col {
        gap: 10px;
    }
    .options-grid.grid-3col .option-image {
        height: 90px;
    }
    .options-grid.grid-3col .option-label {
        font-size: 0.8rem;
        padding: 6px 8px;
    }
}

/* Landscape tablets */
@media (min-width: 768px) and (max-width: 1200px) and (orientation: landscape) {
    .option-card {
        max-height: none;
    }
    .option-image {
        height: 100px;
        min-height: 80px;
        object-fit: cover;
    }
    .option-label {
        font-size: 0.9rem;
        height: auto;
        padding: 8px 10px;
    }
}

/* Prevent zoom on iOS */
input, select, textarea {
    font-size: 16px !important;
}

/* Touch optimization */
.option-card,
.language-option,
.pathway-pentagon {
    -webkit-tap-highlight-color: rgba(212, 175, 55, 0.3);
    touch-action: manipulation;
}