/* TodoPorras · Communities and leagues live inside the app, never a modal. */
#tpCommunityPage{width:100%;min-width:0;font:inherit;color:var(--tp-readable-ink,var(--tp-text,#071c38))}
#tpCommunityPage .tp-lg-panel{width:100%;max-width:100%;padding:0;background:transparent;box-shadow:none;border:0;border-radius:0}
#tpCommunityPage .tp-lg-header{display:none!important}
#tpCommunityPage :is(h1,h2,h3,h4,p,span,strong,label,summary,small,th,td,div){color:var(--tp-readable-ink,var(--tp-text,#071c38));-webkit-text-fill-color:var(--tp-readable-ink,var(--tp-text,#071c38))}
#tpCommunityPage .tp-lg-muted,#tpCommunityPage .tp-lg-muted *{color:var(--tp-readable-muted,#52637b)!important;-webkit-text-fill-color:var(--tp-readable-muted,#52637b)!important}
#tpCommunityPage [hidden]{display:none!important}
#tpCommunityPage h2{font-size:clamp(21px,2.4vw,27px);line-height:1.2;margin:0 0 8px}
#tpCommunityPage h3{font-size:18px;line-height:1.3;margin:0 0 7px}
#tpCommunityPage h4{font-size:15px;margin:17px 0 10px}
#tpCommunityPage p{font-size:13px;line-height:1.55;margin:7px 0 12px}
#tpCommunityPage .tp-lg-line{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;flex-wrap:wrap}
#tpCommunityPage .tp-lg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#tpCommunityPage .tp-lg-card{padding:22px;margin:0 0 18px;border:1px solid var(--tp-readable-border,#d0dee8);border-radius:17px;background:var(--tp-readable-surface,#fff);box-shadow:0 7px 25px rgba(0,0,0,.04);min-width:0}
#tpCommunityPage .tp-lg-inset{border:1px solid var(--tp-readable-border,#d0dee8);border-radius:13px;padding:18px;margin:17px 0 12px;background:var(--tp-readable-subtle,#f3f7fb);min-width:0}
#tpCommunityPage .tp-lg-inset>h3{margin:0 0 5px}
#tpCommunityPage .tp-lg-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin:12px 0}
#tpCommunityPage .tp-lg-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;font:inherit;font-size:13px;font-weight:760;line-height:1.3;padding:9px 13px;border:1px solid var(--tp-readable-border,#d0dee8);border-radius:10px;background:var(--tp-readable-surface,#fff);color:var(--tp-readable-ink,#071c38)!important;-webkit-text-fill-color:var(--tp-readable-ink,#071c38)!important;cursor:pointer;white-space:normal;text-align:center}
#tpCommunityPage .tp-lg-btn.primary{background:#087c48!important;border-color:#087c48!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
#tpCommunityPage .tp-lg-btn.danger{border-color:#be6767!important}
#tpCommunityPage .tp-lg-btn:hover:not(:disabled){filter:brightness(.95)}
#tpCommunityPage .tp-lg-btn:focus-visible,#tpCommunityPage :is(input,select,textarea):focus-visible{outline:3px solid #3aa978;outline-offset:2px}
#tpCommunityPage .tp-lg-btn:disabled{opacity:.55;cursor:wait}
#tpCommunityPage .tp-lg-form{display:grid;gap:12px;margin:12px 0}
#tpCommunityPage label{display:block;font-size:13px;font-weight:700;min-width:0}
#tpCommunityPage :is(input,select,textarea){box-sizing:border-box;width:100%;min-width:0;max-width:100%;margin-top:5px;min-height:42px;border:1px solid var(--tp-readable-border,#d0dee8)!important;border-radius:9px;padding:9px 11px;background:var(--tp-readable-surface,#fff)!important;color:var(--tp-readable-ink,#071c38)!important;-webkit-text-fill-color:var(--tp-readable-ink,#071c38)!important;font:inherit;font-size:14px}
#tpCommunityPage textarea{min-height:78px;resize:vertical}
#tpCommunityPage :is(input,select,textarea):disabled{opacity:.65;cursor:not-allowed}
#tpCommunityPage .tp-lg-terms{border-top:1px solid var(--tp-readable-border,#d0dee8);border-bottom:1px solid var(--tp-readable-border,#d0dee8);margin:14px 0;padding:4px 0 14px}
#tpCommunityPage .tp-lg-terms-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
#tpCommunityPage .tp-lg-terms-grid>div{background:var(--tp-readable-surface,#fff);border-radius:9px;padding:10px;border:1px solid var(--tp-readable-border,#d0dee8);min-width:0}
#tpCommunityPage .tp-lg-terms-grid span{display:block;color:var(--tp-readable-muted,#52637b)!important;-webkit-text-fill-color:var(--tp-readable-muted,#52637b)!important;font-size:11px;font-weight:650;margin-bottom:5px}
#tpCommunityPage .tp-lg-terms-grid strong{display:block;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
#tpCommunityPage details{margin-top:12px}
#tpCommunityPage summary{cursor:pointer;font-size:13px;font-weight:760;padding:9px 0}
#tpCommunityPage .tp-lg-edit{border:1px solid var(--tp-readable-border,#d0dee8);border-radius:10px;padding:0 12px 12px;background:var(--tp-readable-surface,#fff)}
#tpCommunityPage .tp-lg-edit summary{padding:12px 0}
#tpCommunityPage .tp-lg-alert{border:1px solid var(--tp-readable-border,#d0dee8);border-radius:10px;padding:12px;margin-bottom:16px;background:var(--tp-readable-surface,#fff);font-size:13px}
#tpCommunityPage .tp-lg-alert.error{border-color:#c76e6e!important}
#tpCommunityPage .tp-lg-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
#tpCommunityPage .tp-lg-table{width:100%;border-collapse:collapse;table-layout:fixed}
#tpCommunityPage .tp-lg-table th,#tpCommunityPage .tp-lg-table td{padding:9px 7px;border-bottom:1px solid var(--tp-readable-border,#d0dee8);font-size:12px;text-align:left;overflow-wrap:anywhere}
#tpCommunityPage .tp-lg-table th:first-child,#tpCommunityPage .tp-lg-table td:first-child{width:42px}
#tpCommunityPage .tp-lg-table th:last-child,#tpCommunityPage .tp-lg-table td:last-child{text-align:right;width:64px}
#tpCommunityPage .tp-lg-table th:nth-child(3),#tpCommunityPage .tp-lg-table td:nth-child(3){text-align:center;width:62px}
#tpCommunityPage .tp-lg-open-wrap{display:none!important}
@media(max-width:720px){
 #tpCommunityPage .tp-lg-card{padding:14px;margin-bottom:14px}
 #tpCommunityPage .tp-lg-inset{padding:12px}
 #tpCommunityPage .tp-lg-grid,#tpCommunityPage .tp-lg-terms-grid{grid-template-columns:1fr}
 #tpCommunityPage .tp-lg-btn{max-width:100%}
 #tpCommunityPage .tp-lg-actions{align-items:stretch}
 #tpCommunityPage .tp-lg-actions form{width:100%}
 #tpCommunityPage .tp-lg-terms{padding-top:10px}
}

/* Native pool navigation for members of a community. */
#tpCommunityPage .tp-lg-linked-section{margin:16px 0;padding:12px 0;border-top:1px solid var(--tp-readable-border,#d0dee8)}
#tpCommunityPage .tp-lg-linked-section h4{font-size:14px!important;margin:0 0 12px!important}
#tpCommunityPage .tp-lg-linked-list{display:grid;gap:9px}
#tpCommunityPage .tp-lg-linked-pool{display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:12px 14px;border:1px solid var(--tp-readable-border,#d0dee8);border-radius:11px;
  background:var(--tp-readable-surface,#fff);min-width:0}
#tpCommunityPage .tp-lg-linked-summary{flex:1 1 250px;min-width:0}
#tpCommunityPage .tp-lg-linked-summary strong{display:block;overflow-wrap:anywhere;line-height:1.4;
  color:var(--tp-readable-ink,#071c38)!important;
  -webkit-text-fill-color:var(--tp-readable-ink,#071c38)!important}
#tpCommunityPage .tp-lg-linked-summary small{display:block;margin-top:4px;font-size:12px;line-height:1.4;
  color:var(--tp-readable-muted,#52637b)!important;
  -webkit-text-fill-color:var(--tp-readable-muted,#52637b)!important}
#tpCommunityPage .tp-lg-linked-pool .tp-lg-btn{flex:0 0 auto;max-width:225px}
#tpCommunityPage .tp-lg-other-community{margin:12px 0;padding:10px 14px;border:1px solid var(--tp-readable-border,#d0dee8);
 border-radius:10px;background:var(--tp-readable-surface,#fff)}
#tpCommunityPage .tp-lg-other-community>summary{color:var(--tp-readable-ink,#071c38)!important;
 -webkit-text-fill-color:var(--tp-readable-ink,#071c38)!important}
@media(max-width:650px){
 #tpCommunityPage .tp-lg-linked-pool{flex-direction:column;align-items:stretch;padding:13px}
 #tpCommunityPage .tp-lg-linked-pool .tp-lg-btn{flex:1 1 auto;width:100%;max-width:none}
}

/* Keep linked pool cards compact on mobile, even when inherited layout rules
   give articles a height or grid track bigger than their content. */
#tpCommunityPage .tp-lg-linked-list{grid-auto-rows:max-content}
#tpCommunityPage .tp-lg-linked-pool{height:auto!important;min-height:0!important;align-self:start}
#tpCommunityPage .tp-lg-prediction-status{display:block;margin-top:6px;font-size:12px;font-weight:700;line-height:1.45;color:var(--tp-readable-ink,#071c38)!important;-webkit-text-fill-color:var(--tp-readable-ink,#071c38)!important}
#tpCommunityPage .tp-lg-standings-help{margin-top:-4px;margin-bottom:11px}

/* Explicitly opt out of inherited article/grid heights in community cards. */
#tpCommunityPage .tp-lg-linked-list{display:block!important}
#tpCommunityPage .tp-lg-linked-pool{
  display:block!important;height:fit-content!important;min-height:0!important;
  max-height:none!important;align-self:start!important;
  margin:0 0 10px!important;justify-content:flex-start!important
}
#tpCommunityPage .tp-lg-linked-pool .tp-lg-btn{
  display:inline-flex!important;margin-top:12px!important;
  width:auto!important;max-width:100%!important
}
@media(max-width:650px){
 #tpCommunityPage .tp-lg-linked-pool .tp-lg-btn{width:100%!important}
}

/* League navigation: distinct cards, not one continuous block of text. */
#tpCommunityPage .tp-lg-league-stack{display:grid;gap:24px;margin:20px 0}
#tpCommunityPage .tp-lg-league-stack>.tp-lg-league-card{
  position:relative;display:block;min-width:0;margin:0!important;
  padding:0 17px 18px!important;border:2px solid var(--tp-readable-border,var(--tp-line,#d0dee8));
  border-radius:17px;background:var(--tp-readable-surface,var(--tp-panel,#fff));
  box-shadow:0 9px 25px rgba(4,24,27,.065);
}
#tpCommunityPage .tp-lg-league-stack>.tp-lg-league-card:before{
  content:"";display:block;height:4px;margin:0 -17px 15px;
  border-radius:16px 16px 0 0;background:var(--tp-green,#12845a)
}
#tpCommunityPage .tp-lg-league-heading{
  display:flex;justify-content:space-between;align-items:flex-start;
  gap:16px;flex-wrap:wrap;padding:0 0 13px;
  border-bottom:1px solid var(--tp-readable-border,var(--tp-line,#d0dee8));
}
#tpCommunityPage .tp-lg-league-title{flex:1 1 235px;min-width:0}
#tpCommunityPage .tp-lg-league-title h3{font-size:clamp(18px,2.3vw,23px)!important;line-height:1.25;margin:6px 0!important;overflow-wrap:anywhere}
#tpCommunityPage .tp-lg-league-index{
  display:block;font-size:10px;letter-spacing:.14em;font-weight:850;
  color:var(--tp-readable-muted,var(--tp-muted,#52637b))!important;
  -webkit-text-fill-color:var(--tp-readable-muted,var(--tp-muted,#52637b))!important;
}
#tpCommunityPage .tp-lg-league-title p{margin:5px 0 0!important}
#tpCommunityPage .tp-lg-league-units{text-align:right;flex:0 0 auto}
#tpCommunityPage .tp-lg-league-units>strong{font-size:22px;line-height:1.2;display:block;font-variant-numeric:tabular-nums}
#tpCommunityPage .tp-lg-league-units>small{display:block;font-size:11px;line-height:1.4;margin-top:5px;color:var(--tp-readable-muted,var(--tp-muted,#52637b))!important;-webkit-text-fill-color:var(--tp-readable-muted,var(--tp-muted,#52637b))!important}
#tpCommunityPage .tp-lg-league-stats{margin:11px 0 4px!important}
#tpCommunityPage .tp-lg-ranking-state{margin-left:7px;font-size:11px;font-weight:700;color:var(--tp-readable-muted,var(--tp-muted,#52637b))!important;-webkit-text-fill-color:var(--tp-readable-muted,var(--tp-muted,#52637b))!important}
#tpCommunityPage .tp-lg-my-row{background:var(--tp-readable-subtle,var(--tp-panel-2,#f3f7fb))}
#tpCommunityPage .tp-lg-points-pending{display:block;font-size:10px;font-weight:600;color:var(--tp-readable-muted,var(--tp-muted,#52637b))!important;-webkit-text-fill-color:var(--tp-readable-muted,var(--tp-muted,#52637b))!important}
#tpCommunityPage .tp-lg-league-stack>.tp-lg-league-card>.tp-lg-terms{background:transparent!important}
@media(max-width:650px){
 #tpCommunityPage .tp-lg-league-stack{gap:20px;margin:16px 0}
 #tpCommunityPage .tp-lg-league-stack>.tp-lg-league-card{padding:0 12px 13px!important}
 #tpCommunityPage .tp-lg-league-stack>.tp-lg-league-card:before{margin:0 -12px 12px}
 #tpCommunityPage .tp-lg-league-heading{gap:9px}
 #tpCommunityPage .tp-lg-league-units{text-align:left;width:100%}
 #tpCommunityPage .tp-lg-league-units>strong{font-size:20px}
}

/* Show virtual unit reserves as one readable, undivided figure. */
#tpCommunityPage .tp-lg-league-units>strong{
 font-size:clamp(17px,2vw,23px)!important;font-weight:850;
 line-height:1.25;white-space:normal;overflow-wrap:break-word;
}
#tpCommunityPage .tp-lg-league-units{max-width:100%;text-align:right}
@media(max-width:650px){#tpCommunityPage .tp-lg-league-units{text-align:left}}