/*
|--------------------------------------------------------------------------
| F53 R6 · INVESTOR WOW LAYER
|--------------------------------------------------------------------------
| Pure presentation layer. No business logic. Loaded after R4 hardening.
| Goals: full-width sports experience, stronger hierarchy/contrast,
| showcase-grade elite player cards, complete styling for Development
| Action System, and consistent desktop/mobile navigation.
*/

:root{
  --wow-bg:#030812;
  --wow-bg-2:#07111d;
  --wow-panel:#0b1928;
  --wow-panel-2:#102235;
  --wow-panel-3:#123047;
  --wow-line:rgba(139,196,217,.18);
  --wow-line-strong:rgba(83,226,190,.34);
  --wow-text:#f6fbff;
  --wow-soft:#d6e7f1;
  --wow-muted:#9fb8c8;
  --wow-cyan:#4fe2bd;
  --wow-blue:#66b5ff;
  --wow-gold:#f8c95c;
  --wow-orange:#ff9a61;
  --wow-danger:#ff7d92;
  --wow-shadow:0 24px 70px rgba(0,0,0,.34);
}

html{background:var(--wow-bg)}
body.f53-experience{
  min-height:100vh;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 80% -10%,rgba(44,211,177,.12),transparent 32%),
    radial-gradient(circle at -10% 32%,rgba(70,140,255,.10),transparent 28%),
    linear-gradient(180deg,#030812 0%,#06101b 58%,#030812 100%)!important;
  color:var(--wow-text);
}

/* Reliable full viewport treatment. No :has dependency. */
body.f53-experience > .wrap{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:16px clamp(12px,2vw,30px) 104px!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

body.f53-experience .f53coach-shell,
body.f53-experience .child360-shell,
body.f53-experience .f360-player-hub,
body.f53-experience .f360-coach{
  width:min(1600px,100%)!important;
  max-width:1600px!important;
  margin-inline:auto!important;
}

/* Master key becomes part of the layout and never covers page headings. */
body.f53-experience .f53-demo-masterbar{
  position:sticky!important;
  top:8px!important;
  right:auto!important;
  z-index:90!important;
  width:max-content!important;
  max-width:calc(100vw - 24px)!important;
  margin:8px 12px 2px auto!important;
  padding:7px 8px 7px 11px!important;
  border:1px solid rgba(79,226,189,.30)!important;
  border-radius:999px!important;
  background:rgba(4,24,31,.88)!important;
  box-shadow:0 14px 38px rgba(0,0,0,.32)!important;
  backdrop-filter:blur(18px) saturate(130%);
}
body.f53-experience .f53-demo-masterbar b{color:var(--wow-cyan)!important;letter-spacing:.05em}
body.f53-experience .f53-demo-masterbar span{color:#c3d7e2!important}
body.f53-experience .f53-demo-masterbar button{
  margin:0!important;
  min-height:32px!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#4fe2bd,#74efd0)!important;
  color:#03221b!important;
  box-shadow:0 8px 22px rgba(79,226,189,.18)!important;
}

/* Permanent app navigation for investor walkthrough. */
body.f53-experience .bottom-nav{
  position:fixed!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  z-index:100!important;
  width:100%!important;
  margin:0!important;
  padding:8px max(14px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))!important;
  border-radius:0!important;
  border-top:1px solid rgba(139,196,217,.16)!important;
  background:rgba(3,14,24,.92)!important;
  box-shadow:0 -16px 46px rgba(0,0,0,.34)!important;
  backdrop-filter:blur(18px) saturate(125%);
}
body.f53-experience .bottom-nav a{min-height:48px!important;align-content:center!important;color:#c8d9e4!important;transition:.2s ease}
body.f53-experience .bottom-nav a:hover{background:rgba(79,226,189,.06);border-radius:14px;color:#fff!important}
body.f53-experience .bottom-nav a.active{color:var(--wow-cyan)!important}
body.f53-experience .bottom-nav a span:first-child{font-size:1.05rem!important}
body.f53-experience .bottom-nav a span:last-child{font-size:.72rem!important;font-weight:750!important}

/* Shared sports surfaces */
body.f53-experience :is(.f53coach-panel,.f360-card,.f360-coach-panel,.child360-card,.f360-coach-review,.f360-coach-longitudinal,.f360-development-actions){
  border-color:var(--wow-line)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.20)!important;
}
body.f53-experience :is(.f53coach-shell,.child360-shell,.f360-player-hub,.f360-coach) h1,
body.f53-experience :is(.f53coach-shell,.child360-shell,.f360-player-hub,.f360-coach) h2,
body.f53-experience :is(.f53coach-shell,.child360-shell,.f360-player-hub,.f360-coach) h3{
  color:var(--wow-text)!important;
}
body.f53-experience :is(.f53coach-shell,.child360-shell,.f360-player-hub,.f360-coach) p,
body.f53-experience :is(.f53coach-shell,.child360-shell,.f360-player-hub,.f360-coach) small{
  color:var(--wow-muted);
}

/* ---------------------------------------------------------------------
   COACH COMMAND CENTER
   --------------------------------------------------------------------- */
body.f53-experience-coach .f53coach-shell{padding-top:4px}
body.f53-experience-coach .f53coach-hero{
  min-height:270px!important;
  align-items:center!important;
  padding:clamp(28px,4vw,56px)!important;
  border-color:rgba(79,226,189,.24)!important;
  background:
    radial-gradient(circle at 78% 15%,rgba(79,226,189,.17),transparent 25%),
    linear-gradient(115deg,#081827 0%,#0a2631 60%,#0c3b42 100%)!important;
  box-shadow:var(--wow-shadow)!important;
}
body.f53-experience-coach .f53coach-hero h1{
  max-width:880px;
  font-size:clamp(2.7rem,5vw,5.2rem)!important;
  letter-spacing:-.055em!important;
  line-height:.9!important;
}
body.f53-experience-coach .f53coach-hero>div:first-child>p:not(.f53coach-kicker){
  max-width:780px;
  margin-top:14px!important;
  color:#c9dde8!important;
  font-size:clamp(.95rem,1.2vw,1.12rem)!important;
}
body.f53-experience-coach .f53coach-btn{min-height:42px!important;padding:10px 15px!important}
body.f53-experience-coach .f53coach-btn-primary{
  background:linear-gradient(135deg,#4fe2bd,#38cfae)!important;
  color:#04251e!important;
  box-shadow:0 10px 30px rgba(79,226,189,.18)!important;
}
body.f53-experience-coach .f53coach-kpis{gap:12px!important}
body.f53-experience-coach .f53coach-kpis article{
  min-height:96px;
  padding:18px!important;
  background:linear-gradient(145deg,rgba(14,35,51,.98),rgba(8,25,39,.98))!important;
}
body.f53-experience-coach .f53coach-kpis strong{font-size:clamp(1.7rem,2.3vw,2.45rem)!important}
body.f53-experience-coach .f53coach-elite-strip{gap:14px!important}
body.f53-experience-coach .f53coach-elite-card{
  min-height:180px!important;
  border-color:rgba(79,226,189,.15)!important;
  background:linear-gradient(145deg,#0b1c2c,#0b2734)!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
body.f53-experience-coach .f53coach-elite-card:hover{transform:translateY(-4px);border-color:rgba(79,226,189,.40)!important;box-shadow:0 20px 45px rgba(0,0,0,.32)!important}
body.f53-experience-coach .f53coach-elite-visual{min-width:118px!important;align-self:end!important}
body.f53-experience-coach .f53coach-elite-visual img{width:118px!important;max-height:165px!important;object-fit:contain!important;object-position:bottom center!important;filter:drop-shadow(0 16px 18px rgba(0,0,0,.35))}
body.f53-experience-coach .f53coach-elite-copy h3{font-size:1.18rem!important}
body.f53-experience-coach .f53coach-player-card{transition:transform .2s ease,border-color .2s ease}
body.f53-experience-coach .f53coach-player-card:hover{transform:translateY(-3px);border-color:rgba(102,181,255,.34)!important}

/* ---------------------------------------------------------------------
   CHILD PLAYER WORLD
   --------------------------------------------------------------------- */
body.f53-experience-child .child360-shell{padding-top:4px!important}
body.f53-experience-child .child360-hero{
  min-height:270px!important;
  border-color:rgba(79,226,189,.22)!important;
  box-shadow:var(--wow-shadow)!important;
}
body.f53-experience-child .child360-hero h1{font-size:clamp(2.4rem,5vw,4.7rem)!important;letter-spacing:-.045em!important}
body.f53-experience-child .child360-kpis{gap:12px!important}
body.f53-experience-child .child360-kpi{
  min-height:92px!important;
  padding:17px!important;
  background:linear-gradient(145deg,#0c2031,#0b1827)!important;
}
body.f53-experience-child .child360-kpi strong{font-size:1.7rem!important;color:#fff!important}
body.f53-experience-child .child360-card{background:linear-gradient(145deg,#0b2030,#091725)!important}
body.f53-experience-child .child360-radar-card{border-color:rgba(79,226,189,.23)!important}
body.f53-experience-child .child360-reference-card{border-color:rgba(248,201,92,.20)!important;background:linear-gradient(145deg,#102332,#142b33)!important}
body.f53-experience-child .child360-reference-card img{filter:drop-shadow(0 16px 18px rgba(0,0,0,.35))}

/* ---------------------------------------------------------------------
   TEEN PLAYER HUB — fixes the narrow 900px presentation permanently
   --------------------------------------------------------------------- */
body.f53-experience-teen > .wrap{padding-inline:clamp(12px,2.2vw,34px)!important}
body.f53-experience-teen .f360-player-hub{
  width:100%!important;
  max-width:1600px!important;
  padding:clamp(12px,1.8vw,26px)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 84% 3%,rgba(79,226,189,.13),transparent 28%),
    radial-gradient(circle at 0 35%,rgba(102,181,255,.10),transparent 25%),
    linear-gradient(180deg,#050b14,#050912)!important;
  box-shadow:0 28px 90px rgba(0,0,0,.30)!important;
}
body.f53-experience-teen .f360-player-hero{
  min-height:300px!important;
  background:
    radial-gradient(circle at 84% 18%,rgba(79,226,189,.18),transparent 24%),
    linear-gradient(105deg,#081523 0%,#0a1d2c 58%,#0b3438 100%)!important;
  border-color:rgba(79,226,189,.22)!important;
}
body.f53-experience-teen .f360-player-copy h1{font-size:clamp(2.7rem,5vw,5.3rem)!important}
body.f53-experience-teen .f360-grid-kpi{
  grid-template-columns:minmax(250px,1.25fr) repeat(5,minmax(130px,.75fr))!important;
  gap:12px!important;
}
body.f53-experience-teen .f360-grid-main{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)!important}
body.f53-experience-teen .f360-card{background:linear-gradient(145deg,#0d1b2b,#091522)!important}
body.f53-experience-teen .f360-kpi{min-height:120px!important}
body.f53-experience-teen .f360-kpi strong{font-size:2rem!important;color:#fff!important}
body.f53-experience-teen .f360-radar-layout{gap:28px!important}
body.f53-experience-teen .f360-hub-reference-card{
  min-height:145px!important;
  grid-template-columns:118px minmax(0,1fr) auto!important;
  align-items:center!important;
  padding:18px 22px!important;
  border-color:rgba(248,201,92,.20)!important;
  background:
    radial-gradient(circle at 8% 50%,rgba(248,201,92,.07),transparent 20%),
    linear-gradient(110deg,#0c1d2c,#0d2631)!important;
}
body.f53-experience-teen .f360-hub-reference-avatar{
  width:104px!important;
  height:112px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
body.f53-experience-teen .f360-hub-reference-avatar img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:bottom center!important;filter:drop-shadow(0 12px 16px rgba(0,0,0,.34))}
body.f53-experience-teen .f360-hub-reference-copy h2{font-size:1.65rem!important}
body.f53-experience-teen .f360-hub-reference-action a{color:#fff!important;font-size:.85rem!important}
body.f53-experience-teen .f360-roadmap,
body.f53-experience-teen .f360-benchmark,
body.f53-experience-teen .f360-dev-review{border-radius:22px!important}

/* ---------------------------------------------------------------------
   COACH DEVELOPMENT DETAIL
   --------------------------------------------------------------------- */
body.f53-experience-coach-development > .wrap{padding-inline:clamp(12px,2.1vw,28px)!important}
body.f53-experience-coach-development .f360-coach{width:100%!important;max-width:1650px!important}
body.f53-experience-coach-development .f360-coach-detail-hero{
  padding:24px 26px!important;
  border:1px solid rgba(79,226,189,.18)!important;
  border-radius:24px!important;
  background:linear-gradient(120deg,#081724,#0b2330)!important;
  box-shadow:0 20px 60px rgba(0,0,0,.22)!important;
}
body.f53-experience-coach-development .f360-coach-detail-grid{gap:14px!important;margin-top:14px!important}
body.f53-experience-coach-development .f360-coach-panel{padding:22px!important;background:linear-gradient(145deg,#0d1b2b,#0b1725)!important}
body.f53-experience-coach-development .f360-coach-panel>p:not(.f360-eyebrow){font-size:.9rem!important;color:#b7cad8!important}
body.f53-experience-coach-development .f360-coach-radar-card{
  border-color:rgba(79,226,189,.24)!important;
  background:linear-gradient(145deg,#0d2130,#0b1826)!important;
}
body.f53-experience-coach-development .f360-coach-elite-card{
  min-height:410px!important;
  border-color:rgba(248,201,92,.20)!important;
  background:
    radial-gradient(circle at 28% 15%,rgba(79,226,189,.08),transparent 28%),
    linear-gradient(145deg,#122733,#0c1b29)!important;
}
body.f53-experience-coach-development .f360-coach-elite-visual img{max-height:300px!important;object-fit:contain!important;object-position:bottom center!important;filter:drop-shadow(0 18px 24px rgba(0,0,0,.38))}

/* Longitudinal review: the screenshots exposed low contrast here. */
body.f53-experience-coach-development .f360-coach-review,
body.f53-experience-coach-development .f360-coach-longitudinal{
  padding:24px!important;
  background:linear-gradient(145deg,#0b1a29,#0a1623)!important;
}
body.f53-experience-coach-development .f360-coach-review-table,
body.f53-experience-coach-development .f360-coach-longitudinal-table{
  overflow:hidden!important;
  border:1px solid rgba(139,196,217,.15)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.012)!important;
}
body.f53-experience-coach-development .f360-coach-review-table>div,
body.f53-experience-coach-development .f360-coach-longitudinal-table>div{
  min-height:48px!important;
  align-items:center!important;
  border-color:rgba(139,196,217,.10)!important;
}
body.f53-experience-coach-development .f360-coach-review-table :is(span,strong),
body.f53-experience-coach-development .f360-coach-longitudinal-table :is(span,strong){color:#d6e7f1!important;font-size:.78rem!important}
body.f53-experience-coach-development .f360-coach-review-table .is-header :is(span,strong),
body.f53-experience-coach-development .f360-coach-longitudinal-table .is-header :is(span,strong){color:#8fb2c5!important;font-size:.68rem!important;text-transform:uppercase!important;letter-spacing:.05em!important}
body.f53-experience-coach-development .f360-coach-review-signals,
body.f53-experience-coach-development .f360-coach-longitudinal-insights{color:#c1d4df!important}
body.f53-experience-coach-development .f360-coach-review-signals li,
body.f53-experience-coach-development .f360-coach-longitudinal-insights p{color:#b8ccd9!important;font-size:.82rem!important;line-height:1.55!important}
body.f53-experience-coach-development .f360-coach-review-recommendation,
body.f53-experience-coach-development .f360-coach-longitudinal-recommendation{
  border:1px solid rgba(79,226,189,.17)!important;
  border-radius:14px!important;
  background:rgba(79,226,189,.035)!important;
}

/* Development Action System had practically no CSS in R5. */
body.f53-experience-coach-development .f360-development-actions{
  margin:16px 0 24px!important;
  padding:24px!important;
  border:1px solid rgba(139,196,217,.18)!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 90% 0,rgba(79,226,189,.06),transparent 24%),
    linear-gradient(145deg,#0a1725,#07111d)!important;
}
body.f53-experience-coach-development .f360-development-actions-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:18px!important;
  padding-bottom:16px!important;
  border-bottom:1px solid rgba(139,196,217,.12)!important;
}
body.f53-experience-coach-development .f360-development-actions-head h2{margin:4px 0 6px!important;font-size:clamp(1.55rem,2.6vw,2.25rem)!important}
body.f53-experience-coach-development .f360-development-actions-head p:last-child{margin:0!important;color:#a9c1cf!important}
body.f53-experience-coach-development .f360-development-actions-count{
  min-width:130px!important;
  padding:12px 16px!important;
  border:1px solid rgba(79,226,189,.18)!important;
  border-radius:14px!important;
  background:rgba(79,226,189,.04)!important;
  text-align:right!important;
}
body.f53-experience-coach-development .f360-development-actions-count span{display:block!important;color:#88aaba!important;font-size:.62rem!important;letter-spacing:.06em!important}
body.f53-experience-coach-development .f360-development-actions-count strong{display:block!important;color:#fff!important;font-size:2rem!important}
body.f53-experience-coach-development .f360-action-proposal-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important}
body.f53-experience-coach-development .f360-action-proposal{
  padding:18px!important;
  border:1px solid rgba(139,196,217,.15)!important;
  border-radius:18px!important;
  background:linear-gradient(145deg,#102133,#0b1827)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}
body.f53-experience-coach-development .f360-action-proposal-main{display:flex!important;justify-content:space-between!important;gap:18px!important;align-items:flex-start!important}
body.f53-experience-coach-development .f360-action-proposal h3{margin:8px 0 6px!important;font-size:1.15rem!important}
body.f53-experience-coach-development .f360-action-proposal p{margin:0!important;color:#afc4d1!important;font-size:.83rem!important;line-height:1.55!important}
body.f53-experience-coach-development .f360-action-urgency{
  display:inline-flex!important;
  padding:5px 8px!important;
  border-radius:999px!important;
  background:rgba(102,181,255,.10)!important;
  color:#9cc9ff!important;
  font-size:.62rem!important;
  font-weight:800!important;
  letter-spacing:.06em!important;
}
body.f53-experience-coach-development .f360-action-urgency.is-high{background:rgba(255,125,146,.10)!important;color:#ff9daf!important}
body.f53-experience-coach-development .f360-action-urgency.is-medium{background:rgba(248,201,92,.10)!important;color:#ffd979!important}
body.f53-experience-coach-development .f360-action-focus{
  min-width:100px!important;
  padding:10px 12px!important;
  border:1px solid rgba(79,226,189,.17)!important;
  border-radius:12px!important;
  background:rgba(79,226,189,.035)!important;
}
body.f53-experience-coach-development .f360-action-focus span,
body.f53-experience-coach-development .f360-action-origin>span{display:block!important;color:#86a8b8!important;font-size:.58rem!important;font-weight:800!important;letter-spacing:.06em!important}
body.f53-experience-coach-development .f360-action-focus strong{display:block!important;margin-top:3px!important;color:#fff!important}
body.f53-experience-coach-development .f360-action-origin{display:flex!important;align-items:center!important;gap:10px!important;margin-top:14px!important;padding-top:12px!important;border-top:1px solid rgba(139,196,217,.10)!important}
body.f53-experience-coach-development .f360-action-origin div{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
body.f53-experience-coach-development .f360-action-origin small{padding:4px 7px!important;border-radius:999px!important;background:rgba(255,255,255,.035)!important;color:#a9c0ce!important;font-size:.62rem!important}
body.f53-experience-coach-development .f360-action-buttons{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-top:14px!important}
body.f53-experience-coach-development .f360-action-buttons button{
  margin:0!important;
  min-height:38px!important;
  padding:8px 13px!important;
  border:1px solid rgba(139,196,217,.18)!important;
  border-radius:10px!important;
  background:#123148!important;
  color:#e8f5fb!important;
  box-shadow:none!important;
}
body.f53-experience-coach-development .f360-action-buttons button.is-confirm{border-color:rgba(79,226,189,.32)!important;background:linear-gradient(135deg,#159a83,#1aaf91)!important;color:#fff!important}
body.f53-experience-coach-development .f360-action-buttons button.is-dismiss{background:rgba(255,125,146,.07)!important;border-color:rgba(255,125,146,.20)!important;color:#ffb1bf!important}
body.f53-experience-coach-development .f360-action-history{
  margin-top:18px!important;
  padding:18px!important;
  border:1px solid rgba(139,196,217,.13)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.014)!important;
}
body.f53-experience-coach-development .f360-action-history-head{display:flex!important;justify-content:space-between!important;align-items:flex-end!important;gap:14px!important;padding-bottom:12px!important;border-bottom:1px solid rgba(139,196,217,.10)!important}
body.f53-experience-coach-development .f360-action-history-head h3{margin:4px 0 0!important}
body.f53-experience-coach-development .f360-action-history-none{margin:14px 0 0!important;padding:14px!important;border-radius:12px!important;background:rgba(255,255,255,.025)!important;color:#a9c0ce!important}
body.f53-experience-coach-development .f360-action-history-list article{display:grid!important;grid-template-columns:minmax(220px,.6fr) 1fr!important;gap:18px!important;padding:14px 0!important;border-bottom:1px solid rgba(139,196,217,.09)!important}
body.f53-experience-coach-development .f360-action-status{display:inline-flex!important;margin-bottom:6px!important;padding:4px 7px!important;border-radius:999px!important;background:rgba(102,181,255,.09)!important;color:#a8d0ff!important;font-size:.6rem!important;font-weight:800!important}
body.f53-experience-coach-development .f360-action-integrity{
  margin-top:16px!important;
  padding:14px 16px!important;
  border-left:3px solid rgba(79,226,189,.55)!important;
  border-radius:0 12px 12px 0!important;
  background:rgba(79,226,189,.028)!important;
}
body.f53-experience-coach-development .f360-action-integrity span{display:block!important;color:#72d9be!important;font-size:.62rem!important;font-weight:800!important;letter-spacing:.06em!important}
body.f53-experience-coach-development .f360-action-integrity p{margin:5px 0 0!important;color:#9fb9c8!important;font-size:.75rem!important;line-height:1.5!important}
body.f53-experience-coach-development .f360-action-dialog{
  width:min(620px,calc(100vw - 28px))!important;
  padding:0!important;
  border:1px solid rgba(139,196,217,.22)!important;
  border-radius:22px!important;
  background:#0b1928!important;
  color:#fff!important;
  box-shadow:0 40px 100px rgba(0,0,0,.55)!important;
}
body.f53-experience-coach-development .f360-action-dialog::backdrop{background:rgba(1,7,12,.74)!important;backdrop-filter:blur(5px)}
body.f53-experience-coach-development .f360-action-dialog form{padding:22px!important}
body.f53-experience-coach-development .f360-action-dialog-head{display:flex!important;justify-content:space-between!important;gap:14px!important;align-items:flex-start!important}
body.f53-experience-coach-development .f360-action-dialog-notice{margin:14px 0!important;padding:12px!important;border-radius:12px!important;background:rgba(248,201,92,.06)!important;color:#d8c89b!important}
body.f53-experience-coach-development .f360-action-dialog-buttons{display:flex!important;gap:8px!important;justify-content:flex-end!important}

/* Desktop text should never be micro-size in investor mode. */
@media(min-width:900px){
  body.f53-experience :is(.f53coach-shell,.child360-shell,.f360-player-hub,.f360-coach) small{font-size:max(.7rem,11px)}
  body.f53-experience :is(.f53coach-shell,.child360-shell,.f360-player-hub,.f360-coach) p{font-size:max(.78rem,12px)}
}

@media(max-width:1240px){
  body.f53-experience-teen .f360-grid-kpi{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.f53-experience-teen .f360-rating-card{grid-column:span 2}
  body.f53-experience-coach-development .f360-action-proposal-list{grid-template-columns:1fr!important}
}

@media(max-width:900px){
  body.f53-experience > .wrap{padding:10px 10px 94px!important}
  body.f53-experience .f53-demo-masterbar{top:5px!important;margin:5px 7px 2px auto!important}
  body.f53-experience .f53-demo-masterbar span{display:none!important}
  body.f53-experience-coach .f53coach-hero{min-height:auto!important}
  body.f53-experience-teen .f360-grid-kpi{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.f53-experience-teen .f360-rating-card{grid-column:1/-1}
  body.f53-experience-teen .f360-grid-main{grid-template-columns:1fr!important}
  body.f53-experience-teen .f360-hub-reference-card{grid-template-columns:86px minmax(0,1fr)!important}
  body.f53-experience-teen .f360-hub-reference-action{grid-column:1/-1!important}
  body.f53-experience-coach-development .f360-coach-detail-grid{grid-template-columns:1fr!important}
  body.f53-experience-coach-development .f360-development-actions-head{align-items:flex-start!important;flex-direction:column!important}
  body.f53-experience-coach-development .f360-action-history-list article{grid-template-columns:1fr!important}
}

@media(max-width:620px){
  body.f53-experience .bottom-nav a span:last-child{font-size:.62rem!important}
  body.f53-experience-teen .f360-grid-kpi{grid-template-columns:1fr!important}
  body.f53-experience-teen .f360-player-hub{padding:7px!important;border-radius:18px!important}
  body.f53-experience-teen .f360-player-hero{padding:22px!important}
  body.f53-experience-teen .f360-hub-reference-card{grid-template-columns:72px minmax(0,1fr)!important;padding:14px!important}
  body.f53-experience-teen .f360-hub-reference-avatar{width:68px!important;height:80px!important}
  body.f53-experience-coach-development .f360-development-actions{padding:16px!important}
  body.f53-experience-coach-development .f360-action-proposal-main{flex-direction:column!important}
}

@media(prefers-reduced-motion:no-preference){
  body.f53-experience .f53coach-orbit{animation:f53WowPulse 4.8s ease-in-out infinite}
  @keyframes f53WowPulse{50%{transform:translateY(-4px);filter:drop-shadow(0 12px 28px rgba(79,226,189,.14))}}
}