/* Kontroller */
.lang-btn {
    padding: 4px 12px; border-radius: 8px; font-size: 10px; font-weight: 800;
    transition: all 0.3s; border: 1px solid #ff9c80; color: #ff9c80; background: transparent;
}
.lang-btn.active { background: #ff9c80; color: white; }

/* Karakter Heyecan Mekanizması */
.character-face { box-shadow: 0 20px 50px -12px rgba(255, 156, 128, 0.4); }
#character-container.excited .character-face { transform: scale(1.1); box-shadow: 0 0 45px 25px rgba(255, 156, 128, 0.6); }

/* Ağız: Kareleşmeyi önleyen tam oval başlangıç */
#mouth { 
    width: 22px; 
    height: 6px; 
    background: #fffcf9; /* Şeftali beyazı */
    border-radius: 999px; /* Tam oval */
    transition: all 0.3s ease-out;
}

/* Heyecanlanınca: Kusursuz Daire */
#character-container.excited #mouth { 
    width: 28px; 
    height: 28px; 
    border-radius: 50%; 
}

/* Sayfa Yapısı */
.portfolio-unlocked #splash-screen { transform: translateY(-100%); }
.portfolio-unlocked #main-content { opacity: 1; transition: opacity 0.5s 0.4s; }

.pupil { width: 10px; height: 10px; background: #2D2424; border-radius: 50%; position: absolute; }

/* Kartlar */
.summary-card {
    background: white; border: 1px solid #ffede5; padding: 1.2rem; border-radius: 20px; transition: all 0.3s ease;
}
.dark .summary-card { background: #18181b; border-color: #27272a; }
.summary-card:hover { transform: translateX(8px); border-color: #ff9c80; background: #fafaff; }

.view-content { animation: fadeIn 0.6s ease-out forwards; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }