/* Compatibility layer for Android TV WebViews used by Downloader.
   Explicit fallbacks are intentionally written without CSS variables,
   container queries, or newer color functions. */
@media (min-width: 700px) and (hover: none) and (pointer: coarse) {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  html {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    scroll-behavior: auto;
  }

  body {
    margin: 0;
    min-width: 0;
    max-width: 100%;
    overflow-x: hidden;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 18px;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }

  #root,
  #app {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

  .container {
    width: 100%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 28px;
    padding-right: 28px;
  }

  .app-card {
    display: block;
    min-width: 0;
    max-width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 18px;
    overflow: hidden;
  }

  .app-icon {
    display: inline-block;
    width: 64px;
    height: 64px;
    max-width: 100%;
    vertical-align: middle;
    overflow: hidden;
  }

  .app-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
  }

  .app-screenshot-wrap {
    display: block;
    width: 100%;
    max-width: 760px;
    min-height: 0;
    margin: 28px auto;
    padding: 16px;
    text-align: center;
    background: #f7f7f7;
    border: 1px solid #dedede;
    border-radius: 16px;
  }

  .app-screenshot-image {
    display: block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 62vh;
    margin: 0 auto;
    object-fit: contain;
  }

  img,
  video,
  iframe {
    max-width: 100%;
  }

  .section-title {
    max-width: 100%;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 36px;
    line-height: 1.25;
    letter-spacing: normal;
    overflow-wrap: anywhere;
  }

  p,
  h1,
  h2,
  h3,
  a,
  button,
  span {
    overflow-wrap: anywhere;
  }

  p {
    line-height: 1.65;
  }

  .grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .flex {
    display: flex;
    flex-wrap: wrap;
    min-width: 0;
  }

  .hero-grid {
    position: relative;
    overflow: hidden;
  }

  .fade-up {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  button,
  [role="button"],
  a[href],
  input,
  select,
  textarea,
  summary,
  [tabindex]:not([tabindex="-1"]) {
    scroll-margin: 8vh 5vw;
  }

  :focus,
  :focus-visible,
  :focus:not(:focus-visible) {
    outline: 3px solid #f97316 !important;
    outline-offset: 4px !important;
  }

  #tv-download-fallback {
    min-height: 56px;
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
}

/* Mood TV SEO landing page and article styles */
.mood-seo-shell{max-width:980px;margin:28px auto 56px;padding:clamp(16px,4vw,32px);background:#fff;color:#26221f;border:1px solid #e7e3df;border-radius:20px;font:16px/1.85 Arial,Tahoma,sans-serif;box-sizing:border-box}
.mood-seo-shell *{box-sizing:border-box}
.mood-seo-nav{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:22px;font-size:.95rem}
.mood-seo-nav a,.mood-rich-article a{color:#b13c16;text-decoration:underline;text-underline-offset:3px}
.mood-seo-hero{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:20px;background:#f7f3ef;border:1px solid #ece4dc;border-radius:18px}
.mood-seo-icon{width:136px;height:136px;flex:0 0 136px;object-fit:contain;background:#101010;border-radius:20px}
.mood-seo-hero h1{margin:8px 0;color:#171412;font-size:clamp(1.6rem,4vw,2.25rem);line-height:1.35;overflow-wrap:anywhere}
.mood-seo-badge{margin:0;color:#82421e;font-weight:700}
.mood-seo-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.mood-download-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border-radius:10px;background:#b73b1f;color:#fff!important;font-weight:700;text-decoration:none!important;line-height:1.35}
.mood-rich-article{max-width:880px;margin:28px auto 12px;color:#292522;font:16px/1.9 Arial,Tahoma,sans-serif;overflow-wrap:anywhere}
.mood-rich-article section{margin:28px 0}
.mood-rich-article h2{margin:0 0 12px;padding-right:12px;border-right:4px solid #c44922;color:#201c19;font-size:1.45rem;line-height:1.45}
.mood-rich-article h3{margin:22px 0 8px;color:#342720;font-size:1.15rem;line-height:1.5}
.mood-rich-article p{margin:10px 0}
.mood-rich-article ol,.mood-rich-article ul{padding-right:26px}
.mood-rich-article li{margin:8px 0}
.mood-rich-article code{direction:ltr;unicode-bidi:embed;overflow-wrap:anywhere;background:#f2efec;padding:2px 5px;border-radius:4px;font-size:.92em}
.mood-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:18px 0}
.mood-facts div{display:flex;flex-direction:column;gap:4px;padding:13px;background:#f8f5f2;border:1px solid #ece5de;border-radius:12px}
.mood-facts strong{color:#8d3b1e}
.mood-player-card{display:flex;gap:16px;align-items:flex-start;padding:16px;background:#f8f5f2;border:1px solid #ece5de;border-radius:14px}
.mood-player-card img{flex:0 0 96px;object-fit:contain;background:#111;border-radius:14px}
.mood-player-card p{margin-top:0}
.mood-note{padding:14px;background:#fff7e7;border-right:4px solid #d58a23;border-radius:8px}
.mood-code{padding:10px;background:#f7f4f0;border-radius:8px;overflow-wrap:anywhere}
.mood-faq details{margin:10px 0;padding:12px 14px;background:#f8f5f2;border:1px solid #ece5de;border-radius:10px}
.mood-faq summary{cursor:pointer;font-weight:700;color:#3c2b20}
.mood-source-links{padding-top:12px;border-top:1px solid #e8e1da}
@media (max-width:640px){.mood-seo-shell{margin:12px auto 28px;padding:14px;border-radius:14px}.mood-seo-hero{gap:14px;padding:14px}.mood-seo-icon{width:96px;height:96px;flex-basis:96px}.mood-rich-article{font-size:16px}.mood-player-card{flex-direction:column}.mood-player-card img{width:76px;height:76px;flex-basis:76px}}
/* Shared article presentation for all application detail pages. */
.mood-rich-article .app-article-primary-download{margin:0 0 1.25rem}
.mood-rich-article .app-article-facts,.mood-rich-article .kaidn-facts,.mood-rich-article .prime-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0;padding:0}
.mood-rich-article .app-article-facts div,.mood-rich-article .kaidn-facts div,.mood-rich-article .prime-facts div{padding:12px;background:#f5f2ed;border:1px solid #e6e0d8;border-radius:10px}
.mood-rich-article .app-article-facts dt{font-weight:700;color:#6b625a}
.mood-rich-article .app-article-facts dd{margin:4px 0 0;color:#211d19;overflow-wrap:anywhere}
.mood-rich-article details{margin:10px 0;padding:12px;background:#f7f4ef;border:1px solid #e9e2d8;border-radius:10px}
.mood-rich-article summary{cursor:pointer;font-weight:700;color:#211d19}
.mood-rich-article .en-seo{direction:ltr;text-align:left;border-top:1px solid #e6e0d8;padding-top:16px}
.mood-rich-article .kaidn-source{border-top:1px solid #e6e0d8;padding-top:16px;font-size:.94rem}
.mood-rich-article .prime-caption{color:#6b625a;font-size:.92rem}