/* ── fortune.php 전용 CSS ── */
#fortuneBody { font-family:'Inter',sans-serif; }

/* 타입 버튼 (보라 테마) */
.type-btn {
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    height:64px; border-radius:12px; border:2px solid #e5e7eb;
    background:#fff; cursor:pointer; font-size:12px; font-weight:700;
    color:#374151; transition:all .18s; user-select:none; gap:3px;
}
.type-btn:hover  { border-color:#a78bfa; color:#7c3aed; background:#f5f3ff; transform:translateY(-2px); box-shadow:0 4px 12px rgba(124,58,237,.15); }
.type-btn.active { border-color:#7c3aed; background:#7c3aed; color:#fff; box-shadow:0 2px 8px rgba(124,58,237,.3); }
.type-btn .t-emoji { font-size:22px; line-height:1; }

/* 타입 정보 패널 */
#typeInfoPanel {
    background:#fff; border-radius:16px; border:1.5px solid #ede9fe;
    padding:18px 20px; margin-top:12px; display:none;
    box-shadow:0 4px 16px rgba(124,58,237,.1);
    animation: fadeInfoIn .2s ease;
}

/* 점수 바 (fortune 내부 결과 카드용) */
.score-bar-wrap { background:#f1f5f9; border-radius:99px; height:8px; flex:1; overflow:hidden; }
.score-bar      { height:8px; border-radius:99px; transition:width .6s ease; }

/* 뒤로가기 버튼 */
.back-btn {
    display:inline-flex; align-items:center; gap:6px;
    padding:8px 16px; border-radius:10px;
    background:#f5f3ff; border:1.5px solid #c4b5fd;
    font-size:13px; font-weight:600; color:#7c3aed;
    cursor:pointer; transition:.15s; margin-bottom:16px;
}
.back-btn:hover { background:#ede9fe; border-color:#7c3aed; color:#5b21b6; }