/* Responsive Styles for Dragon Money */

/* Mobile First Approach */
@media (max-width: 480px) {
    .container {
        padding: 0 15px;
    }

    .t9k6x-slide-title {
        font-size: 24px;
    }

    .y4m2s-slide-text {
        font-size: 14px;
    }

    .f8p3n-cta-button {
        padding: 12px 25px;
        font-size: 16px;
    }

    .s9p3x-section-title {
        font-size: 24px;
    }

    .x2m4k-heading {
        font-size: 26px;
    }

    .m4j8t-promo-card {
        padding: 20px;
    }

    .q4m7s-code-input {
        font-size: 16px;
    }

    .w8n3t-code-box {
        flex-direction: column;
    }

    .t6h3n-copy-btn {
        width: 100%;
    }

    .p3k9n-tournament-card {
        min-width: 260px;
    }

    .p5m9s-app-table {
        font-size: 14px;
    }

    .h8k3x-th,
    .t6w2n-td {
        padding: 10px;
    }

    .r3n7x-app-btn {
        width: 100%;
        justify-content: center;
    }

    .p7x4m-reels {
        gap: 10px;
    }

    .t9k2s-reel {
        min-width: 60px;
        padding: 15px;
    }

    .y6w3x-symbol {
        font-size: 36px;
    }

    .b8n3x-spin-btn {
        padding: 12px 25px;
        font-size: 16px;
    }

    .w7j4m-author-card {
        padding: 20px;
    }

    .x5k8n-author-name {
        font-size: 22px;
    }

    .v6k2x-photo-img {
        width: 100px;
        height: 100px;
    }

    .p4n8s-footer-content {
        grid-template-columns: 1fr;
    }

    .y3n7m-payment-logos {
        gap: 10px;
    }

    .k6w2x-payment-logo {
        width: 50px;
        height: auto;
    }
}

/* Tablet Portrait */
@media (min-width: 481px) and (max-width: 767px) {
    .t9k6x-slide-title {
        font-size: 32px;
    }

    .m7j4s-tournaments-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Tablet Landscape */
@media (min-width: 768px) and (max-width: 1024px) {
    .container {
        max-width: 960px;
    }

    .t9k6x-slide-title {
        font-size: 42px;
    }

    .m7j4s-tournaments-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Desktop */
@media (min-width: 1025px) {
    .z8k5n-hero-section {
        padding: 80px 0;
    }

    .t9k6x-slide-title {
        font-size: 56px;
    }

    .y4m2s-slide-text {
        font-size: 20px;
    }
}

/* Large Desktop */
@media (min-width: 1200px) {
    .container {
        max-width: 1400px;
    }
}

/* Landscape Orientation */
@media (orientation: landscape) and (max-height: 500px) {
    .z8k5n-hero-section {
        padding: 30px 0;
    }

    .q2n8v-slide {
        padding: 20px;
    }

    .t9k6x-slide-title {
        font-size: 32px;
        margin-bottom: 15px;
    }

    .y4m2s-slide-text {
        font-size: 16px;
        margin-bottom: 20px;
    }
}

/* Print Styles */
@media print {
    .r4w9n-header,
    .q8k5n-fixed-widget,
    .z8k5n-hero-section,
    .m9k6x-footer {
        display: none;
    }

    body {
        background: white;
        color: black;
    }

    .l9h6r-content-block {
        background: white;
        border: none;
    }
}

/* High DPI Screens */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .n2h7k-logo-img {
        image-rendering: -webkit-optimize-contrast;
    }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
    body {
        background-color: #0A0A0A;
        color: #E5E5E5;
    }
}

/* Unused Responsive Classes */
.responsive-unused-1 { display: flex; }
.responsive-unused-2 { grid-template-columns: 1fr 1fr; }
@media (max-width: 600px) {
    .mobile-unused { padding: 10px; }
}