/* MYTT SITE OVERRIDES — CONSOLIDATED
   Historical inline patches were extracted from index.html, then
   conservatively compacted by removing only exact-selector/property
   declarations superseded later in the same at-rule context.
*/

/* =========================================================
   SOURCE: index.html <style id="mytt-mobile-stable-polish-v1">
   SHA256: 912041658665
   ========================================================= */
@media (max-width: 768px){
  :root{
    --mytt-mobile-red:rgba(239,68,68,.38);
    --mytt-mobile-red-soft:rgba(239,68,68,.22);
    --mytt-mobile-card-radius:18px;
    --mytt-mobile-gap:12px;
  }

  /* =====================================================
     1. HEADER — slightly shorter, same identity
     ===================================================== */
  .premium-header,
  .site-header{
    min-height:72px !important;
  }

  .premium-header-inner{
    min-height:72px !important;
    padding:9px 15px !important;
    gap:10px !important;
  }

  .premium-brand{
    gap:10px !important;
    min-width:0 !important;
  }

  .premium-brand-mark{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    font-size:26px !important;
  }

  .premium-brand-name{
    font-size:24px !important;
    line-height:1 !important;
    letter-spacing:2px !important;
  }

  .premium-brand-sub{
    margin-top:4px !important;
    font-size:8.5px !important;
    line-height:1.15 !important;
    letter-spacing:.65px !important;
    white-space:nowrap !important;
  }

  .premium-mobile-toggle{
    width:52px !important;
    height:52px !important;
    min-width:52px !important;
    border-radius:14px !important;
  }

  /* =====================================================
     2. ONE APP, ONE HEADING SYSTEM
     ===================================================== */
  .mobile-nav-page{
    min-height:calc(100svh - 72px);
  }

  #events,
  #players,
  #singles,
  #doubles,
  #market,
  #submitPage{
    padding-top:24px !important;
  }

  #events .section-head,
  #players .section-head,
  #singles .section-head,
  #doubles .section-head,
  #submitPage .section-head{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
    gap:10px !important;
    margin:0 0 18px !important;
    text-align:left !important;
  }

  #events .section-head > div:first-child,
  #players .section-head > div:first-child,
  #singles .section-head > div:first-child,
  #doubles .section-head > div:first-child,
  #submitPage .section-head > div:first-child{
    min-width:0 !important;
    margin:0 !important;
    text-align:left !important;
    justify-self:start !important;
  }

  #events .kicker,
  #players .kicker,
  #singles .kicker,
  #doubles .kicker,
  #market .kicker,
  #submitPage .kicker{
    margin:0 0 6px !important;
    font-size:10.5px !important;
    line-height:1 !important;
    letter-spacing:3.4px !important;
    text-align:left !important;
  }

  #events .section-head h2,
  #players .section-head h2,
  #singles .section-head h2,
  #doubles .section-head h2,
  #submitPage .section-head h2,
  #submitPageTitle{
    margin:0 !important;
    max-width:none !important;
    font-size:clamp(31px,8.8vw,40px) !important;
    line-height:.94 !important;
    letter-spacing:-.8px !important;
    text-align:left !important;
    transform:none !important;
  }

  #events .status,
  #players .status,
  #singles .status,
  #doubles .status,
  #submitPage .status{
    align-self:end !important;
    justify-self:end !important;
    margin:0 0 1px !important;
    padding:7px 10px !important;
    font-size:10px !important;
    line-height:1 !important;
    border-radius:999px !important;
  }

  /* =====================================================
     MYTT MOBILE HEADING ALIGNMENT — CONSOLIDATED V27
     Retains only the live declarations from the retired
     Players / Join-Submit heading patches.
     ===================================================== */
  #players .section-head{
    justify-content:stretch !important;
  }

  #players .section-head > div:first-child{
    width:auto !important;
  }

  #players .section-head h2{
    justify-self:start !important;
  }

  #submitPage .submit-hub-head{
    justify-content:stretch !important;
    width:100% !important;
  }

  #submitPage .submit-hub-head > div:first-child{
    width:100% !important;
    padding:0 !important;
  }

  #submitPage .submit-hub-head .kicker{
    display:block !important;
    width:100% !important;
    padding:0 !important;
  }

  #submitPage .submit-hub-head h2,
  #submitPage #submitPageTitle{
    display:block !important;
    width:100% !important;
    padding:0 !important;
    justify-self:start !important;
  }

  /* =====================================================
     3. PLAYERS — search full row, filters 2-up
     ===================================================== */
  #players .players-toolbar{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:10px !important;
    margin:0 0 16px !important;
  }

  #players #playersSearch{
    grid-column:1 / -1 !important;
    width:100% !important;
    min-width:0 !important;
    min-height:50px !important;
    padding:0 15px !important;
    font-size:14px !important;
    border-radius:14px !important;
  }

  #players #playersFilter,
  #players #playersSort{
    width:100% !important;
    max-width:none !important;
    min-width:0 !important;
    min-height:48px !important;
    padding:0 12px !important;
    font-size:13px !important;
    border-radius:14px !important;
  }

  /* Keep the finished horizontal player card; only harmonise its shell. */
  #players .players-grid{
    gap:var(--mytt-mobile-gap) !important;
  }

  #players .player-card{
    border-radius:var(--mytt-mobile-card-radius) !important;
    border-color:var(--mytt-mobile-red) !important;
    box-shadow:0 10px 26px rgba(0,0,0,.27),0 0 12px rgba(239,68,68,.055) !important;
  }

  /* =====================================================
     4. HOME RANK JOURNEY — compact + genuine horizontal scroll
     ===================================================== */
  .hero-home-final{
    padding-top:22px !important;
  }

  .hero-top-banner{
    margin-bottom:13px !important;
  }

  .hero-title-row{
    font-size:clamp(31px,9vw,42px) !important;
    line-height:.98 !important;
  }

  .hero-neon-divider{
    margin-top:13px !important;
  }

  .hero-rank-card-v5.hero-rank-card-final{
    margin-top:12px !important;
    padding:13px 11px 11px !important;
    border-radius:20px !important;
    border-color:var(--mytt-mobile-red) !important;
    box-shadow:0 12px 30px rgba(0,0,0,.3),0 0 14px rgba(239,68,68,.07) !important;
  }

  .rank-card-head-v5{
    display:block !important;
    margin:0 !important;
  }

  .rank-card-head-v5 > div:first-child p{
    margin:0 0 5px !important;
    font-size:10px !important;
    line-height:1 !important;
    letter-spacing:2.8px !important;
  }

  .rank-card-head-v5 > div:first-child h2{
    display:none !important;
  }

  .current-rating-v5{
    display:none !important;
  }

  .homepage-rank-road{
    position:relative !important;
    display:flex !important;
    align-items:flex-start !important;
    flex-wrap:nowrap !important;
    gap:0 !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    overscroll-behavior-x:contain !important;
    -webkit-overflow-scrolling:touch !important;
    scroll-snap-type:x proximity !important;
    scrollbar-width:none !important;
    padding:8px 5px 9px !important;
    margin:0 !important;
  }

  .homepage-rank-road::-webkit-scrollbar{
    display:none !important;
  }

  .homepage-rank-road .home-rank-node{
    flex:0 0 68px !important;
    width:68px !important;
    min-width:68px !important;
    scroll-snap-align:center !important;
  }

  .homepage-rank-road .home-rank-orb{
    width:50px !important;
    height:50px !important;
    min-width:50px !important;
    font-size:24px !important;
  }

  .homepage-rank-road .home-rank-node > span{
    margin-top:6px !important;
    font-size:9px !important;
    line-height:1.05 !important;
  }

  .homepage-rank-road .home-rank-node > small{
    margin-top:4px !important;
    font-size:8px !important;
  }

  .homepage-rank-road .home-rank-line{
    flex:0 0 24px !important;
    width:24px !important;
    min-width:24px !important;
    margin-top:24px !important;
  }

  .homepage-rank-road .you-marker{
    margin-top:4px !important;
    font-size:7px !important;
  }


  .hero-progress-card{
    margin-top:5px !important;
    padding:8px 10px !important;
    border-radius:13px !important;
  }

  .hero-progress-head{
    margin-bottom:6px !important;
  }

  .hero-progress-head strong{
    font-size:10px !important;
  }

  .hero-progress-track{
    height:5px !important;
  }

  .hero-progress-card p{
    margin:6px 0 0 !important;
    font-size:9.5px !important;
  }

  .cta-grid-home-final{
    gap:10px !important;
    margin-top:22px !important;
  }

  .cta-grid-home-final .cta{
    min-height:72px !important;
    padding:11px 12px !important;
    border-radius:16px !important;
    box-shadow:0 9px 24px rgba(0,0,0,.24) !important;
  }

  .cta-grid-home-final .cta > span{
    font-size:25px !important;
  }

  .cta-grid-home-final .cta strong{
    font-size:11.5px !important;
    line-height:1.1 !important;
  }

  .cta-grid-home-final .cta small{
    margin-top:4px !important;
    font-size:8px !important;
    line-height:1.15 !important;
  }

  /* =====================================================
     5. CARD LANGUAGE — less glow, more premium consistency
     ===================================================== */
  #eventsGrid > *,
  #singles .board-card,
  #doubles .board-card,
  #submitPage .submit-hub-card,
  #submitPage .submit-hub-note,
  #market .mytt-market-hero,
  #market .mytt-market-toolbar,
  #market .mytt-market-info-strip,
  #myttMarketGrid > *{
    border-radius:var(--mytt-mobile-card-radius) !important;
    border-color:var(--mytt-mobile-red) !important;
    box-shadow:0 10px 26px rgba(0,0,0,.26),0 0 12px rgba(239,68,68,.05) !important;
  }

  #submitPage .submit-hub-grid{
    gap:12px !important;
  }

  #submitPage .submit-hub-card{
    min-height:98px !important;
    padding:14px !important;
  }

  #submitPage .submit-hub-icon{
    width:58px !important;
    height:58px !important;
    min-width:58px !important;
  }

  #submitPage .submit-hub-copy strong{
    font-size:15px !important;
    line-height:1.15 !important;
  }

  #submitPage .submit-hub-copy small{
    font-size:10px !important;
    line-height:1.25 !important;
  }

  #market .mytt-market-hero{
    padding:17px !important;
  }

  #market .mytt-market-hero h2{
    font-size:clamp(31px,8.8vw,40px) !important;
    line-height:.95 !important;
  }

  #market .mytt-market-subtitle{
    font-size:11px !important;
    line-height:1.4 !important;
  }

  #market .mytt-market-toolbar{
    gap:9px !important;
  }

  /* Mobile leaderboard card polish, without changing its data logic. */
  #singles tbody tr,
  #doubles tbody tr{
    border-radius:16px !important;
    border-color:rgba(239,68,68,.3) !important;
    box-shadow:0 8px 18px rgba(0,0,0,.2) !important;
  }
}

@media (max-width: 390px){
  .premium-brand-mark{
    width:45px !important;
    height:45px !important;
    min-width:45px !important;
  }
  .premium-brand-name{font-size:22px !important;}
  .premium-brand-sub{font-size:7.8px !important;}

  #events .section-head h2,
  #players .section-head h2,
  #singles .section-head h2,
  #doubles .section-head h2,
  #submitPage .section-head h2,
  #submitPageTitle{
    font-size:29px !important;
  }

  #players #playersFilter,
  #players #playersSort{
    padding:0 9px !important;
    font-size:12px !important;
  }
}

/* =========================================================
   SOURCE: index.html <style id="mytt-event-photo-bg-v2">
   SHA256: bcaed9dd0647
   ========================================================= */
/* Rating Day hero — dark arena photo background */
.target-event-hero{
  isolation:isolate !important;
  background:
    linear-gradient(90deg,rgba(2,3,5,.97) 0%,rgba(2,3,5,.84) 37%,rgba(2,3,5,.34) 68%,rgba(2,3,5,.12) 100%),
    url('event-rating-day-bg.jpg') right center / cover no-repeat !important;
}

/* Remove the old separate tech-art paddle so the new photo is the hero art */

.target-event-hero .target-hero-content,
.target-event-hero .target-hero-action{
  position:relative !important;
  z-index:2 !important;
}

/* subtle premium edge light, keeps the current neon language */

@media (max-width:768px){

  .target-event-title,
  .target-event-summary,
  .target-hero-action{
    position:relative !important;
    z-index:3 !important;
  }
}

/* =========================================================
   SOURCE: index.html <style id="mytt-event-photo-layout-v3">
   SHA256: cfc9ec1e2eeb
   ========================================================= */
/* =========================================================
   DESKTOP EVENT HERO V3
   Keep the arena photo intact on the right; never use cover.
   ========================================================= */
@media (min-width:769px){
  .target-event-hero{
    position:relative !important;
    display:block !important;
    overflow:hidden !important;
  }

  .target-event-hero::before{
    opacity:.28 !important;
  }

  .target-event-hero::after{
    z-index:1 !important;
  }

  .target-event-hero .target-paddle-art{
    display:none !important;
  }

  .target-hero-content{
    position:relative !important;
    z-index:3 !important;
  }

  .target-event-title{
    margin:0 0 30px !important;
    padding:0 !important;
    line-height:.82 !important;
  }

  .target-event-title>span{
    margin:0 0 4px 5px !important;
    font-size:clamp(32px,2.5vw,44px) !important;
    line-height:.95 !important;
  }

  .target-event-title>strong{
    font-size:clamp(58px,4.8vw,78px) !important;
    line-height:.82 !important;
    letter-spacing:-1.5px !important;
  }

  .target-event-summary{
    width:min(720px,100%) !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1.32fr 1.08fr !important;
    gap:0 !important;
    align-items:center !important;
    padding:11px 13px !important;
    border:1px solid rgba(255,255,255,.08) !important;
    border-radius:16px !important;
    background:rgba(4,5,8,.72) !important;
    box-shadow:inset 0 0 0 1px rgba(255,45,45,.04) !important;
    backdrop-filter:blur(7px) !important;
  }

  .target-event-summary>i{
    display:none !important;
  }

  .target-summary-item{
    min-width:0 !important;
    gap:9px !important;
    padding:3px 13px !important;
    border-right:1px solid rgba(255,255,255,.10) !important;
  }

  .target-summary-item:first-child{
    padding-left:3px !important;
  }

  .target-summary-item:last-child{
    padding-right:0 !important;
    border-right:0 !important;
  }

  .target-summary-item strong{
    font-size:13px !important;
    line-height:1.05 !important;
    white-space:normal !important;
  }

  .target-summary-item small{
    margin-top:4px !important;
    font-size:8.5px !important;
    line-height:1.12 !important;
    white-space:normal !important;
  }

  .target-summary-icon{
    width:34px !important;
    height:34px !important;
    font-size:18px !important;
  }

  .target-calendar-icon{
    border-width:2px !important;
  }

  .target-live-dot{
    width:19px !important;
    height:19px !important;
    flex:0 0 19px !important;
  }

  .target-people-icon{
    display:none !important;
  }

  .target-spots-summary>b{
    font-size:34px !important;
    line-height:.9 !important;
    flex:0 0 auto !important;
  }

  .target-hero-action{
    z-index:4 !important;
    padding:0 !important;
    display:block !important;
  }

  .target-register-button{
    width:100% !important;
    padding:0 22px !important;
    border-radius:17px !important;
    gap:16px !important;
    background:linear-gradient(145deg,rgba(255,43,43,.96),rgba(194,14,20,.96)) !important;
    box-shadow:
      0 0 0 4px rgba(255,52,52,.09),
      inset 0 0 0 1px rgba(255,255,255,.16),
      0 0 18px rgba(255,35,35,.50) !important;
  }

  .target-register-button::before{
    inset:5px !important;
    border-radius:12px !important;
  }

  .target-register-button span{
    font-size:18px !important;
  }

  .target-register-button b{
    font-size:25px !important;
  }
}

/* =========================================================
   SOURCE: index.html <style id="mytt-event-final-integrated-v1">
   SHA256: 167a83908536
   ========================================================= */
/* =========================================================
   MYTT FINAL EVENT INTEGRATION — DESKTOP + MOBILE
   Cleaner typography, stronger photo presentation, and a
   more balanced hero layout for both desktop and mobile.
   ========================================================= */

:root{
  --mytt-event-red:#ff4e4e;
  --mytt-event-red-2:#ff2d2d;
  --mytt-event-dark:#07090d;
  --mytt-event-panel:rgba(10,12,17,.78);
  --mytt-event-line:rgba(255,82,82,.26);
}

#events .events-grid.events-count-1,
#events .events-grid{
  gap:18px !important;
}

.target-event-shell{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
}

.target-event-hero{
  position:relative !important;
  overflow:hidden !important;
  border-radius:30px !important;
  border:1px solid rgba(255,70,70,.42) !important;
  box-shadow:
    0 16px 44px rgba(0,0,0,.36),
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 22px rgba(255,40,40,.12) !important;
}

.target-event-hero::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.03),transparent 28%),
    linear-gradient(125deg,transparent 0 61%,rgba(255,55,55,.18) 77%,transparent 86%) !important;
  z-index:1 !important;
}

.target-event-hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 22%),
    radial-gradient(circle at 82% 33%,rgba(255,255,255,.08),transparent 19%),
    radial-gradient(circle at 86% 76%,rgba(255,50,50,.16),transparent 24%) !important;
  z-index:1 !important;
}

.target-event-hero .target-paddle-art{display:none !important;}
.target-hero-content,.target-hero-action{position:relative !important;z-index:3 !important;}

.target-event-title{margin:0 !important;line-height:.86 !important;}
.target-event-title > span{
  display:block !important;
  margin:0 0 6px !important;
  font-size:clamp(20px,1.55vw,30px) !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,.96) !important;
}
.target-event-title > strong{
  display:block !important;
  max-width:4.85ch !important;
  margin:0 !important;
  font-size:clamp(62px,5.4vw,92px) !important;
  font-style:italic !important;
  font-weight:1000 !important;
  line-height:.84 !important;
  letter-spacing:-.055em !important;
  text-transform:uppercase !important;
  color:#fff !important;
  text-shadow:
    0 3px 0 rgba(255,80,80,.42),
    0 0 24px rgba(255,55,55,.16) !important;
}

.target-event-summary{
  display:grid !important;
  grid-template-columns:1fr 1fr 1fr !important;
  gap:0 !important;
  width:min(660px,100%) !important;
  padding:12px 12px !important;
  border-radius:18px !important;
  border:1px solid rgba(255,255,255,.06) !important;
  background:linear-gradient(180deg,rgba(8,10,15,.78),rgba(7,9,13,.88)) !important;
  backdrop-filter:blur(8px) !important;
  box-shadow:inset 0 0 0 1px rgba(255,50,50,.03) !important;
}
.target-event-summary > i{display:none !important;}
.target-summary-item{
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  padding:2px 12px !important;
  border-right:1px solid rgba(255,255,255,.08) !important;
}
.target-summary-item:last-child{border-right:none !important;padding-right:4px !important;}
.target-summary-item:first-child{padding-left:4px !important;}
.target-summary-item strong{
  display:block !important;
  font-size:13px !important;
  line-height:1.06 !important;
  letter-spacing:.01em !important;
  color:#fff !important;
}
.target-summary-item small{
  display:block !important;
  margin-top:3px !important;
  font-size:9px !important;
  line-height:1.15 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
  color:rgba(255,255,255,.62) !important;
}
.target-summary-icon,
.target-live-dot,
.target-people-icon{
  flex:0 0 auto !important;
}
.target-summary-icon{
  width:36px !important;
  height:36px !important;
  border-radius:12px !important;
  font-size:18px !important;
}
.target-live-dot{
  width:17px !important;
  height:17px !important;
  box-shadow:0 0 14px rgba(73,255,96,.55) !important;
}
.target-people-icon{display:none !important;}
.target-spots-summary b{
  font-size:36px !important;
  line-height:.9 !important;
  color:#ff4f4f !important;
}

.target-register-button{
  border-radius:18px !important;
  background:linear-gradient(180deg,#ff5353 0%,#ef2c2c 100%) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 0 0 4px rgba(255,64,64,.10),
    0 10px 30px rgba(255,35,35,.25),
    inset 0 0 0 1px rgba(255,255,255,.10) !important;
}
.target-register-button::before{
  inset:5px !important;
  border-radius:13px !important;
  border:1px solid rgba(255,255,255,.18) !important;
}
.target-register-button span,
.target-register-button b{
  color:#fff !important;
  text-shadow:none !important;
}
.target-register-button span{font-size:18px !important;font-weight:900 !important;letter-spacing:.03em !important;}
.target-register-button b{font-size:24px !important;font-weight:900 !important;}

.target-event-details{
  border-radius:28px !important;
  border:1px solid rgba(255,70,70,.20) !important;
  background:
    linear-gradient(180deg,rgba(8,10,15,.94),rgba(7,9,13,.97)),
    rgba(7,9,13,.95) !important;
  box-shadow:0 12px 32px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.02) !important;
}
.target-details-title strong{letter-spacing:.11em !important;}
.target-tech-grid{gap:14px !important;}
.target-tech-card{
  min-height:112px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(11,14,20,.98),rgba(8,10,14,.95)) !important;
  border:1px solid rgba(255,70,70,.16) !important;
}
.target-tech-card small{font-size:12px !important;letter-spacing:.12em !important;}
.target-tech-card strong{font-size:19px !important;line-height:1.14 !important;}
.target-tech-icon{width:64px !important;height:64px !important;font-size:28px !important;}

@media (min-width:769px){
  .target-event-hero{
    min-height:360px !important;
    background:
      linear-gradient(90deg,
        rgba(5,7,10,.985) 0%,
        rgba(5,7,10,.965) 29%,
        rgba(5,7,10,.80) 45%,
        rgba(5,7,10,.34) 62%,
        rgba(5,7,10,.06) 80%,
        rgba(5,7,10,0) 100%),
      url('event-rating-day-bg.jpg') right center / auto 126% no-repeat,
      #05070a !important;
  }
  .target-hero-content{
    width:58% !important;
    min-height:360px !important;
    padding:34px 26px 28px 34px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
  }
  .target-event-title{padding-top:2px !important;}
  .target-hero-action{position:absolute !important;top:110px !important;right:60px !important;width:320px !important;}
  .target-register-button{min-height:82px !important;height:82px !important;}
  .target-event-details{padding:28px 26px 26px !important;}
  .target-tech-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;}
}

@media (max-width:768px){
  #events .section-head h2{max-width:11ch !important;line-height:.92 !important;}
  .target-event-shell{gap:14px !important;}
  .target-event-hero{
    min-height:445px !important;
    background:
      linear-gradient(180deg,rgba(6,8,12,.12) 0%,rgba(6,8,12,.30) 28%,rgba(6,8,12,.88) 63%,rgba(6,8,12,.98) 100%),
      linear-gradient(90deg,rgba(6,8,12,.88) 0%,rgba(6,8,12,.72) 34%,rgba(6,8,12,.30) 70%,rgba(6,8,12,.16) 100%),
      url('event-rating-day-bg.jpg') right top 18px / 78% auto no-repeat,
      #05070a !important;
  }
  .target-hero-content{
    width:100% !important;
    min-height:445px !important;
    padding:22px 18px 114px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:space-between !important;
  }
  .target-event-title > span{font-size:20px !important;margin-bottom:2px !important;}
  .target-event-title > strong{max-width:4.9ch !important;font-size:clamp(48px,13vw,70px) !important;line-height:.84 !important;}
  .target-event-summary{width:100% !important;padding:9px 8px !important;border-radius:16px !important;grid-template-columns:1fr 1fr 1fr !important;}
  .target-summary-item{gap:8px !important;padding:2px 7px !important;}
  .target-summary-icon{width:28px !important;height:28px !important;border-radius:10px !important;font-size:14px !important;}
  .target-live-dot{width:12px !important;height:12px !important;}
  .target-spots-summary b{font-size:28px !important;}
  .target-summary-item strong{font-size:10px !important;line-height:1.05 !important;}
  .target-summary-item small{font-size:7px !important;line-height:1.1 !important;letter-spacing:.06em !important;}
  .target-hero-action{position:absolute !important;left:18px !important;right:18px !important;bottom:18px !important;width:auto !important;}
  .target-register-button{width:100% !important;min-height:60px !important;height:60px !important;gap:12px !important;}
  .target-register-button span{font-size:15px !important;}
  .target-register-button b{font-size:21px !important;}
  .target-event-details{padding:16px 14px 16px !important;border-radius:22px !important;}
  .target-details-heading{margin-bottom:12px !important;gap:10px !important;align-items:center !important;}
  .target-details-title strong{font-size:12px !important;letter-spacing:.12em !important;}
  .target-event-id{font-size:11px !important;padding:8px 10px !important;border-radius:12px !important;}
  .target-tech-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:8px !important;}
  .target-tech-card{min-height:88px !important;padding:10px 8px !important;border-radius:14px !important;align-items:flex-start !important;gap:8px !important;}
  .target-tech-icon{width:34px !important;height:34px !important;font-size:16px !important;}
  .target-tech-card small{font-size:9px !important;line-height:1.05 !important;letter-spacing:.10em !important;}
  .target-tech-card strong{font-size:10px !important;line-height:1.18 !important;word-break:break-word !important;}
}

@media (max-width:430px){
  .target-event-hero{min-height:430px !important;}
  .target-hero-content{min-height:430px !important;}
  .target-event-title > strong{font-size:46px !important;}
}

/* =========================================================
   SOURCE: index.html <style id="mytt-event-hero-exact-v5">
   SHA256: a3f2667dfd04
   ========================================================= */
/* =========================================================
   MYTT MOBILE EVENT V5 — HERO ONLY
   Dedicated DOM + dedicated CSS. No legacy mobile Event UI.
   ========================================================= */
.mytt-event-v5{display:none;}

@media (max-width:768px){
  /* Remove every legacy mobile event heading/card/detail block. */
  #events > .section-head,
  #events .events-section-head,
  #events .target-event-shell > .target-event-hero,
  #events .target-event-shell > .target-event-details{
    display:none !important;
  }

  #events{
    padding-top:22px !important;
  }
  #eventsGrid{
    display:block !important;
    width:100% !important;
    margin:0 !important;
  }
  #events .target-event-shell{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
  }

  #events .mytt-event-v5{
    display:block !important;
    margin:0 !important;
  }

  #events .me5-kicker{
    margin:0 0 15px 6px !important;
    color:#ff4a4a !important;
    font-size:13px !important;
    font-weight:900 !important;
    line-height:1 !important;
    letter-spacing:.30em !important;
    text-transform:uppercase !important;
  }

  #events .me5-card{
    position:relative !important;
    overflow:hidden !important;
    isolation:isolate !important;
    border:1px solid rgba(255,66,66,.96) !important;
    background:
      radial-gradient(circle at 78% 44%,rgba(255,35,35,.22),transparent 32%),
      linear-gradient(122deg,transparent 0 58%,rgba(255,48,48,.14) 59% 60%,transparent 61% 100%),
      repeating-linear-gradient(135deg,rgba(255,56,56,.075) 0 1px,transparent 1px 15px),
      linear-gradient(180deg,#0a090c 0%,#050507 100%) !important;
    box-shadow:
      0 0 0 1px rgba(255,55,55,.14),
      0 0 20px rgba(255,26,26,.25),
      inset 0 0 32px rgba(255,38,38,.065),
      0 18px 36px rgba(0,0,0,.34) !important;
  }

  #events .me5-card::before{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:1 !important;
    pointer-events:none !important;
    background:
      linear-gradient(120deg,transparent 0 54%,rgba(255,50,50,.16) 55% 56%,transparent 57% 100%),
      radial-gradient(circle at 90% 17%,rgba(255,42,42,.17),transparent 18%),
      repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.012) 18px 19px) !important;
  }
  #events .me5-card::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    z-index:4 !important;
    pointer-events:none !important;
    background:
      linear-gradient(180deg,rgba(0,0,0,0) 0 67%,rgba(0,0,0,.18) 73%,rgba(0,0,0,.82) 84%,rgba(0,0,0,.96) 100%) !important;
  }

  /* Metallic tournament title. */
  #events .me5-title{
    position:absolute !important;
    z-index:8 !important;
    right:10px !important;
    pointer-events:none !important;
    text-transform:uppercase !important;
  }
  #events .me5-title span,
  #events .me5-title strong{
    display:block !important;
    width:max-content !important;
    max-width:none !important;
    margin:0 !important;
    font-family:Impact,"Arial Black","Arial Narrow",sans-serif !important;
    font-style:italic !important;
    font-weight:1000 !important;
    text-transform:uppercase !important;
    transform-origin:left center !important;
  }
  #events .me5-title span{
    margin-left:6px !important;
    letter-spacing:.08em !important;
    transform:scaleX(.90) skewX(-2deg) !important;
  }
  #events .me5-title strong{
    margin-top:2px !important;
    white-space:nowrap !important;
    letter-spacing:-.025em !important;
    transform:scaleX(.90) skewX(-2deg) !important;
  }

  /* Paddle/photo blended into the card — no visible square image panel. */
  #events .me5-art{
    position:absolute !important;
    z-index:3 !important;
    background:url('event-paddle.webp') left bottom / contain no-repeat !important;
    mix-blend-mode:screen !important;
    opacity:.97 !important;
    filter:saturate(1.10) contrast(1.08) brightness(1.00) !important;
    pointer-events:none !important;
  }
  #events .me5-art::after{
    content:"" !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(90deg,transparent 0 68%,rgba(7,7,10,.55) 84%,#07070a 100%) !important;
    pointer-events:none !important;
  }

  /* Register button sits to the right of the paddle, like the approved mockup. */
  #events .me5-register-wrap{
    position:absolute !important;
    z-index:10 !important;
  }
  #events .me5-register{
    position:relative !important;
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(255,255,255,.75) !important;
    color:#fff !important;
    background:linear-gradient(180deg,#ff3e3e 0%,#c60d13 100%) !important;
    clip-path:polygon(6% 0,100% 0,100% 82%,94% 100%,0 100%,0 18%) !important;
  }
  #events .me5-register::after{
    content:"" !important;
    position:absolute !important;
    border:1px solid rgba(255,255,255,.24) !important;
    clip-path:inherit !important;
    pointer-events:none !important;
  }
  #events .me5-register span{
    position:relative !important;
    z-index:1 !important;
    font-weight:950 !important;
    line-height:1 !important;
  }
  #events .me5-register b{
    position:relative !important;
    z-index:1 !important;
    line-height:1 !important;
  }
  #events .me5-register.disabled{opacity:.55 !important;box-shadow:none !important;}

  /* Date / registration / spots: one clean row at the bottom. */
  #events .me5-summary{
    position:absolute !important;
    z-index:12 !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    display:grid !important;
    background:rgba(3,4,7,.965) !important;
    border-top:1px solid rgba(255,63,63,.30) !important;
  }
  #events .me5-summary-item{
    display:flex !important;
    align-items:center !important;
    border-right:1px solid rgba(255,255,255,.10) !important;
  }
  #events .me5-summary-item:last-child{border-right:0 !important;}
  #events .me5-icon,
  #events .me5-users{
    color:#ff4343 !important;
  }
  #events .me5-icon svg,
  #events .me5-users svg{
    display:block !important;
    width:100% !important;
    height:100% !important;
    fill:none !important;
    stroke:currentColor !important;
    stroke-width:1.8 !important;
    stroke-linecap:round !important;
    stroke-linejoin:round !important;
  }
  #events .me5-live-dot{
    border-radius:50% !important;
    background:#2ce445 !important;
    box-shadow:0 0 13px rgba(44,228,69,.86) !important;
  }
  #events .me5-summary-item strong{
    display:block !important;
    margin:0 !important;
    color:#fff !important;
    font-weight:950 !important;
  }
  #events .me5-summary-item small{
    display:block !important;
    margin-top:3px !important;
    color:rgba(255,255,255,.60) !important;
    font-weight:650 !important;
    letter-spacing:.035em !important;
  }
  #events .me5-spots b{
    flex:0 0 auto !important;
    margin-right:1px !important;
    color:#ff4444 !important;
    font-weight:1000 !important;
    line-height:.88 !important;
  }
}

@media (max-width:390px){
  #events .me5-title strong{transform:scaleX(.88) skewX(-2deg) !important;}
  #events .me5-summary-item{padding-left:5px !important;padding-right:5px !important;gap:5px !important;}
  #events .me5-icon,#events .me5-users{width:27px !important;height:27px !important;min-width:27px !important;}
  #events .me5-summary-item strong{font-size:8.3px !important;}
  #events .me5-summary-item small{font-size:6.2px !important;}
  #events .me5-spots b{font-size:28px !important;}
}

/* =========================================================
   SOURCE: index.html <style id="mytt-event-v6-clean-title-small-button">
   COMPACTED: title experiment removed because V7 restored V5 exactly.
   ========================================================= */
@media (max-width:768px){
  #events .me5-register{gap:7px !important;box-shadow:0 0 0 2px rgba(255,40,40,.12),0 0 13px rgba(255,25,25,.36),inset 0 0 0 1px rgba(255,255,255,.12) !important;}
  #events .me5-register::after{inset:5px !important;border-radius:7px !important;border-color:rgba(255,255,255,.17) !important;}
  #events .me5-register span{letter-spacing:.01em !important;}
}
@media (max-width:390px){
  #events .me5-register b{font-size:17px !important;}
}

/* =========================================================
   SOURCE: index.html <style id="mytt-event-v10-metal-flat-details">
   COMPACTED: final V12 overrides removed; facts component retained.
   ========================================================= */
.me10-facts{display:none;}
@media (max-width:768px){
  #events .me10-facts{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;padding:0 !important;}
  #events .me10-fact{min-width:0 !important;display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:flex-start !important;text-align:center !important;border:1px solid rgba(255,63,63,.28) !important;background:linear-gradient(180deg,rgba(14,12,15,.94),rgba(7,8,11,.98)) !important;box-shadow:inset 0 0 18px rgba(255,35,35,.025) !important;}
  #events .me10-fact-icon{display:flex !important;align-items:center !important;justify-content:center !important;border:1px solid rgba(255,60,60,.46) !important;border-radius:50% !important;color:#ff4a4a !important;line-height:1 !important;box-shadow:0 0 10px rgba(255,38,38,.12) !important;}
  #events .me10-paddle{font-size:14px !important;}
  #events .me10-fact small{display:block !important;margin:0 0 4px !important;color:#ff5656 !important;line-height:1 !important;font-weight:900 !important;letter-spacing:.08em !important;white-space:nowrap !important;}
  #events .me10-fact strong{max-width:100% !important;color:#fff !important;font-weight:850 !important;overflow:hidden !important;display:-webkit-box !important;-webkit-box-orient:vertical !important;-webkit-line-clamp:2 !important;}
}

/* =========================================================
   SOURCE: index.html <style id="mytt-event-v11-clean-status">
   COMPACTED: declarations overridden by V12 removed.
   ========================================================= */
@media (max-width:768px){
  #events .me5-status strong{white-space:normal !important;}
  #events .me5-spots{gap:4px !important;padding-left:5px !important;padding-right:4px !important;}
  #events .me5-spots strong{white-space:normal !important;overflow:visible !important;}
}

/* =========================================================
   SOURCE: index.html <style id="mytt-event-v12-clean-metal-compact">
   SHA256: 3bc53404ceea
   ========================================================= */
/* V12 — no internal title cut-lines; metallic depth via solid silver + edge shadows only. */
@media (max-width:768px){
  /* Narrower mobile event block. */
  #events .mytt-event-v5{
    box-sizing:border-box !important;
    width:100% !important;
    padding:0 14px 14px !important;
  }
  #events .me5-kicker{
    margin-left:4px !important;
  }

  /* Flatter hero. */
  #events .me5-card{
    width:100% !important;
    height:315px !important;
    min-height:315px !important;
    max-height:315px !important;
    border-radius:19px !important;
  }

  /* Clean metallic type: no background gradient = no internal slicing/bands. */
  #events .me5-title span,
  #events .me5-title strong{
    color:#f2f2f0 !important;
    -webkit-text-fill-color:#f2f2f0 !important;
    background:none !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;
    -webkit-text-stroke:.7px rgba(255,255,255,.94) !important;
    text-shadow:
      0 -1px 0 #ffffff,
      0 1px 0 #c7c7c4,
      0 2px 0 #8e8e8b,
      0 3px 0 #720d12,
      0 5px 0 #2c0305,
      0 0 7px rgba(255,45,45,.46) !important;
    filter:none !important;
  }

  #events .me5-title{
    top:14px !important;
    left:22px !important;
  }
  #events .me5-title span{
    font-size:clamp(29px,9.4vw,40px) !important;
    line-height:.86 !important;
  }
  #events .me5-title strong{
    font-size:clamp(43px,12.9vw,58px) !important;
    line-height:.82 !important;
  }

  /* Lift paddle/ball and CTA noticeably. */
  #events .me5-art{
    left:0 !important;
    bottom:92px !important;
    width:50% !important;
    height:43% !important;
  }
  #events .me5-register-wrap{
    top:123px !important;
    right:17px !important;
    width:36% !important;
    transform:none !important;
  }
  #events .me5-register{
    height:56px !important;
    min-height:56px !important;
    padding:0 9px !important;
    border-radius:11px !important;
  }
  #events .me5-register span{
    font-size:11.5px !important;
    white-space:nowrap !important;
  }
  #events .me5-register b{
    font-size:17px !important;
  }

  /* Status strip stays simple and compact. */
  #events .me5-summary{
    height:62px !important;
    grid-template-columns:1.04fr 1.08fr .88fr !important;
  }
  #events .me5-summary-item{
    min-width:0 !important;
    padding:6px 6px !important;
    gap:5px !important;
  }
  #events .me5-icon,
  #events .me5-users{
    width:23px !important;
    height:23px !important;
    min-width:23px !important;
  }
  #events .me5-live-dot{
    width:11px !important;
    height:11px !important;
    min-width:11px !important;
  }
  #events .me5-summary-item strong{
    font-size:8.2px !important;
    line-height:1.05 !important;
  }
  #events .me5-summary-item small{
    font-size:6px !important;
    line-height:1.05 !important;
  }
  #events .me5-status small,
  #events .me5-spots small{display:none !important;}
  #events .me5-spots b{
    font-size:24px !important;
  }
  #events .me5-spots strong{
    font-size:7.7px !important;
    line-height:1 !important;
  }

  /* Keep the four facts below in a single compact row. */
  #events .me10-facts{
    box-sizing:border-box !important;
    width:calc(100% - 28px) !important;
    margin:9px auto 0 !important;
    gap:6px !important;
  }
  #events .me10-fact{
    min-height:74px !important;
    padding:8px 4px 7px !important;
    border-radius:12px !important;
  }
  #events .me10-fact-icon{
    width:25px !important;
    height:25px !important;
    margin-bottom:4px !important;
    font-size:13px !important;
  }
  #events .me10-fact small{
    font-size:7px !important;
    margin-bottom:3px !important;
  }
  #events .me10-fact strong{
    font-size:8.4px !important;
    line-height:1.1 !important;
  }
}

@media (max-width:390px){
  #events .mytt-event-v5{padding-left:12px !important;padding-right:12px !important;}
  #events .me5-card{
    height:300px !important;
    min-height:300px !important;
    max-height:300px !important;
  }
  #events .me5-title{top:13px !important;left:19px !important;}
  #events .me5-title span{font-size:28px !important;}
  #events .me5-title strong{font-size:42px !important;}
  #events .me5-art{bottom:87px !important;width:49% !important;height:41% !important;}
  #events .me5-register-wrap{top:116px !important;right:14px !important;width:37% !important;}
  #events .me5-register{height:52px !important;min-height:52px !important;}
  #events .me5-register span{font-size:10.5px !important;}
  #events .me5-summary{height:59px !important;}
  #events .me10-fact{min-height:70px !important;}
}

/* =========================================================
   SOURCE: index.html <style id="mytt-market-mobile-clean-v18">
   SHA256: bd1a0a076713
   ========================================================= */
@media (max-width:680px){
  /* Market page: compact, calmer hierarchy */
  #market.mytt-market-section{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  #market .mytt-market-hero{
    position:relative !important;
    display:block !important;
    min-height:170px !important;
    padding:18px !important;
    margin:0 0 12px !important;
    overflow:hidden !important;
    border-radius:20px !important;
    border:1px solid rgba(239,68,68,.28) !important;
    background:
      radial-gradient(circle at 92% 18%,rgba(239,68,68,.14),transparent 34%),
      linear-gradient(145deg,#0b0d12 0%,#101219 62%,#16090b 100%) !important;
    box-shadow:0 10px 24px rgba(0,0,0,.24),0 0 10px rgba(239,68,68,.04) !important;
  }

  #market .mytt-market-hero::after{
    opacity:.22 !important;
  }

  #market .mytt-market-hero-copy{
    position:relative !important;
    z-index:2 !important;
    width:100% !important;
    max-width:none !important;
    padding:0 !important;
  }

  #market .mytt-market-hero .kicker{
    margin:0 0 7px !important;
    font-size:9.5px !important;
    line-height:1.1 !important;
    letter-spacing:.18em !important;
  }

  #market .mytt-market-hero h2{
    margin:0 !important;
    font-size:clamp(27px,7.6vw,33px) !important;
    line-height:1 !important;
    letter-spacing:-.025em !important;
    white-space:nowrap !important;
  }

  #market .mytt-market-subtitle{
    max-width:185px !important;
    margin:10px 0 0 !important;
    font-size:10.5px !important;
    line-height:1.38 !important;
    color:rgba(233,236,242,.68) !important;
  }

  #market .mytt-market-hero-action{
    position:absolute !important;
    z-index:3 !important;
    right:16px !important;
    bottom:16px !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    display:block !important;
  }

  #market .mytt-market-hero-icon{
    display:none !important;
  }

  #market .mytt-market-sell-button,
  #market .mytt-market-hero-action .mytt-market-sell-button{
    width:auto !important;
    min-width:132px !important;
    min-height:42px !important;
    height:42px !important;
    padding:0 15px !important;
    border-radius:13px !important;
    font-size:11.5px !important;
    font-weight:800 !important;
    letter-spacing:.01em !important;
    border:1px solid rgba(255,255,255,.16) !important;
    box-shadow:0 7px 18px rgba(214,30,37,.22),inset 0 1px 0 rgba(255,255,255,.18) !important;
  }

  #market .mytt-market-toolbar{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    padding:0 !important;
    margin:0 0 8px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  #market .mytt-market-search-wrap{
    grid-column:1 / -1 !important;
    min-height:46px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.09) !important;
    background:rgba(13,15,20,.82) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
  }

  #market .mytt-market-toolbar input,
  #market .mytt-market-toolbar select{
    height:46px !important;
    min-height:46px !important;
    border-radius:14px !important;
    border:1px solid rgba(255,255,255,.09) !important;
    background-color:rgba(13,15,20,.84) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
    font-size:11px !important;
  }

  #market .mytt-market-search-wrap input{
    border:0 !important;
    background:transparent !important;
    box-shadow:none !important;
  }

  #market .mytt-market-info-strip{
    display:flex !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
    gap:13px !important;
    margin:2px 0 7px !important;
    padding:4px 3px !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    color:rgba(228,232,239,.62) !important;
    font-size:8.8px !important;
    line-height:1.2 !important;
  }

  #market .mytt-market-info-strip span{
    white-space:nowrap !important;
  }

  #market .mytt-market-info-strip span::first-letter{
    color:#ef5350 !important;
  }

  #market .mytt-market-status{
    margin:2px 0 8px !important;
    padding:0 2px !important;
    font-size:9px !important;
    line-height:1.2 !important;
    letter-spacing:.08em !important;
    color:rgba(217,221,228,.54) !important;
  }

  #market .mytt-market-empty{
    min-height:112px !important;
    border-radius:16px !important;
    border-color:rgba(255,255,255,.08) !important;
    background:rgba(10,12,16,.72) !important;
    box-shadow:none !important;
  }

  #market .mytt-market-retry{
    color:#fff !important;
  }

  #market .mytt-market-disclaimer{
    margin-top:12px !important;
    font-size:8.5px !important;
    line-height:1.4 !important;
    color:rgba(213,217,224,.45) !important;
  }
}

@media (max-width:360px){
  #market .mytt-market-hero h2{
    font-size:26px !important;
  }
  #market .mytt-market-subtitle{
    max-width:155px !important;
  }
  #market .mytt-market-sell-button,
  #market .mytt-market-hero-action .mytt-market-sell-button{
    min-width:122px !important;
    padding:0 12px !important;
    font-size:10.8px !important;
  }
}

/* =========================================================
   SOURCE: index.html <style id="mytt-mobile-v20-usability">
   SHA256: f4da041607bd
   ========================================================= */
/* =========================================================
   MYTT MOBILE V20 — usability / readability / speed-safe UI
   Keeps V18/V19 visual direction; improves phone ergonomics.
   ========================================================= */
@media (max-width:860px){
  :root{--mytt-mobile-header:60px !important;}

  /* App-like compact header: bottom nav is the single phone navigation. */
  .premium-header,
  .site-header{
    min-height:60px !important;
  }
  .premium-header-inner{
    min-height:60px !important;
    padding:7px 14px !important;
    gap:8px !important;
  }
  .premium-brand{gap:9px !important;}
  .premium-brand-mark{
    width:40px !important;
    height:40px !important;
    min-width:40px !important;
    font-size:22px !important;
  }
  .premium-brand-name{
    font-size:21px !important;
    letter-spacing:1.7px !important;
  }
  .premium-brand-sub{
    margin-top:3px !important;
    font-size:9px !important;
    line-height:1.1 !important;
    letter-spacing:.4px !important;
  }
  .premium-mobile-toggle,
  .premium-header-badge,
  .premium-nav{
    display:none !important;
  }
  .mobile-nav-page{
    min-height:calc(100svh - 60px) !important;
  }

  /* Minimum readable sizes for key phone UI. */
  .cta-grid-home-final .cta strong{font-size:12px !important;}
  .cta-grid-home-final .cta small{font-size:9.5px !important;line-height:1.22 !important;}
  .homepage-rank-road .home-rank-node > span{font-size:10px !important;}
  .homepage-rank-road .home-rank-node > small{font-size:9px !important;}
  .homepage-rank-road .you-marker{font-size:9px !important;}

  .hero-home-final .hero-rank-card-final::after{
    content:"SWIPE TO EXPLORE →" !important;
    font-size:8.5px !important;
    letter-spacing:.08em !important;
  }
  .hero-progress-card p{font-size:10px !important;}

  /* All phone form controls stay >=16px to prevent iOS Safari auto-zoom. */
  .result-modal-card input,
  .result-modal-card select,
  .result-modal-card textarea,
  #market input,
  #market select,
  #market textarea,
  .mytt-market-modal input,
  .mytt-market-modal select,
  .mytt-market-modal textarea{
    font-size:16px !important;
  }

  /* Event modal: short flow, folded notes, sticky confirmation action. */
  #eventRegistrationForm .result-field input,
  #eventRegistrationForm .result-field select{
    font-size:16px !important;
  }
  #eventRegistrationForm textarea{
    font-size:16px !important;
    min-height:72px !important;
    height:72px !important;
  }
  .event-notes-details{
    border:1px solid rgba(255,255,255,.09) !important;
    border-radius:12px !important;
    background:rgba(255,255,255,.025) !important;
    overflow:hidden !important;
  }
  .event-notes-details > summary{
    min-height:44px !important;
    display:flex !important;
    align-items:center !important;
    gap:7px !important;
    padding:0 12px !important;
    cursor:pointer !important;
    list-style:none !important;
    font-size:12px !important;
    font-weight:850 !important;
    color:rgba(255,255,255,.86) !important;
  }
  .event-notes-details > summary::-webkit-details-marker{display:none !important;}
  .event-notes-details > summary small{
    margin-left:auto !important;
    font-size:10px !important;
    font-weight:700 !important;
    color:rgba(255,255,255,.48) !important;
  }
  .event-notes-details[open] > summary{
    border-bottom:1px solid rgba(255,255,255,.07) !important;
  }
  .event-notes-field{
    padding:10px !important;
  }
  .event-registration-submit-dock{
    position:sticky !important;
    bottom:-16px !important;
    z-index:8 !important;
    margin:2px -14px -16px !important;
    padding:10px 14px calc(12px + env(safe-area-inset-bottom)) !important;
    background:linear-gradient(180deg,rgba(8,10,14,.60),rgba(8,10,14,.99) 28%) !important;
    border-top:1px solid rgba(255,255,255,.075) !important;
    backdrop-filter:blur(12px) !important;
  }
  .event-registration-submit-dock .result-form-note{
    margin:6px 4px 0 !important;
    font-size:10px !important;
  }
  #eventRegistrationSubmitButton{
    width:100% !important;
    min-height:52px !important;
    font-size:15.5px !important;
  }

  /* Event hero summary: keep one row, but make labels genuinely readable. */
  #events .me5-summary-item strong{
    font-size:9.5px !important;
    line-height:1.08 !important;
  }
  #events .me5-summary-item small{
    font-size:9px !important;
  }
  #events .me5-status strong,
  #events .me5-spots strong{
    font-size:9.3px !important;
  }

  /* Four event facts become a comfortable 2×2 phone grid. */
  #events .me10-facts{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    width:calc(100% - 28px) !important;
    margin:10px auto 0 !important;
  }
  #events .me10-fact{
    min-height:78px !important;
    padding:9px 8px 8px !important;
    justify-content:center !important;
  }
  #events .me10-fact-icon{
    width:27px !important;
    height:27px !important;
    margin-bottom:5px !important;
    font-size:14px !important;
  }
  #events .me10-fact small{
    margin-bottom:4px !important;
    font-size:9px !important;
    letter-spacing:.07em !important;
  }
  #events .me10-fact strong{
    font-size:11px !important;
    line-height:1.18 !important;
    -webkit-line-clamp:2 !important;
  }

  /* Market controls should not be the only tiny text on the app. */
  #market .mytt-market-info-strip{font-size:9.5px !important;}
  #market .mytt-market-status{font-size:9.5px !important;}
  #market .mytt-market-disclaimer{font-size:9.5px !important;line-height:1.45 !important;}

  /* Player cards: no 6–8px stat labels on real phones. */
  .player-card.player-card-icon-tier > .mini-stats-neon .mini-stat small{font-size:9px !important;}
  .player-card.player-card-icon-tier > .player-card-meta{font-size:9.5px !important;}

  /* One footer only; phone app pages use bottom navigation instead. */
  .mytt-footer{display:none !important;}
}

@media (max-width:390px){
  .premium-brand-sub{font-size:8.8px !important;}
  #events .me5-summary-item strong,
  #events .me5-status strong,
  #events .me5-spots strong{font-size:9px !important;}
  #events .me10-facts{gap:7px !important;width:calc(100% - 24px) !important;}
  #events .me10-fact strong{font-size:10.5px !important;}
}