/* SRKOOS 2.5.236 — mobile navigation and banners; no remote assets replaced. */
html { -webkit-text-size-adjust: 100%; }
body { max-width: 100%; overflow-x: clip; }
.app-main, .main-wrapper, .app-shell, .speed-shared-hero, .speed-home-feature { min-width: 0; }
img, video, canvas { max-width: 100%; }
@media (max-width: 1024px) {
  .app-shell { display: block !important; min-width: 0 !important; }
  .app-main, .main-wrapper { width: 100% !important; max-width: 100% !important; min-width: 0 !important; padding: 16px clamp(12px,3.5vw,24px) 32px !important; overflow-x: clip !important; }
  .app-mobile-menu { display: inline-flex !important; align-items: center; justify-content:center; flex: 0 0 auto; min-height: 40px; }
  .app-sidebar {
    position: fixed !important; inset: 0 auto 0 0 !important;
    width: min(300px, 86vw) !important; min-width: 0 !important;
    height: 100vh !important; height: 100dvh !important;
    transform: translate3d(-105%,0,0) !important; left: 0 !important;
    background: #080e1d !important; background-color: #080e1d !important;
    opacity: 1 !important; backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
    z-index: 2147482001 !important; box-shadow: 25px 0 60px rgba(0,0,0,.65) !important;
    border-right: 1px solid #293548 !important;
    isolation: isolate; visibility: hidden; pointer-events:none;
    transition: transform .22s ease,visibility .22s ease !important;
    overflow-x: hidden !important; overflow-y:auto !important;
    overscroll-behavior: contain;
  }
  .app-sidebar.is-open {
    transform:translate3d(0,0,0) !important; visibility:visible; pointer-events:auto;
  }
  .app-sidebar::before { content:""; position:absolute; inset:0; z-index:-1; background:#080e1d; }
  .app-sidebar .app-menu, .app-sidebar .app-menu-group { background-color: transparent; }
  .app-topbar,.topbar-nav { display:flex !important; flex-wrap:wrap !important; justify-content:flex-start !important; align-items:center !important; gap:8px !important; }
  .app-top-actions { display:flex; margin-left:0 !important; gap:7px; min-width:0; flex-wrap:wrap; }
  .app-top-actions > *, .topbar-nav > * { max-width:100%; min-width:0; }
  .nav-btn-action,.nav-pill-vip,.app-button { white-space:nowrap !important; overflow-wrap:normal !important; width:auto !important; min-width:0 !important; }
  .app-button { font-size: 11px; }
}
.srkoos-mobile-scrim {
  display:none; position:fixed; inset:0;
  background:rgba(0,3,11,.84);
  z-index:2147482000; border:0; margin:0;padding:0;
  cursor:pointer; -webkit-tap-highlight-color:transparent;
}
.srkoos-mobile-scrim.is-visible { display:block; }
body.srkoos-mobile-nav-open { overflow:hidden !important; }
@media (min-width:1025px) {
 .srkoos-mobile-scrim { display:none !important; }
}
@media (max-width: 1024px) {
  .suite-home-hero {
    aspect-ratio:auto !important; min-height:0 !important;
    height:auto !important; display:flex !important; flex-direction:column !important;
    border-radius:16px !important; overflow:hidden !important;
  }
  .suite-home-hero > img {
    display:block !important; position:relative !important; inset:auto !important;
    width:100% !important; height:auto !important; max-height:none !important;
    aspect-ratio: 16/9 !important; object-fit:cover !important; object-position:center !important;
    background:#090f1b !important; flex:0 0 auto !important;
  }
  .suite-home-hero > div { display:none !important; }
  .suite-home-hero article {
    display:block !important; position:relative !important; left:auto !important;
    right:auto !important; top:auto !important; bottom:auto !important;
    width:100% !important; padding:18px clamp(14px,4vw,24px) 22px !important;
    background:linear-gradient(165deg,#0e182e 0%,#070c18 100%) !important;
  }
  .suite-home-hero h1 { font-size:clamp(24px,6vw,38px) !important; line-height:1.08 !important; }
  .suite-home-hero p { font-size:clamp(12px,3.4vw,15px) !important; line-height:1.5 !important; }
  .suite-home-hero .suite-live-button { min-height:42px; justify-content:center; }
  .speed-home-feature {
    display:flex !important; flex-direction:column !important; aspect-ratio:auto !important;
    min-height:0 !important; height:auto !important; border-radius:14px !important;
  }
  .speed-home-bg {
    display:block !important; position:relative !important; inset:auto !important;
    width:100% !important; height:auto !important; aspect-ratio:16/9 !important;
    background-size:cover !important; background-position:center !important;
    animation:none !important; opacity:.95 !important;
  }
  .speed-home-character {
    top:0 !important; bottom:auto !important; left:0 !important; right:0 !important;
    height:auto !important; aspect-ratio:16/9 !important;
    background-size:auto 100% !important; background-position:85% center !important;
    animation:none !important;
  }
  .speed-home-cover { display:none !important; }
  .speed-home-copy {
    position:relative !important; z-index:2 !important; margin:0 !important;
    width:100% !important; padding:19px clamp(14px,4vw,24px) 22px !important;
    text-align:center !important; background:linear-gradient(145deg,#32112f,#160921) !important;
  }
  .speed-home-copy h2 { font-size:clamp(29px,7vw,43px) !important; line-height:1.06 !important; }
  .speed-home-copy em { margin:8px 0 16px !important; }
  .speed-home-actions { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px !important; width:100% !important; }
  .speed-home-actions a { min-width:0 !important; padding:12px 8px !important; display:flex;justify-content:center;align-items:center;white-space:normal !important; }
  .speed-home-actions a:last-child:nth-child(odd) { grid-column:1/-1; }
  .speed-shared-hero {
    display:flex !important; flex-direction:column !important;
    aspect-ratio:auto !important; min-height:0 !important; height:auto !important;
    border-radius:14px !important; overflow:hidden !important;
  }
  .speed-shared-art {
    display:block !important; position:relative !important; inset:auto !important;
    width:100% !important; height:auto !important; aspect-ratio:16/9 !important;
    background-size:cover !important; background-position:center !important;
    animation:none !important; opacity:.95 !important;
  }
  .speed-shared-character {
    position:absolute !important; inset:0 0 auto 0 !important; height:auto !important; aspect-ratio:16/9 !important;
    background-size:auto 100% !important; background-position:85% center !important;animation:none !important;
  }
  .speed-shared-shade { display:none !important; }
  .speed-shared-copy {
    display:block !important; position:relative !important;
    width:100% !important; margin:0 !important;
    padding:20px clamp(15px,4vw,25px) 24px !important;
    text-align:left !important; background:linear-gradient(145deg,#26102f,#100a22) !important;
    color:#fff !important;
  }
  .speed-shared-copy h1 { font-size:clamp(34px,8vw,50px) !important; }
  .speed-shared-copy p { line-height:1.55 !important; }
  .speed-shared-actions { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px !important; width:100% !important; justify-content:stretch !important; }
  .speed-shared-actions a { min-width:0 !important; width:100%;justify-content:center !important; text-align:center; white-space:normal !important; padding:11px 7px !important; }
}
@media (max-width: 380px) {
 .app-main,.main-wrapper {padding-left:11px !important;padding-right:11px !important;}
 .speed-home-actions,.speed-shared-actions {grid-template-columns:1fr !important;}
 .speed-home-actions a:last-child:nth-child(odd) {grid-column:auto;}
}
@media (prefers-reduced-motion:reduce) {
 .app-sidebar,.speed-home-bg,.speed-shared-art {animation:none !important; transition:none !important;}
}