/* Responsive Styles */
@media (max-width: 600px) {
    .story-selector h1 {
        font-size: 36px;
    }

    .story-selector .subtitle {
        font-size: 18px;
    }

    .logo-icon {
        font-size: 52px;
    }

    .story-list {
        grid-template-columns: 1fr;
    }

    .story-card h2 {
        font-size: 22px;
    }

    .story-card .story-emoji {
        font-size: 48px;
    }

    .story-text {
        font-size: 20px;
    }

    .story-text p {
        padding: 10px 14px;
    }

    .question {
        font-size: 22px;
    }

    .choice-btn {
        font-size: 18px;
        padding: 18px 24px;
    }

    .continue-btn {
        font-size: 20px;
        padding: 18px 36px;
    }

    .prompt-btn {
        font-size: 20px;
        padding: 18px 36px;
    }

    .progress-star {
        font-size: 24px;
    }

    .ending-screen h1 {
        font-size: 38px;
    }

    .ending-screen .trophy {
        font-size: 90px;
    }

    .ending-screen p {
        font-size: 20px;
    }

    .feedback {
        padding: 32px 40px;
        margin: 0 20px;
        width: calc(100% - 40px);
    }

    .feedback-emoji {
        font-size: 56px;
    }

    .feedback-text {
        font-size: 22px;
    }

    .story-content, .choices-area {
        padding: 24px;
    }

    .breadcrumbs {
        padding: 10px 16px;
        gap: 6px;
        font-size: 14px;
    }

    .shelf-card .shelf-icon {
        font-size: 48px;
    }

    .shelf-card .shelf-name {
        font-size: 22px;
    }

    .new-badge {
        font-size: 9px;
        padding: 3px 7px;
        top: 8px;
        right: 8px;
    }

    .shelf-badge {
        font-size: 8px;
        padding: 2px 6px;
    }
}