/* 30-performance.css | extracted from original index.html */
html.performance-v15,
    html.performance-v15 body{
      text-rendering:optimizeLegibility;
    }

    html.performance-v15 .market-grid{
      contain:layout style paint;
    }

    html.performance-v15 .market-card,
    html.performance-v15 .search-panel,
    html.performance-v15 .footer-card{
      contain:layout style paint;
      content-visibility:auto;
    }

    html.performance-v15 .market-card{
      contain-intrinsic-size:150px 238px;
    }

    html.performance-v15 .search-panel,
    html.performance-v15 .footer-card{
      contain-intrinsic-size:300px 96px;
    }

    html.performance-v15 .banner-picture img,
    html.performance-v15 .brand-logo-img,
    html.performance-v15 .market-card,
    html.performance-v15 .modal-card,
    html.performance-v15 .banner-track{
      backface-visibility:hidden;
      -webkit-backface-visibility:hidden;
    }

    html.performance-v15 .banner-picture img{
      transform:translateZ(0);
    }

    html.performance-v15 .hero-copy,
    html.performance-v15 .hero-panel,
    html.performance-v15 .market-card,
    html.performance-v15 .search-panel,
    html.performance-v15 .footer-card,
    html.performance-v15 .modal-card{
      will-change:auto;
    }

    html.performance-v15 .market-card::before,
    html.performance-v15 .number-box::before,
    html.performance-v15 .hero-copy::before,
    html.performance-v15 .hero-panel::before,
    html.performance-v15 .hero-next::after,
    html.performance-v15 body::before,
    html.performance-v15 body::after,
    html.performance-v15 .hero-copy::after{
      pointer-events:none;
    }

    html.performance-v15.performance-lite-device{
      --glass-blur:0px;
      --glass-blur-strong:0px;
      --shadow-soft:0 10px 24px rgba(0,0,0,.18);
      --shadow-md:0 14px 28px rgba(0,0,0,.20);
      --shadow-lg:0 18px 36px rgba(0,0,0,.22);
      --shadow-green:0 14px 30px rgba(34,197,94,.18);
    }

    html.performance-v15.performance-lite-device .glass,
    html.performance-v15.performance-lite-device .glass-strong,
    html.performance-v15.performance-lite-device .hero-chip,
    html.performance-v15.performance-lite-device .mini-chip,
    html.performance-v15.performance-lite-device .stat-chip,
    html.performance-v15.performance-lite-device .btn-register,
    html.performance-v15.performance-lite-device .btn-secondary,
    html.performance-v15.performance-lite-device .ghost-btn,
    html.performance-v15.performance-lite-device .modal,
    html.performance-v15.performance-lite-device .modal-card,
    html.performance-v15.performance-lite-device .banner-dots,
    html.performance-v15.performance-lite-device .footer-card,
    html.performance-v15.performance-lite-device .search-panel,
    html.performance-v15.performance-lite-device .market-card,
    html.performance-v15.performance-lite-device .schedule-box,
    html.performance-v15.performance-lite-device .number-box,
    html.performance-v15.performance-lite-device .detail-box,
    html.performance-v15.performance-lite-device .nav-wrap::before,
    html.performance-v15.performance-lite-device .nav-dropdown,
    html.performance-v15.performance-lite-device .toast{
      backdrop-filter:none !important;
      -webkit-backdrop-filter:none !important;
    }

    html.performance-v15.performance-lite-device body::before,
    html.performance-v15.performance-lite-device body::after,
    html.performance-v15.performance-lite-device .hero-copy::after,
    html.performance-v15.performance-lite-device .hero-next::after,
    html.performance-v15.performance-lite-device .number-box::after{
      display:none !important;
    }

    html.performance-v15.performance-lite-device .market-card,
    html.performance-v15.performance-lite-device .hero-copy,
    html.performance-v15.performance-lite-device .hero-panel,
    html.performance-v15.performance-lite-device .search-panel,
    html.performance-v15.performance-lite-device .footer-card,
    html.performance-v15.performance-lite-device .modal-card{
      box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
    }

    html.performance-v15.performance-lite-device .market-card:hover,
    html.performance-v15.performance-lite-device .market-card:focus-within,
    html.performance-v15.performance-lite-device .btn-primary:hover,
    html.performance-v15.performance-lite-device .btn-secondary:hover,
    html.performance-v15.performance-lite-device .btn-login:hover,
    html.performance-v15.performance-lite-device .btn-register:hover,
    html.performance-v15.performance-lite-device .ghost-btn:hover,
    html.performance-v15.performance-lite-device .copy-mini-btn:hover,
    html.performance-v15.performance-lite-device .market-detail-btn:hover,
    html.performance-v15.performance-lite-device .schedule-jump-btn:hover{
      transform:none !important;
      box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
    }

    @media (max-width:980px){
      html.performance-v15 .market-grid{
        gap:10px;
      }

      html.performance-v15 .market-card{
        border-radius:18px;
      }
    }

    @media (max-width:760px){
      html.performance-v15 .hero-copy,
      html.performance-v15 .hero-panel,
      html.performance-v15 .market-card,
      html.performance-v15 .search-panel,
      html.performance-v15 .footer-card,
      html.performance-v15 .modal-card,
      html.performance-v15 .banner-shell,
      html.performance-v15 .banner-stage,
      html.performance-v15 .banner-frame{
        border-radius:18px;
      }

      html.performance-v15 .market-card{
        padding:9px;
        contain-intrinsic-size:150px 238px;
      }

      html.performance-v15 .hero-copy,
      html.performance-v15 .hero-panel,
      html.performance-v15 .footer-card{
        contain-intrinsic-size:300px 160px;
      }
    }

    @media (max-width:380px){
      html.performance-v15 .market-grid{
        gap:6px;
      }

      html.performance-v15 .market-card{
        padding:8px;
        contain-intrinsic-size:140px 220px;
      }
    }

    @media (prefers-reduced-motion:reduce){
      html.performance-v15 .market-card,
      html.performance-v15 .banner-track,
      html.performance-v15 .btn-primary,
      html.performance-v15 .btn-secondary,
      html.performance-v15 .btn-login,
      html.performance-v15 .btn-register,
      html.performance-v15 .ghost-btn,
      html.performance-v15 .copy-mini-btn,
      html.performance-v15 .market-detail-btn,
      html.performance-v15 .schedule-jump-btn{
        transition:none !important;
      }
    }