/* Approved championship UI reference — 2026-09-29.
   Assets remain image-only; every label, button, card and state is rendered by the app. */

:root{--ch-ref-gold:#e4b43c;--ch-ref-gold-2:#f3c652;--ch-ref-bg:#030303;--ch-ref-panel:#0b0b0b;--ch-ref-line:#292929;--ch-ref-muted:#a4a4a4}

/* Full-screen championship routes must cover the app underneath. */
.chx-screen{position:fixed!important;inset:0!important;z-index:220!important;overflow-y:auto!important;overscroll-behavior:contain;background:#030303!important;color:#fff!important;padding:calc(env(safe-area-inset-top) + 6px) 12px calc(env(safe-area-inset-bottom) + 18px)!important;font-family:"Roboto Condensed",Arial,sans-serif!important}
.chx-page{width:min(100%,430px)!important;min-height:100%!important;margin:0 auto!important}
.chx-topbar{display:grid!important;grid-template-columns:42px 1fr 42px!important;align-items:center!important;min-height:58px!important;gap:8px!important;margin:0 0 7px!important}
.chx-topbar>button{width:42px!important;height:42px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;display:grid!important;place-items:center!important}
.chx-topbar>button svg{width:22px!important;height:22px!important}
.chx-brand{display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
.chx-brand>div{display:none!important}
.chx-brand span{display:grid!important;text-align:center!important;line-height:1!important}
.chx-brand b{font-family:Barlow,Arial,sans-serif!important;font-size:18px!important;font-weight:800!important;letter-spacing:.08em!important;color:#e7b53e!important}
.chx-brand small{margin-top:3px!important;font-size:7px!important;letter-spacing:.27em!important;color:#a07e2f!important}
.chx-spacer{width:38px!important;height:38px!important}
.chx-top-avatar{width:34px!important;height:34px!important;border:1px solid #d5a62e!important;border-radius:50%!important;overflow:hidden!important;background:#111!important;color:#d5a62e!important;padding:0!important}
.chx-top-avatar img{width:100%!important;height:100%!important;object-fit:cover!important}
.chx-top-avatar svg{width:19px!important;height:19px!important}

/* Participant hero from the approved mockup. */
.chx-hero{position:relative!important;overflow:hidden!important;min-height:166px!important;border:1px solid rgba(226,177,48,.72)!important;border-radius:11px!important;background:#080808!important;padding:14px 12px!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;box-shadow:none!important}
.chx-hero::before{content:""!important;position:absolute!important;z-index:1!important;inset:0!important;background:linear-gradient(90deg,rgba(0,0,0,.93) 0%,rgba(0,0,0,.67) 42%,rgba(0,0,0,.12) 78%),linear-gradient(0deg,rgba(0,0,0,.66),transparent 58%)!important;pointer-events:none!important}
.chx-asset-slot{position:absolute!important;inset:0!important;opacity:1!important;background-color:#080808!important;background-size:cover!important;background-repeat:no-repeat!important}
.chx-asset-slot[data-asset="strength-hero"]{background-image:url('/assets/championships/championship-strength-hero.png')!important;background-position:center center!important}
.chx-asset-slot[data-asset="cardio-hero"]{background-image:url('/assets/championships/championship-cardio-hero.png')!important;background-position:center center!important}
.chx-hero-copy{position:relative!important;z-index:2!important;display:grid!important;justify-items:start!important;align-content:end!important}
.chx-kicker{display:inline-flex!important;width:max-content!important;align-items:center!important;min-height:24px!important;padding:0 8px!important;border-radius:4px!important;background:linear-gradient(180deg,#f0c550,#dba52a)!important;color:#0b0904!important;font-size:9px!important;font-weight:950!important;letter-spacing:.03em!important;line-height:1!important}
.chx-hero h1{margin:7px 0 2px!important;font-family:"Roboto Condensed",Arial,sans-serif!important;font-size:34px!important;line-height:.96!important;font-weight:900!important;letter-spacing:.01em!important;color:#fff!important}
.chx-hero p{margin:0!important;color:#e5e5e5!important;font-size:13px!important;line-height:1.2!important}

.chx-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:0!important;margin-top:7px!important;border:1px solid #242424!important;border-radius:8px!important;overflow:hidden!important;background:#090909!important}
.chx-meta article{min-height:47px!important;border:0!important;border-radius:0!important;background:transparent!important;padding:7px 10px!important;display:flex!important;align-items:center!important;gap:7px!important}
.chx-meta article+article{border-left:1px solid #242424!important}
.chx-meta svg{width:17px!important;height:17px!important;color:#e0ae36!important;flex:0 0 auto!important}
.chx-meta span{display:grid!important;min-width:0!important}
.chx-meta b{font-size:11px!important;color:#f0f0f0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.chx-meta small{display:none!important}

.chx-participant{margin-top:9px!important;border:1px solid rgba(224,172,44,.62)!important;border-radius:10px!important;background:linear-gradient(180deg,#10100d,#080808)!important;padding:12px!important}
.chx-section-label{display:flex!important;align-items:center!important;gap:7px!important;color:#f2f2f2!important;font-size:11px!important;font-weight:900!important;letter-spacing:.02em!important}
.chx-section-label svg{color:#e4b43c!important}
.chx-participant h2{margin:5px 0 2px!important;font-size:14px!important;line-height:1.2!important;color:#fff!important}
.chx-participant>p{margin:0 0 10px!important;color:#b8b8b8!important;font-size:10px!important;line-height:1.35!important}
.chx-actions{display:grid!important;gap:7px!important}
.chx-actions.two{grid-template-columns:1fr 1fr!important;gap:7px!important}
.chx-primary,.chx-secondary,.chx-danger,.chx-muted{width:100%!important;border-radius:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-family:"Roboto Condensed",Arial,sans-serif!important;font-weight:950!important;letter-spacing:.01em!important}
.chx-primary{min-height:54px!important;border:0!important;background:linear-gradient(180deg,#f1c955,#dca92f)!important;color:#0b0905!important;font-size:14px!important;box-shadow:inset 0 1px rgba(255,255,255,.22)!important}
.chx-secondary{min-height:45px!important;border:1px solid rgba(224,173,45,.56)!important;background:#0a0a09!important;color:#e3b33f!important;font-size:10px!important}
.chx-muted{min-height:54px!important;border:1px solid #292929!important;background:#151515!important;color:#747474!important;font-size:13px!important}
.chx-rule-link{margin-top:7px!important;width:100%!important;min-height:43px!important;border-radius:7px!important;border:1px solid #2a2a2a!important;background:#0b0b0b!important;color:#ddd!important;font-size:10px!important;font-weight:850!important;display:flex!important;align-items:center!important;justify-content:space-between!important;padding:0 11px!important}
.chx-rule-link>span:first-child{display:flex!important;align-items:center!important;gap:8px!important}

.chx-info-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;margin-top:8px!important}
.chx-info-card{min-height:98px!important;border:1px solid #272727!important;background:#0a0a0a!important;border-radius:7px!important;padding:10px 8px!important;text-align:left!important}
.chx-info-card svg{color:#e4b640!important;width:22px!important;height:22px!important}
.chx-info-card b{display:block!important;font-size:8px!important;color:#e9bf45!important;margin-top:6px!important;line-height:1.15!important}
.chx-info-card span{display:block!important;margin-top:4px!important;color:#999!important;font-size:7.3px!important;line-height:1.35!important}

/* Ranking — list only, no podium. */
.chx-ranking-title{margin:12px 0 12px!important;text-align:center!important}
.chx-ranking-title>.chx-section-label{display:none!important}
.chx-ranking-title h1{margin:0!important;font-size:21px!important;line-height:1!important;font-weight:900!important;color:#f6f6f6!important}
.chx-ranking-title p{margin:6px 0 0!important;color:#aaa!important;font-size:9px!important;letter-spacing:.05em!important;text-transform:uppercase!important}
.chx-ranking{display:grid!important;gap:4px!important;margin-top:0!important}
.chx-ranking-row{width:100%!important;min-height:55px!important;display:grid!important;grid-template-columns:44px 36px 1fr auto!important;align-items:center!important;gap:8px!important;padding:6px 9px!important;border-radius:7px!important;border:1px solid #232323!important;background:#080808!important;color:#fff!important;text-align:left!important}
.chx-ranking-row.is-top1{border-color:#b9881c!important;background:linear-gradient(90deg,rgba(190,140,27,.20),#080808 48%)!important}
.chx-ranking-row.is-top2{border-color:#585858!important;background:linear-gradient(90deg,rgba(180,180,180,.10),#080808 48%)!important}
.chx-ranking-row.is-top3{border-color:#74462c!important;background:linear-gradient(90deg,rgba(150,84,40,.15),#080808 48%)!important}
.chx-rank{display:grid!important;place-items:center!important;width:38px!important;height:38px!important;border-radius:5px!important;background:#111!important;font-size:15px!important;font-weight:950!important;color:#fff!important}
.is-top1 .chx-rank{background:linear-gradient(180deg,#e9bd3e,#b77c12)!important;color:#121008!important}
.is-top2 .chx-rank{background:linear-gradient(180deg,#bababa,#757575)!important;color:#0c0c0c!important}
.is-top3 .chx-rank{background:linear-gradient(180deg,#be753e,#7b3d20)!important;color:#130b07!important}
.chx-avatar{width:34px!important;height:34px!important;border-radius:50%!important;object-fit:cover!important;background:#171717!important;border:1px solid #333!important}
.chx-name{display:grid!important;min-width:0!important}
.chx-name b{font-size:10px!important;font-weight:500!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.chx-name small{display:none!important}
.chx-score{text-align:right!important}
.chx-score b{display:block!important;color:#f2f2f2!important;font-size:13px!important;font-weight:500!important}
.is-top1 .chx-score b{color:#e9b83b!important}.is-top3 .chx-score b{color:#dc864d!important}
.chx-score small{font-size:8px!important;color:#aaa!important;text-transform:uppercase!important}
.chx-ranking+.chx-participant{display:none!important}

/* Competitive waiting/activity screens. */
body.invictus-competition-mode .challenge-flow-screen.is-competition-waiting{position:fixed!important;inset:0!important;z-index:240!important;overflow-y:auto!important;padding:calc(env(safe-area-inset-top) + 5px) 12px calc(env(safe-area-inset-bottom) + 16px)!important;background:#030303!important;color:#fff!important}
body.invictus-competition-mode .challenge-flow-screen.is-competition-waiting>.challenge-flow-header{display:none!important}
.competition-waiting-screen{width:min(100%,430px)!important;min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 21px)!important;margin:0 auto!important;display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important}
.competition-waiting-brand{width:100%!important;min-height:50px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:0!important}
.competition-waiting-brand>div{display:none!important}.competition-waiting-brand>span{display:grid!important;line-height:1!important}.competition-waiting-brand b{color:#e7b941!important;font-size:18px!important;letter-spacing:.08em!important}.competition-waiting-brand small{margin-top:3px!important;color:#967b36!important;font-size:7px!important;letter-spacing:.24em!important}
.competition-waiting-copy{margin:8px 0 7px!important}.competition-waiting-copy h1{margin:0!important;font-size:20px!important;line-height:1.05!important;font-weight:900!important}.competition-waiting-copy small{display:block!important;margin-top:4px!important;color:#aaa!important;font-size:9px!important;letter-spacing:.06em!important}
.competition-waiting-visual{position:relative!important;width:100%!important;height:min(45vh,390px)!important;min-height:290px!important;overflow:hidden!important;border:0!important;border-radius:0!important;background:#050505!important;box-shadow:none!important}
.competition-waiting-visual::after{content:"";position:absolute;inset:auto 0 0;height:42%;background:linear-gradient(0deg,#030303 0%,rgba(3,3,3,.82) 32%,transparent 100%);pointer-events:none}
.competition-waiting-visual[data-asset="strength-waiting"]::before,.competition-waiting-visual[data-asset="cardio-waiting"]::before{content:""!important;position:absolute!important;inset:0!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.competition-waiting-visual[data-asset="strength-waiting"]::before{background-image:url('/assets/championships/championship-strength-waiting.png')!important}
.competition-waiting-visual[data-asset="cardio-waiting"]::before{background-image:url('/assets/championships/championship-cardio-waiting.png')!important}
.competition-waiting-ring{display:block!important;position:absolute!important;z-index:3!important;left:50%!important;bottom:14px!important;width:92px!important;height:92px!important;transform:translateX(-50%)!important;border:2px solid #e0ad31!important;border-radius:50%!important;background:rgba(5,5,5,.72)!important;box-shadow:0 0 28px rgba(224,174,46,.5),inset 0 0 20px rgba(224,174,46,.08)!important}
.competition-waiting-ring::before{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:30px!important;height:38px!important;transform:translate(-50%,-50%)!important;border:2px solid #e3b23e!important;border-radius:8px!important}.competition-waiting-ring::after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:12px!important;height:12px!important;transform:translate(-50%,-50%)!important;border:1px solid #e3b23e!important;border-radius:50%!important}
.competition-waiting-screen>h2{margin:9px 0 0!important;font-size:15px!important;line-height:1.15!important;font-weight:900!important}.competition-waiting-screen>p{max-width:330px!important;margin:7px auto 11px!important;color:#aaa!important;font-size:10px!important;line-height:1.45!important}
.competition-waiting-finish,.competition-waiting-sync{width:100%!important;min-height:49px!important;border-radius:7px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;font-size:11px!important;font-weight:900!important}
.competition-waiting-finish{margin-top:auto!important;border:1px solid rgba(154,42,42,.78)!important;background:linear-gradient(180deg,#982b2b,#741d1d)!important;color:#fff!important}.competition-waiting-sync{margin-top:7px!important;border:1px solid #272727!important;background:#171717!important;color:#747474!important}
.competition-waiting-screen.is-workout::after{content:"ⓘ  Sem relógio conectado, a pontuação pode ser reduzida.";box-sizing:border-box;width:100%;margin-top:8px;padding:10px 11px;border:1px solid #3a3018;border-radius:7px;background:#0d0b07;color:#c8b98d;font-size:9px;text-align:left}
.competition-waiting-screen.is-cardio::after{content:"☁  IMPORTAR ATIVIDADE RECENTE";box-sizing:border-box;width:100%;margin-top:8px;padding:12px 11px;border:1px solid #d7a329;border-radius:7px;background:#090909;color:#e5b53d;font-size:10px;font-weight:900;text-align:center}

/* Championships hub matching the approved first screen. */
.ch-ref-hub{position:fixed;inset:0;z-index:215;overflow-y:auto;background:#030303;color:#fff;font-family:"Roboto Condensed",Arial,sans-serif}
.ch-ref-hub-page{width:min(100%,430px);min-height:100%;margin:0 auto;padding:calc(env(safe-area-inset-top) + 8px) 13px calc(82px + env(safe-area-inset-bottom))}
.ch-ref-hub-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;min-height:56px}.ch-ref-hub-head h1{grid-column:2;margin:0;text-align:center;font-size:16px;font-weight:700}.ch-ref-hub-avatar{grid-column:3;width:32px;height:32px;justify-self:end;display:grid;place-items:center;overflow:hidden;border:1px solid #d8a72e;border-radius:50%;background:#111;color:#d8a72e}.ch-ref-hub-avatar img{width:100%;height:100%;object-fit:cover}.ch-ref-hub-avatar svg{width:18px}
.ch-ref-tabs{display:grid;grid-template-columns:1fr 1fr;margin:3px 0 14px;border-bottom:1px solid #1d1d1d}.ch-ref-tabs button{position:relative;min-height:43px;border:0;background:transparent;color:#9a9a9a;font:500 12px "Roboto Condensed",sans-serif}.ch-ref-tabs button.is-active{color:#eabb3c}.ch-ref-tabs button.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:2px;background:#eabb3c}
.ch-ref-official-list{display:grid;gap:13px}.ch-ref-card{position:relative;overflow:hidden;min-height:273px;border:1px solid #c99622;border-radius:10px;background:#090909}.ch-ref-card-bg{position:absolute;inset:0;width:100%;height:160px;object-fit:cover}.ch-ref-card.is-strength .ch-ref-card-bg{object-position:center right}.ch-ref-card.is-cardio .ch-ref-card-bg{object-position:center right}.ch-ref-card-scrim{position:absolute;inset:0 0 auto;height:168px;background:linear-gradient(90deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.65) 44%,rgba(0,0,0,.08) 88%),linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}
.ch-ref-card-copy{position:relative;z-index:2;min-height:160px;padding:13px 13px 8px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.ch-ref-card-badge{display:inline-flex;align-items:center;min-height:25px;padding:0 8px;border-radius:4px;background:linear-gradient(180deg,#efc34e,#dba529);color:#0c0903;font-size:9px;font-weight:950}.ch-ref-card-copy h2{margin:8px 0 1px;font-size:28px;line-height:1;font-weight:900}.ch-ref-card-copy p{margin:0;color:#ddd;font-size:11px}.ch-ref-card-meta{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;min-height:42px;border-top:1px solid #272727;border-bottom:1px solid #272727;background:rgba(3,3,3,.92)}.ch-ref-card-meta span{display:flex;align-items:center;gap:6px;padding:0 11px;color:#ddd;font-size:10px}.ch-ref-card-meta span+span{border-left:1px solid #272727}.ch-ref-card-meta svg{width:15px;color:#e4b43c}
.ch-ref-card-action{position:relative;z-index:2;width:calc(100% - 22px);min-height:50px;margin:9px 11px 11px;border:0;border-radius:6px;background:linear-gradient(180deg,#f2c752,#dba72c);color:#0c0904;display:flex;align-items:center;justify-content:center;gap:8px;font:950 12px "Roboto Condensed",sans-serif}.ch-ref-card-action svg{position:absolute;right:14px;width:17px}
.ch-ref-empty{padding:18px;border:1px solid #292929;border-radius:10px;background:#0a0a0a;color:#aaa;font-size:11px;line-height:1.45}
.ch-ref-friends-wrap{display:grid;gap:10px}
.ch-ref-bottom-nav{position:fixed;z-index:216;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,430px);height:calc(67px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #232323;background:rgba(3,3,3,.98)}.ch-ref-bottom-nav button{border:0;background:transparent;color:#989898;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:500 8px "Roboto Condensed",sans-serif}.ch-ref-bottom-nav button svg,.ch-ref-bottom-nav button img{width:19px;height:19px}.ch-ref-bottom-nav button.is-active{color:#e6b438}

/* Community participant route gets the same full-screen reference treatment. */
.chx-asset-slot[data-asset="friends-hero"]{background-image:url('/assets/championships/friends-banner.png')!important;background-position:center right!important}

@media(max-width:390px){.chx-screen{padding-left:10px!important;padding-right:10px!important}.chx-hero{min-height:158px!important}.chx-hero h1{font-size:31px!important}.chx-info-card{padding:9px 6px!important}.ch-ref-hub-page{padding-left:11px;padding-right:11px}.ch-ref-card{min-height:265px}}
@media(max-height:760px){.competition-waiting-visual{height:37vh!important;min-height:230px!important}.competition-waiting-copy{margin-top:4px!important}.chx-info-card{min-height:90px!important}}