/* Muay Thai Academy — site styles */
x-dc{display:none!important}

    .sc-placeholder{background:color-mix(in srgb,currentColor 8%,transparent);
      border:1px solid color-mix(in srgb,currentColor 50%,transparent);
      border-radius:2px;box-sizing:border-box;overflow:hidden}
    @keyframes sc-shine{0%{background-position:100% 50%}100%{background-position:0% 50%}}
    html.sc-dc-streaming .sc-placeholder,
    html.sc-dc-streaming .sc-interp.sc-missing{position:relative;
      background:color-mix(in srgb,currentColor 5%,transparent);
      border-color:transparent}
    html.sc-dc-streaming .sc-placeholder::before,
    html.sc-dc-streaming .sc-interp.sc-missing::before{content:'';
      position:absolute;inset:0;pointer-events:none;
      background:linear-gradient(90deg,rgba(217,119,87,0) 25%,rgba(247,225,211,.95) 37%,rgba(217,119,87,0) 63%);
      background-size:400% 100%;animation:sc-shine 1.4s ease infinite}
    html.sc-dc-streaming .sc-placeholder:nth-child(n+9 of .sc-placeholder)::before,
    html.sc-dc-streaming .sc-interp.sc-missing:nth-child(n+9 of .sc-interp.sc-missing)::before{animation:none;
      background:color-mix(in srgb,currentColor 8%,transparent)}
    .sc-placeholder-error{padding:4px 8px;font:11px/1.4 ui-monospace,monospace;
      color:color-mix(in srgb,currentColor 70%,transparent);word-break:break-word}
    .sc-interp.sc-missing{display:inline-block;width:2em;height:1em;overflow:hidden;
      vertical-align:text-bottom;background:rgba(255,255,255,.3);border:1px solid rgba(0,0,0,.5);
      border-radius:2px;box-sizing:border-box;color:transparent;
      user-select:none}
    .sc-interp.sc-unresolved{font-family:ui-monospace,monospace;font-size:.85em;
      color:color-mix(in srgb,currentColor 50%,transparent);
      background:color-mix(in srgb,currentColor 10%,transparent);border-radius:3px;
      padding:0 3px}
    .sc-host.sc-has-error{position:relative}
    .sc-logic-error{position:absolute;top:8px;left:8px;z-index:2147483647;max-width:60ch;
      padding:6px 10px;background:#b00020;color:#fff;font:12px/1.4 ui-monospace,monospace;
      border-radius:4px;white-space:pre-wrap;pointer-events:none}
    /* Mirrors PRINT_BASELINE_CSS in apps/web deck-stage-export.ts — keep both
       in sync until dc-runtime regains a build step. */
    @media print {
      @page { margin: 0.5cm; }
      figure, table { break-inside: avoid; }
      #dc-root, #dc-root > .sc-host { height: auto; }
      *, *::before, *::after {
        print-color-adjust: exact; -webkit-print-color-adjust: exact;
        backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
        animation-delay: -99s !important; animation-duration: .001s !important;
        animation-iteration-count: 1 !important; animation-fill-mode: both !important;
        animation-play-state: running !important; transition-duration: 0s !important;
      }
    }
  

:root{--acc:oklch(0.80 0.12 82);--acc-soft:oklch(0.80 0.12 82 / 0.12);--acc-line:oklch(0.80 0.12 82 / 0.40);--ink:#0b0b0c}
html{scroll-behavior:smooth}
body{margin:0;background:#0a0b0d;color:#ecebe7;font-family:'Geist',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--acc);text-decoration:none}
a:hover{color:#ecebe7}
*{box-sizing:border-box}
@media (max-width:760px){
[data-m=navlink]{display:none !important}
[data-m=hero]{padding:48px 20px 40px !important}
[data-m=heropill]{font-size:11px !important;letter-spacing:0.08em !important;border-radius:14px !important;line-height:1.5}
[data-m=h1]{font-size:34px !important}
[data-m=herocomp]{flex-wrap:nowrap !important;overflow-x:auto;scroll-snap-type:x mandatory;margin:44px -20px 0 !important;padding:0 20px 8px;gap:12px !important;scrollbar-width:none;align-items:stretch !important}
[data-m=herocomp]::-webkit-scrollbar,[data-m=phscroll]::-webkit-scrollbar,[data-m=appnav]::-webkit-scrollbar,[data-m=pills]::-webkit-scrollbar{display:none}
[data-m=herocol]{flex:0 0 84% !important;padding-top:0 !important;scroll-snap-align:center}
[data-m=heromain]{flex:0 0 84% !important;order:-1;padding:16px !important;scroll-snap-align:center}
[data-m=heroradar]{width:74% !important}
[data-m=rlabel]{font-size:11px !important;letter-spacing:0 !important}
[data-m=grid2]{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
[data-m=sticky]{height:auto !important;min-height:calc(100svh - 64px) !important;padding:16px 20px !important}
[data-m=annot]{left:18px !important;right:18px !important;top:74px !important;display:flex;flex-wrap:wrap;gap:6px}
[data-m=annot] > div{position:static !important}
[data-m=atl]{top:84px !important;left:18px !important;right:18px !important}
[data-m=aring]{top:30% !important;bottom:26% !important}
[data-m=aband]{top:31% !important;bottom:27% !important}
[data-m=anote]{font-size:12px !important;line-height:1.35;margin-bottom:8px !important}
[data-m=arena] > div:first-child{left:18px !important;right:18px !important;top:18px !important}
[data-m=prow]{flex-wrap:wrap;row-gap:10px !important}
[data-m=prow] > span:first-child{font-size:54.4px !important}
[data-m=faq]{padding:8px 20px 64px !important}
[data-m=faq] h2{margin-bottom:16px !important}
[data-m=probsticky]{padding:20px 20px !important}
[data-m=probcol]{gap:14px !important}
[data-m=probh]{font-size:21.1px !important;flex-basis:auto !important}
[data-m=probp]{font-size:14.5px !important;flex-basis:auto !important}
[data-m=chipbox]{height:230px !important}
[data-m=chip]{padding:6px 10px !important}
[data-m=chiplabel]{font-size:12.5px !important}
[data-m=payoff]{font-size:17px !important}
[data-m=payoffp]{font-size:14.5px !important;margin-bottom:12px !important}
[data-m=sec]{padding:64px 20px !important}
[data-m=final]{padding:80px 20px !important}
[data-m=phscroll]{margin:32px -20px 0 !important;padding:0 20px 6px}
[data-m=phinner]{min-width:1120px !important}
[data-m=phbars] > button{padding:8px !important}
[data-m=phname]{overflow-wrap:normal !important;letter-spacing:-0.01em}
[data-m=phbars]{height:240px !important}
[data-m=wrap16]{gap:14px !important}
[data-m=skilltitle]{font-size:40.8px !important;margin-top:4px !important}
[data-m=skillintrosec]{padding:56px 20px 0 !important}
[data-m=skillintro]{padding-bottom:0 !important}
[data-m=skillintro] p{font-size:13.5px !important;margin-top:6px !important}
[data-m=skillintro] div{font-size:18px !important}
[data-m=skillp]{font-size:14px !important;margin-top:8px !important}
[data-m=arena]{aspect-ratio:1/1 !important}
[data-m=arenactx]{font-size:13.1px !important}
[data-m=arenares]{width:124px !important}
[data-m=arenares] > div:last-child{white-space:nowrap;gap:8px;letter-spacing:0.06em !important}
[data-m=deskonly]{display:none !important}
[data-m=mobonly]{display:block !important}
[data-m=appwrap]{min-height:0 !important}
[data-m=appside]{flex:1 1 100% !important;min-width:0 !important;max-width:100%;border-right:0 !important;border-bottom:1px solid rgba(255,255,255,0.07)}
[data-m=applogo]{padding:14px 16px 8px !important}
[data-m=appnav]{min-width:0;flex-direction:row !important;overflow-x:auto;padding:4px 10px 12px !important;gap:4px !important;scrollbar-width:none}
[data-m=appnavit]{flex:0 0 auto;white-space:nowrap}
[data-m=appmain]{padding:22px 16px 28px !important;max-height:560px !important}
[data-m=appradar]{margin:20px auto !important}
[data-m=appwin]{margin-top:32px !important}
[data-m=profradar]{flex:0 0 auto !important;width:200px !important;max-width:200px !important}
[data-m=profh]{font-size:19px !important;margin-top:8px !important}
[data-m=pcounts]{margin-top:12px !important}
[data-m=pwrap]{position:relative;min-height:112px}
[data-m=pfocus]{position:absolute;left:0;right:0;top:0;margin-top:0 !important;background:#17181b !important}
[data-m=offl]{padding:28px 22px !important}
[data-m=offr]{padding:28px 22px !important;border-left:0 !important;border-top:1px solid rgba(255,255,255,0.08)}
}
button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;text-align:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:0}
:focus{outline:none}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
main:focus{outline:none}
[data-skip]:focus{top:12px !important}
[id]{scroll-margin-top:64px}
#top{scroll-margin-top:0}
@media (pointer:coarse){[data-tap]{position:relative}[data-tap]::after{content:"";position:absolute;left:50%;top:50%;width:max(100%,44px);height:max(100%,44px);transform:translate(-50%,-50%)}}
@keyframes mtaHit{from{transform:scale(.35);opacity:1}to{transform:scale(1.7);opacity:0}}
@media (prefers-reduced-motion: reduce){*{transition:none !important;animation:none !important}html{scroll-behavior:auto}}