/* CricRate site-wide concept adoption — presentation only.
   Read-only navigation, scorecards, filters, ratings, club data and access rules are left to app.js. */
:root {
  --paper:#f7f4ec;
  --paper-2:#fffefa;
  --navy:#172b36;
  --ink:#182b35;
  --muted:#68777b;
  --line:#e3ded2;
  --line-2:#ece7dd;
  --gold:#c59b55;
  --burgundy:#a77f40;
  --green:#223b3f;
  --radius:14px;
}
body{background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif}
.topbar{background:#172a35;color:#f7f1e4;border-bottom:1px solid #43515a;min-height:78px;height:auto;gap:16px;padding-block:10px;box-shadow:0 5px 20px rgba(18,36,44,.1)}
.topbar .brand,.topbar .brand button{color:#f8f1e1}
.topbar .brand img,.topbar [aria-label="CricRate home"] img{filter:none}
.topbar .nav{gap:3px;flex-wrap:wrap;justify-content:center}
.topbar .nav button{font-size:13px;color:#e0e2dd;border-radius:8px;padding:10px 12px;transition:background .16s ease,color .16s ease}
.topbar .nav button:hover{background:rgba(255,255,255,.1);color:#fff}
.topbar .nav button.active{background:#e0bd78;color:#172a35;font-weight:750}
.topbar .desktop-actions .btn,.topbar .desktop-actions button{border-color:#67737a;color:#f8f5ec;background:rgba(255,255,255,.06)}
.topbar .desktop-actions button:hover{background:rgba(255,255,255,.14)}
.main{max-width:1390px;padding:48px clamp(18px,5vw,80px) 105px}
.main>.hero-row{padding:14px 0 26px;margin-bottom:20px;border-bottom:1px solid #dcd5c8;align-items:center}
.main>.hero-row .eyebrow{color:#9d7a42;font-size:11px;letter-spacing:.19em}
.main>.hero-row h1{font-size:clamp(43px,5.5vw,72px);letter-spacing:-.055em;line-height:1.03}
.main>.hero-row p{max-width:590px;color:#677579;line-height:1.6;font-size:16px}
.main>.hero-row+.grid{gap:18px}
.main>.hero-row .filter-bar,.main>.filter-bar{background:#fffefa;border:1px solid #e2daca;border-radius:14px;padding:12px;box-shadow:0 8px 24px #1a2d3410}
.filter-control{display:flex;flex-direction:column;gap:7px}
.filter-control span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#718080;text-transform:uppercase}
.filter-control .select{border-radius:8px;min-height:38px;background:#f9f7f2;border-color:#ded8cc;max-width:100%}
.select:focus-visible,.btn:focus-visible,.chip:focus-visible,.nav button:focus-visible,.compact-match-row button:focus-visible{outline:3px solid #dcac51;outline-offset:3px}
.main .card{border-radius:16px;border:1px solid #e1dacd;box-shadow:0 9px 28px rgba(24,42,53,.04);background:#fffefa}
.main .card h2{font-size:clamp(25px,2.7vw,34px)}
.main .card h3{font-size:clamp(21px,2.2vw,28px)}
.main .metric-label{color:#74807e;letter-spacing:.14em;font-size:10px}
.main .metric{font-size:clamp(36px,3.4vw,51px);font-weight:400;color:#172e38;font-variant-numeric:tabular-nums}
.main>.grid>.card.span-3{padding:23px 24px;position:relative;overflow:hidden}
.main>.grid>.card.span-3:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#b8914c,#e3cb90)}
.main>.grid>.card.span-3 .metric-sub{line-height:1.45}
.main>.grid>.card:not(.span-3){padding:clamp(22px,2.8vw,34px)}
.main>.grid>.card.span-6 h2,.main>.grid>.card.span-7 h2,.main>.grid>.card.span-8 h2{margin-bottom:16px}
.main .btn.primary{background:#17333e;border-color:#17333e;color:#fff}
.main .btn.primary:hover{background:#26515c}
.main .btn:not(.primary){border-radius:9px}
.main .chip{border-radius:9px;padding:10px 14px;font-weight:650}
.main .chip.active{background:#19323d;color:#fff}
.main>.filters{border:1px solid #e1dacd;border-radius:14px;background:#fffefa;padding:12px 14px;align-items:center;gap:8px}
.main .table-wrap{padding:12px 22px}
.main table{font-size:14px}
.main table th{color:#6a7a7e;background:#faf8f3;padding:17px 13px}
.main table td{padding:16px 13px}
.main table tbody tr{transition:background .16s ease}
.main table tbody tr:hover{background:#f7f2e7}
.main table tbody tr:last-child td{border-bottom:0}
.main .rating-pill{font-variant-numeric:tabular-nums;font-weight:800}
.main .compact-match-shell{padding:13px 26px}
.main .compact-match-row{grid-template-columns:minmax(116px,.75fr) minmax(270px,2.15fr) minmax(145px,.9fr) auto;gap:20px;padding:23px 8px;border-color:#e8e1d5;position:relative}
.main .compact-match-row:hover{background:linear-gradient(90deg,#f9f4e9,transparent);border-radius:10px}
.main .compact-match-date strong{color:#394d54;font-size:13px}
.main .compact-match-main>strong{font-size:clamp(19px,2vw,24px);color:#1e3540;font-weight:500}
.main .scoreboard-compact{background:#f7f6f2;border:1px solid #eee8dd;border-radius:10px;padding:12px 16px;gap:7px}
.main .scoreboard-compact div{display:flex;justify-content:space-between;gap:16px}
.main .scoreboard-compact strong{font-size:14px;color:#20333e;font-variant-numeric:tabular-nums}
.main .result-badge{border-radius:7px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:5px 9px}
.main .compact-match-rating{gap:7px}
.main .compact-match-row button{border-radius:9px}
.main>.league-selection-filters{margin-bottom:24px;display:flex;flex-wrap:wrap;gap:12px}
.main>.league-selection-filters .filter-control{flex:1 1 145px}
.main>.league-selection-filters .filter-control:first-child{flex-basis:230px}
.main .league-selection-card{padding:clamp(22px,3.8vw,46px);position:relative}
.main .league-selection-card>.eyebrow{color:#a88546}
.main .league-selection-card h2{font-size:clamp(36px,4vw,56px);letter-spacing:-.04em;margin-bottom:9px}
.main .selection-actions{margin:18px 0}
.main .allstar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.main .allstar-player{border:1px solid #e6dfd3;background:#faf9f4;border-radius:13px;padding:17px;display:grid;gap:12px;align-items:center;grid-template-columns:auto minmax(0,1fr) auto}
.main .allstar-player .allstar-slot{background:#203a43;color:#e7ca8d;border-radius:9px;padding:12px 7px;min-width:42px;text-align:center;font-weight:800;font-size:11px}
.main .allstar-player strong{font-size:15px}
.main .allstar-player .row-meta{display:block;line-height:1.5;font-size:11px}
.main .allstar-player .rating-pill{align-self:start}
.main .partner-hero{border-radius:18px;box-shadow:0 20px 46px #1a324320}
.main .partner-card{box-shadow:0 9px 32px #182d3814}
.main .partner-card:hover{transform:translateY(-2px);transition:transform .2s ease}
.main .partner-invite{border-radius:18px}
.main .player-profile-page{max-width:1240px}
.main .cr-dashboard .cr-badge-grid-v2{grid-template-columns:repeat(auto-fit,minmax(166px,1fr));gap:14px}
.main .cr-dashboard .cr-badge-grid-v2 .cr-badge{border-radius:15px;background:#fffefa;border:1px solid #dfd7c7;padding:13px 8px;box-shadow:0 6px 18px #172a3510}
.main .cr-dashboard .cr-badge-grid-v2 .cr-badge>summary{min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:7px;cursor:pointer}
.main .cr-dashboard .cr-badge-grid-v2 .cr-shield{position:relative;clip-path:polygon(50% 0,91% 16%,88% 71%,50% 100%,12% 71%,9% 16%);border:0;border-radius:0;width:89px;height:100px;background:#b99858;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:none;color:#fae3aa}
.main .cr-dashboard .cr-badge-grid-v2 .cr-shield:before{content:"";position:absolute;inset:7px;clip-path:inherit;background:#172d38;z-index:-1}
.main .cr-dashboard .cr-badge-grid-v2 .cr-shield>span{font-family:Georgia,serif;font-size:30px;font-weight:700;line-height:1.1}
.main .cr-dashboard .cr-badge-grid-v2 .cr-shield>small{font-size:9px;letter-spacing:.1em;font-weight:800}
.main .cr-dashboard .cr-badge-grid-v2 .cr-award-green .cr-shield{background:#6c9a88}
.main .cr-dashboard .cr-badge-grid-v2 .cr-award-blue .cr-shield{background:#7894bd}
.main .cr-dashboard .cr-badge-grid-v2 .cr-award-slate .cr-shield{background:#98a6b2}
.main .cr-dashboard .cr-badge-grid-v2 .cr-badge.is-locked{opacity:.53}
.main .cr-dashboard .cr-badge-grid-v2 .cr-badge.is-earned{background:linear-gradient(155deg,#fffefa,#fbf5e8)}
.main .cr-dashboard .cr-badge-grid-v2 .cr-badge-status{font-size:9px;letter-spacing:.12em}
.main .cr-dashboard .cr-badge-grid-v2 strong{font-size:14px;line-height:1.3;min-height:31px}
.main .cr-dashboard .cr-badge-grid-v2 summary>small{font-size:11px;line-height:1.4}
.main .cr-dashboard .cr-badge-grid-v2 .cr-badge-count{font-size:11px}
.main .cr-dashboard .cr-badge-grid-v2 .cr-badge-proof{border-top:1px solid #e6dfd2;margin-top:10px;padding:12px 8px;font-size:12px;text-align:left;overflow-wrap:anywhere}
.main .cr-dashboard .cr-badge-grid-v2 .cr-badge-proof ul{padding-left:15px}
footer,.footer{background:#172a35;color:#e2e4e1}
footer a,.footer a{color:#efcf8e}
@media(max-width:1100px){.topbar{flex-wrap:wrap}.topbar .nav{order:3;width:100%}.main .allstar-list{grid-template-columns:1fr}}
@media(max-width:760px){.main{padding:25px 14px 80px}.main>.hero-row{display:flex;flex-direction:column;align-items:stretch;gap:16px}.main>.hero-row .filter-bar{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.main .compact-match-row{grid-template-columns:1fr;gap:10px;padding:18px 0}.main .compact-match-rating{max-width:100%;grid-template-columns:auto 1fr}.main .scoreboard-compact{padding:10px}.main .allstar-player{grid-template-columns:auto minmax(0,1fr);gap:10px}.main .allstar-player .rating-pill{grid-column:2}.main .cr-dashboard .cr-badge-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}.main>.grid>.card:not(.span-3){padding:20px}.main .table-wrap{padding:5px}.topbar .nav button{padding:8px 9px;font-size:12px}}
@media(max-width:420px){.main .cr-dashboard .cr-badge-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.main .cr-dashboard .cr-badge-grid-v2 .cr-badge{padding:9px 4px}.main .cr-dashboard .cr-badge-grid-v2 .cr-shield{width:73px;height:84px}.main .cr-dashboard .cr-badge-grid-v2 .cr-shield>span{font-size:23px}.main>.hero-row .filter-bar{grid-template-columns:1fr}}

.help-footer{background:#172a35;border-top:1px solid #49616b;border-radius:0;color:#dfe8e7}
.help-footer a,.help-footer button,.help-footer .social-link{color:#e7e6db!important;text-decoration:none}
.help-footer a:hover,.help-footer button:hover{color:#efd08f!important;text-decoration:underline}

.cr-site-story{display:grid;grid-template-columns:1.15fr .85fr;margin:7px 0 24px;min-height:315px;border-radius:17px;overflow:hidden;border:1px solid #d6cdbb;box-shadow:0 18px 44px #172e3916}
.cr-site-story-dark{background:linear-gradient(132deg,#142a35,#213e46);color:#fff;padding:clamp(28px,4vw,52px);position:relative;overflow:hidden}
.cr-site-story-dark:after{content:"";position:absolute;right:-60px;bottom:-150px;width:340px;height:340px;border-radius:50%;border:1px solid rgba(229,192,116,.22);box-shadow:0 0 0 54px rgba(220,183,110,.035),0 0 0 112px rgba(220,183,110,.035);pointer-events:none}
.cr-site-kicker{font-size:10px;font-weight:800;letter-spacing:.18em;color:#d6b16e}
.cr-site-story h2{font-family:Georgia,serif;font-size:clamp(35px,4vw,57px);line-height:1.04;letter-spacing:-.05em;font-weight:400;color:#fff;margin:20px 0}
.cr-site-story h2 em{color:#eac585}
.cr-site-story-dark p{color:#dbe2de;line-height:1.6;max-width:460px;font-size:15px;margin-bottom:23px}
.cr-site-goldbtn{position:relative;background:#e7c57e;border:0;border-radius:8px;padding:13px 18px;color:#1c3038;font-weight:750;cursor:pointer}
.cr-site-goldbtn:hover{background:#f2d79a}
.cr-site-story-light{background:#ede6d7;padding:clamp(28px,4vw,50px);display:flex;flex-direction:column;justify-content:center;gap:11px}
.cr-site-story-light .cr-site-kicker{color:#92703b}
.cr-site-story-light h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(25px,2.8vw,39px);line-height:1.12;letter-spacing:-.035em;margin:5px 0;color:#223740}
.cr-site-feature{display:flex;gap:9px;flex-direction:column;border-top:1px solid #d4c7b5;border-bottom:1px solid #d4c7b5;padding:13px 0}
.cr-site-feature-label{font-size:16px;font-weight:750}
.cr-site-feature strong{font-family:Georgia,serif;font-size:clamp(42px,5vw,64px);font-weight:400;line-height:1;font-variant-numeric:tabular-nums;color:#1d3741}
.cr-site-feature small{font-size:10px;letter-spacing:.18em;color:#8d713e;font-weight:800}
.cr-site-story-light p{font-size:12px;color:#596669;line-height:1.5;margin:0}
.cr-site-textlink{align-self:flex-start;padding:0;border:0;border-bottom:1px solid #9a7538;background:none;color:#173642;cursor:pointer;font-weight:750;font-size:13px}
@media(max-width:760px){.cr-site-story{grid-template-columns:1fr}.cr-site-story-light{padding:27px}.cr-site-story-dark{padding:30px}.cr-site-story h2{font-size:39px}}

.cr-site-breadcrumb{font-size:11px;color:#849098;letter-spacing:.035em;margin:0 0 20px}
.cr-site-intro{color:#738088;font-size:16px;line-height:1.55;margin:0 0 30px;max-width:850px}
.cr-site-story h2{font-size:clamp(36px,3.4vw,51px);line-height:1.1}
.cr-site-story-dark .cr-site-outlinebtn{background:transparent;border:1px solid #71828a;color:#fff;padding:12px 16px;border-radius:8px;font-weight:700;margin-left:9px;cursor:pointer}
.cr-site-story-dark .cr-site-outlinebtn:hover{border-color:#d9c28e}
.cr-site-story-light .cr-site-feature{border:0;padding:6px 0}
.cr-site-feature{display:grid;grid-template-columns:auto 1fr;column-gap:15px;align-items:end}
.cr-site-feature strong{grid-column:1;grid-row:1/3;color:#ae843e}
.cr-site-feature-label{grid-column:2;grid-row:1;font-size:13px}
.cr-site-feature small{grid-column:2;grid-row:2;font-size:10px;color:#61727a;letter-spacing:0}
.cr-site-story-light>p{font-size:13px;line-height:1.7;color:#65767e}
.cr-site-story-light h3{font-size:clamp(27px,2.7vw,39px)}
@media(max-width:460px){.cr-site-story-dark .cr-site-outlinebtn{margin:9px 0 0;display:block}}

/* Full scorecard detail: the same editorial hierarchy as Player Analysis. */
.modal-backdrop{background:rgba(14,28,36,.76);backdrop-filter:blur(4px)}
.modal[role="dialog"]{border-radius:17px;border:1px solid #d4cdbf;box-shadow:0 25px 75px #13232d55}
.modal[role="dialog"] .modal-head{background:linear-gradient(120deg,#172c36,#24434a);color:#f5f0e7;padding:clamp(22px,3.6vw,38px);border:0}
.modal[role="dialog"] .modal-head .eyebrow{color:#e3bd76;line-height:1.6;margin-bottom:12px}
.modal[role="dialog"] .modal-head h2{color:#fff;font-size:clamp(26px,3.3vw,41px);line-height:1.15;letter-spacing:-.035em}
.modal[role="dialog"] .modal-head .muted{color:#ceb680}
.modal[role="dialog"] .modal-head .icon-btn{border:1px solid #6c838b;color:#f8f6ef;background:#294550;border-radius:8px}
.modal[role="dialog"] .modal-body{padding:clamp(16px,3vw,34px);background:#f6f3eb}
.modal[role="dialog"] .modal-body .card{background:#fffefa;border-color:#e0d9cc;border-radius:13px}
.modal[role="dialog"] .modal-body .card.span-12{padding:clamp(18px,2.6vw,29px)}
.modal[role="dialog"] .modal-body .card.span-12 h3{font-size:clamp(27px,3vw,39px);margin-bottom:10px}
.modal[role="dialog"] .modal-body .list>.row{padding:15px 8px;border-bottom:1px solid #ebe4d9;gap:12px}
.modal[role="dialog"] .modal-body .list>.row:hover{background:#f7f1e6}
.modal[role="dialog"] .modal-body .row-title{font-size:15px;font-weight:750}
@media(max-width:680px){.modal-backdrop{padding:8px}.modal[role="dialog"]{max-height:96vh}.modal[role="dialog"] .modal-head{padding:22px}.modal[role="dialog"] .modal-body .grid{gap:10px}.modal[role="dialog"] .modal-body .card{grid-column:span 12}}

/* The approved second navigation tier: real club / XI / season controls. */
.cr-site-context{min-height:61px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px clamp(18px,5vw,72px);border-bottom:1px solid #e4dbca;background:#fdfbf6;box-shadow:0 2px 10px #1b2d3a08}
.cr-site-context-club{display:flex;align-items:center;gap:12px;min-width:180px}
.cr-site-context-club strong{font-weight:750;color:#233740;font-size:13px}
.cr-site-context-filters{display:flex;align-items:center;gap:16px;flex:1}
.cr-site-context-filters .filter-control{flex-direction:row;align-items:center;gap:6px}
.cr-site-context-filters .filter-control span{display:none}
.cr-site-context-filters .select{background:#fffefa;border:1px solid #ded8ca;border-radius:7px;padding:9px 10px;font-size:12px;max-width:220px}
.cr-site-context-filters .filter-control:last-child .select{min-width:88px}
.cr-site-context-actions{display:flex;align-items:center;gap:15px;font-size:11px}
.cr-site-context-actions button{border:0;background:transparent;color:#283b47;cursor:pointer;font-size:12px;font-weight:700}
.cr-site-context-actions .cr-site-import{border:1px solid #dbcbaf;background:#f4eee3;padding:10px 13px;border-radius:8px}
.cr-site-online{color:#68777f;white-space:nowrap}
.cr-site-online:before{content:"";display:inline-block;background:#5b9880;width:6px;height:6px;border-radius:50%;vertical-align:middle;margin-right:8px}
@media(max-width:1000px){.cr-site-context{flex-wrap:wrap}.cr-site-context-filters{order:3;width:100%;flex:auto}.cr-site-context-actions{margin-left:auto}}
@media(max-width:620px){.cr-site-context{gap:10px;padding:12px 14px}.cr-site-context-club{min-width:0}.cr-site-context-actions{gap:8px}.cr-site-online{display:none}.cr-site-context-filters{flex-wrap:wrap;gap:8px}.cr-site-context-filters .filter-control{flex:1}.cr-site-context-filters .select{width:100%;max-width:none}}

/* Approved concept navigation: source logo geometry unchanged; its original dark
   SVG background matches the navigation rather than displaying a cream block. */
.topbar.cr-concept-header{height:76px;min-height:76px;display:flex;align-items:center;flex-wrap:nowrap;justify-content:space-between;gap:20px;padding:10px clamp(20px,4.25vw,62px);background:#182630;border:0;box-shadow:none}
.cr-concept-header .brand{flex:0 0 auto;padding:0;background:transparent;border:0}
.cr-concept-header .brand-wordmark{width:150px;height:50px;filter:none;object-fit:contain}
.cr-concept-header .nav{order:0;width:auto;flex:1;justify-content:flex-start;gap:2px;flex-wrap:nowrap;min-width:0}
.cr-concept-header .nav button{color:#c8dbe4;font-size:12px;font-weight:650;padding:10px 11px;white-space:nowrap;border-radius:6px}
.cr-concept-header .nav button.active{background:#eadfc9;color:#162a36;font-weight:750}
.cr-concept-header .cr-concept-header-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}
.cr-concept-search{display:grid;place-items:center;width:39px;height:36px;border:1px solid #536b78;border-radius:6px;color:#e4edf0;background:transparent;cursor:pointer}
.cr-concept-search:hover{background:#2b4651}
.cr-concept-account{display:flex;align-items:center;justify-content:center;gap:4px;width:44px;height:44px;border:0;border-radius:50%;background:#c7a052;color:#172a35;font-weight:800;font-size:11px;cursor:pointer}
.cr-concept-account span{font-size:11px}
.cr-concept-header :is(button,a):focus-visible{outline:3px solid #efd188;outline-offset:3px}
.cr-site-context{min-height:61px;padding:9px clamp(20px,4.25vw,62px);box-shadow:none}
.cr-site-context-club{min-width:0;flex:0 1 auto}
.cr-site-context-club strong{font-size:13px;color:#1e3440;white-space:nowrap}
.cr-site-context-slash{color:#adbbc0;font-size:15px;margin:0 2px}
.cr-site-context-filters{flex:1;gap:11px}
.cr-site-context-filters .filter-control{flex:0 1 auto}
.cr-site-context-filters .select{border:0;background:transparent;border-radius:3px;font-size:12px;font-weight:700;color:#344956;padding:8px 10px;max-width:200px}
.cr-site-context-filters .select:hover{background:#f0ebe1}
.cr-site-context-actions button:not(.cr-site-import){font-size:12px}
.cr-site-context-actions .cr-site-import{border:1px solid #d8ccb7;border-radius:7px;background:#f4ede0}
@media(max-width:1050px){.topbar.cr-concept-header{gap:8px;padding:8px 18px}.cr-concept-header .brand-wordmark{width:135px}.cr-concept-header .nav button{font-size:11px;padding:8px}.cr-site-context-actions{gap:8px}}
@media(max-width:760px){.topbar.cr-concept-header{height:auto;min-height:68px;flex-wrap:wrap}.cr-concept-header .nav{order:3;flex-basis:100%;width:100%;overflow:auto;justify-content:flex-start}.cr-concept-header .nav button{flex-shrink:0}.cr-concept-header .cr-concept-header-actions{margin-left:auto}.cr-site-context{gap:8px;padding:10px 15px}.cr-site-context-slash{display:none}.cr-site-context-filters .select{max-width:100%}}

/* Approved concept corrections: Squad directory */
.main .cr-squad-concept{max-width:1240px;margin:0 auto}
.cr-squad-concept>h1{font-family:Georgia,serif;font-size:clamp(42px,5vw,62px);line-height:1.08;letter-spacing:-.04em;font-weight:400;margin:10px 0 20px}
.cr-squad-concept>p{font-size:16px;line-height:1.65;color:#718084;max-width:740px;margin-bottom:28px}
.cr-squad-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:32px 0 36px}
.cr-squad-metrics>div{background:#fffefa;border:1px solid #e1dacd;border-radius:12px;padding:22px;min-height:138px;display:flex;flex-direction:column;gap:8px}
.cr-squad-metrics span,.cr-squad-tools label>span{font-size:10px;font-weight:800;letter-spacing:.14em;color:#718080}
.cr-squad-metrics strong{font:normal 38px Georgia,serif;color:#172b36}
.cr-squad-metrics small{font-size:12px;color:#718084}
.cr-squad-concept>h2{font:normal 32px Georgia,serif;margin:10px 0 19px}
.cr-squad-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}
.cr-squad-filters .chip{border:1px solid #ddd6c9;background:#fffefa;padding:13px 18px}
.cr-squad-filters .chip.active{background:#172b36;color:#fff}
.cr-squad-tools{display:flex;align-items:end;gap:12px;margin-bottom:18px}
.cr-squad-tools>input{flex:1;min-width:100px;height:52px;border:1px solid #ddd6c9;border-radius:9px;padding:0 16px;font:inherit;background:#fffefa}
.cr-squad-tools>label{display:flex;flex-direction:column;gap:8px}
.cr-squad-tools select{min-width:140px;height:52px}
.cr-squad-view{height:52px;display:flex;align-items:center;padding:4px;background:#f0eee8;border:1px solid #dfd8cb;border-radius:8px}
.cr-squad-view button{border:0;background:transparent;padding:11px 14px;cursor:pointer;border-radius:6px;color:#43545a}
.cr-squad-view button.active{background:#172b36;color:#fff}
.cr-squad-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.cr-squad-player{text-align:left;display:flex;align-items:center;gap:18px;background:#fffefa;border:1px solid #e1dacd;border-radius:12px;padding:24px 26px;min-height:126px;cursor:pointer;color:#172b36}
.cr-squad-player:hover{border-color:#c6a363;box-shadow:0 8px 24px #172b3614}
.cr-squad-initials{flex:0 0 62px;height:62px;border-radius:12px;background:linear-gradient(130deg,#d9c7a4,#ae976f);display:grid;place-items:center;font:28px Georgia,serif}
.cr-squad-identity{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}
.cr-squad-identity strong{font:normal 22px Georgia,serif}
.cr-squad-identity span,.cr-squad-identity small{font-size:12px;color:#728286;line-height:1.3}
.cr-squad-player>.rating-pill{flex:0 0 auto}
.main .cr-selection-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.main .cr-selection-pair>.cr-team-sheet{padding:24px!important;min-width:0}
.main .cr-selection-pair .allstar-list,.main .cr-league-sheet .allstar-list{display:flex;flex-direction:column;gap:0;margin-top:20px}
.main .cr-selection-pair .allstar-player,.main .cr-league-sheet .allstar-player{background:transparent;border:0;border-bottom:1px solid #e5ddd1;border-radius:0;display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;min-height:62px;padding:10px 0;align-items:center;text-align:left}
.main .cr-selection-pair .allstar-player:last-child,.main .cr-league-sheet .allstar-player:last-child{border-bottom:0}
.main .cr-selection-pair .allstar-slot,.main .cr-league-sheet .allstar-slot{background:transparent;color:#ac8c53;padding:0;min-width:0;font-size:10px}
.main .cr-selection-pair .allstar-player strong,.main .cr-league-sheet .allstar-player strong{font-size:13px;font-weight:700}
.main .cr-selection-pair .allstar-player .row-meta,.main .cr-league-sheet .allstar-player .row-meta{font-size:10px;line-height:1.45;overflow-wrap:anywhere}
.main .cr-selection-pair .allstar-player .rating-pill,.main .cr-league-sheet .allstar-player .rating-pill{font-size:12px;align-self:center;grid-column:auto}
.main .cr-league-sheet{max-width:none;width:100%}
.main .cr-league-sheet>.allstar-list{max-width:none}
.main .cr-league-sheet>.allstar-list .allstar-player{min-height:58px}
@media(max-width:900px){.cr-squad-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-squad-card-grid{grid-template-columns:1fr}.main .cr-selection-pair{grid-template-columns:1fr}}
@media(max-width:580px){.cr-squad-metrics{gap:9px}.cr-squad-metrics>div{padding:14px;min-height:118px}.cr-squad-metrics strong{font-size:30px}.cr-squad-tools{flex-wrap:wrap}.cr-squad-tools>input{flex-basis:100%}.cr-squad-player{padding:16px;gap:12px}.cr-squad-initials{flex-basis:48px;height:48px;font-size:21px}.cr-squad-identity strong{font-size:18px}}

/* Exact section hierarchy from the approved reference concept */
.cr-selection-page-head,.cr-analytics-concept{max-width:1240px;margin:0 auto 22px}
.cr-selection-page-head h1,.cr-analytics-concept>h1{font:normal clamp(40px,4.8vw,62px)/1.12 Georgia,serif;letter-spacing:-.045em;color:#182b35;margin:14px 0 20px}
.cr-selection-page-head>p,.cr-analytics-concept>p{font-size:16px;line-height:1.55;color:#748087;max-width:780px;margin:0 0 30px}
.cr-selection-head-row{display:flex;justify-content:space-between;gap:26px;align-items:center;margin-bottom:32px}
.cr-selection-head-row>p{font-size:15px;line-height:1.6;color:#748087;max-width:650px}
.cr-selection-controls{display:flex;gap:10px;flex:0 0 auto}
.cr-selection-controls label{display:flex;flex-direction:column;gap:6px;color:#728080;font-size:10px;letter-spacing:.1em;font-weight:700;text-transform:uppercase}
.cr-selection-controls .select{background:#fffefa;padding:12px;max-width:210px;min-width:130px}
.cr-selection-banner{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:clamp(28px,3.2vw,46px);background:linear-gradient(115deg,#18313e,#344c57);color:#fff;border-radius:14px;margin:24px 0 22px;min-height:225px}
.cr-selection-banner>div:first-child{max-width:800px}
.cr-selection-banner .eyebrow{color:#e8bd72!important;margin-bottom:18px}
.cr-selection-banner h2{font:normal clamp(26px,3.2vw,39px)/1.15 Georgia,serif;color:#fff;margin:0 0 16px}
.cr-selection-banner p{color:#d7e1e4;font-size:14px;line-height:1.7;max-width:770px}
.cr-xi-medallion{flex:0 0 138px;width:138px;height:138px;border-radius:50%;border:1px solid #c7a366;box-shadow:0 0 0 7px #ffffff12;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#e8cda0}
.cr-xi-medallion strong{font:normal 65px Georgia,serif;line-height:1}
.cr-xi-medallion small{font-size:10px;font-weight:800;letter-spacing:.19em}
.main .cr-selection-pair .cr-team-sheet h2{font:normal 30px Georgia,serif;text-transform:capitalize;margin:6px 0}
.main .cr-selection-pair .cr-team-sheet>.eyebrow{font-size:10px;letter-spacing:.17em;color:#ac8a54}
.main .cr-selection-pair .cr-team-sheet .allstar-list{display:flex;flex-direction:column;gap:0}
.main .cr-selection-pair .cr-team-sheet .allstar-player{grid-template-columns:26px minmax(0,1fr) auto;border:0;border-top:1px solid #e5ddd1;padding:10px 0;min-height:58px;border-radius:0;background:transparent;gap:10px}
.main .cr-selection-pair .cr-team-sheet .allstar-slot{padding:0;min-width:0;background:transparent;color:#ae8b51;font-size:10px}
.main .cr-selection-pair .cr-team-sheet .allstar-player .row-meta{font-size:10px;line-height:1.4}
.main .cr-selection-pair .cr-team-sheet .rating-pill{align-self:center;grid-column:auto}
.cr-analytics-concept>h2{font:normal 33px Georgia,serif;margin:12px 0 20px}
.cr-analytics-story{display:grid;grid-template-columns:1.45fr 1fr;overflow:hidden;border-radius:14px;min-height:310px;margin:24px 0 38px}
.cr-analytics-story-dark{background:linear-gradient(120deg,#142a35,#263f49);padding:clamp(25px,3.5vw,45px);color:#fff}
.cr-analytics-story-dark .eyebrow{color:#dfb66a}
.cr-analytics-story-dark h2{font:normal clamp(28px,3.1vw,43px)/1.1 Georgia,serif;color:#fff;margin:20px 0}
.cr-analytics-story-dark p{font-size:15px;color:#d8e2e5;line-height:1.6;max-width:520px;margin:0 0 24px}
.cr-analytics-story-light{background:#ebe3d3;padding:clamp(25px,3vw,40px);display:flex;flex-direction:column;justify-content:space-between}
.cr-analytics-story-light h3{font:normal 30px Georgia,serif}
.cr-analytics-story-light p{font-size:13px;color:#718087;line-height:1.65}
.cr-analytics-feature-rating{display:flex;align-items:end;gap:15px;margin-top:35px}
.cr-analytics-feature-rating strong{font:normal 64px Georgia,serif;color:#9e783e}
.cr-analytics-feature-rating small{font-size:11px;color:#768488;max-width:135px}
.cr-analytics-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:35px}
.cr-analytics-areas>button{border:1px solid #ded8cc;border-radius:12px;background:#fffefa;min-height:232px;padding:25px;text-align:left;display:flex;flex-direction:column;gap:18px;cursor:pointer;color:#182b35}
.cr-analytics-areas>button:hover{border-color:#b89253;transform:translateY(-2px)}
.cr-area-symbol{background:#f0e6d4;color:#a67936;border-radius:10px;width:48px;height:48px;display:grid;place-items:center;font-size:25px}
.cr-analytics-areas strong{font:normal 24px Georgia,serif}
.cr-analytics-areas span:not(.cr-area-symbol){font-size:13px;color:#738084;line-height:1.7}
.cr-analytics-areas small{font-size:12px;color:#986e38;margin-top:auto;font-weight:750}
.cr-analytics-concept+.analytics-page{margin-top:36px;border-top:1px solid #ddd4c5;padding-top:28px}
@media(max-width:900px){.cr-analytics-areas{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-selection-head-row{flex-wrap:wrap}}
@media(max-width:600px){.cr-analytics-story{grid-template-columns:1fr}.cr-analytics-areas{grid-template-columns:1fr}.cr-selection-banner{flex-direction:column;align-items:flex-start}.cr-xi-medallion{align-self:center}.cr-selection-controls{width:100%;flex-wrap:wrap}}

/* Approved Overview: established rankings and latest result */
.cr-overview-leaders,.cr-overview-result{padding:clamp(24px,3vw,38px)!important;background:#fffdfa}
.cr-overview-section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}
.cr-overview-section-title h2{font:normal 28px/1.2 Georgia,serif;margin:7px 0 0;color:#182d37}
.cr-overview-leaders h3,.cr-overview-result h3{font:normal 30px/1.18 Georgia,serif;margin:12px 0 10px;color:#20313a}
.cr-overview-leaders>p,.cr-overview-result>p{font-size:13px;line-height:1.7;color:#7d898d;margin:0 0 22px}
.cr-overview-person{width:100%;display:flex;align-items:center;gap:13px;padding:13px 0;border:0;border-top:1px solid #eae3d9;background:none;color:inherit;text-align:left;cursor:pointer}
.cr-overview-person:hover .cr-overview-identity strong{text-decoration:underline}
.cr-overview-rank{font:normal 16px Georgia,serif;color:#af905c;width:25px;flex:0 0 25px}
.cr-overview-avatar{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:50%;background:#eadfca;color:#795c32;font-size:12px;font-weight:800;letter-spacing:.03em}
.cr-overview-identity{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}
.cr-overview-identity strong{font-size:14px;color:#1e323c;font-weight:750}
.cr-overview-identity small{font-size:11px;color:#7b8589}
.cr-overview-rating{font:normal 22px Georgia,serif;color:#af864b;white-space:nowrap}
.cr-overview-result h3 span{font-size:14px;color:#a8aeb0;font-family:system-ui}
.cr-overview-score{border-top:1px solid #e7dfd2;padding-top:18px}
.cr-overview-outcome{margin:15px 0 27px}
.cr-overview-performer{border-top:1px solid #e7dfd2;border-bottom:1px solid #e7dfd2;padding:20px 0;margin-bottom:24px}
.cr-overview-performer-row{display:flex;align-items:center;gap:13px;margin-top:13px}
.cr-overview-empty{padding:20px 0}
@media(max-width:600px){.cr-overview-section-title{align-items:flex-start}.cr-overview-leaders,.cr-overview-result{padding:20px!important}.cr-overview-person{gap:8px}.cr-overview-avatar{width:34px;height:34px;flex-basis:34px}}

/* CRICRATE APPROVED PUBLIC HOMEPAGE - signed-out only */

/* Approved unauthenticated homepage concept (2026-10-22). */
.cr-public{--crp-navy:#172c37;--crp-gold:#bc9555;--crp-paper:#fffdfa;--crp-muted:#748189;max-width:1170px;margin:0 auto;color:#20343e}
.cr-public .cr-public-kicker{font-size:10px;font-weight:800;letter-spacing:2.1px;color:#a77e43;text-transform:uppercase}
.cr-public h1,.cr-public h2,.cr-public h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.025em;line-height:1.14}
.cr-public h1{font-size:clamp(39px,5.6vw,68px);margin:20px 0}
.cr-public h2{font-size:clamp(29px,3.4vw,42px);margin:12px 0}
.cr-public h3{font-size:clamp(20px,2.1vw,28px);margin:13px 0}
.cr-public p{line-height:1.65}
.cr-public button{cursor:pointer}
.cr-public-hero{display:grid;grid-template-columns:1.16fr .84fr;margin:26px 0 10px;border-radius:14px;overflow:hidden;min-height:440px}
.cr-public-hero-dark{background:linear-gradient(120deg,#172f3b,#253e4a);padding:clamp(30px,4vw,56px);color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:start}
.cr-public-hero-dark .cr-public-kicker,.cr-public-story-dark .cr-public-kicker,.cr-public-cta .cr-public-kicker{color:#e4bb77}
.cr-public-hero-dark p{max-width:480px;color:#d7e2e5;font-size:15px;margin:0 0 30px}
.cr-public-actions{display:flex;gap:11px;flex-wrap:wrap}
.cr-public-button,.cr-public-outline{padding:13px 19px;border-radius:5px;font-size:12px;font-weight:800}
.cr-public-button{background:#c7a05f;border:1px solid #c7a05f;color:#172c37}
.cr-public-outline{background:transparent;color:#fff;border:1px solid #778f9a}
.cr-public-hero-light{background:#eae2d4;padding:clamp(28px,3vw,42px);display:flex;flex-direction:column;justify-content:center}
.cr-public-hero-light p{font-size:13px;color:#687780;margin:0}
.cr-public-rating{background:var(--crp-paper);border:1px solid #dfd5c4;border-radius:10px;padding:24px;margin-top:20px;box-shadow:0 12px 22px #4c3b1e0b}
.cr-public-rating strong{font:normal 62px Georgia,serif;display:block;color:#a67e43;margin:8px 0}
.cr-public-rating strong small{font-size:17px;color:#8f9a9e}
.cr-public-rating b{display:block;font-size:15px}
.cr-public-rating>span:last-child{display:block;font-size:11px;color:#73838b;margin-top:7px}
.cr-public-disclaimer{font-size:11px;color:#7a8a90;margin:10px 0}
.cr-public-section{padding:55px 0 12px;scroll-margin-top:95px}
.cr-public-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:25px}
.cr-public-heading p{font-size:13px;color:var(--crp-muted);max-width:370px;margin:0}
.cr-public-pair{display:grid;grid-template-columns:1.12fr .88fr;gap:18px}
.cr-public-card{border:1px solid #e5ddd0;border-radius:11px;background:var(--crp-paper);padding:30px}
.cr-public-card>p{font-size:12px;color:#7b878d;margin:0 0 22px}
.cr-public-person{display:flex;align-items:center;gap:12px;border-top:1px solid #e9e1d6;padding:12px 0}
.cr-public-rank{font:normal 16px Georgia,serif;color:#aa8651;flex:0 0 26px}
.cr-public-avatar{display:grid;place-items:center;width:39px;height:39px;flex:0 0 39px;border-radius:50%;background:#eae0ca;color:#7d5d31;font-size:11px;font-weight:800}
.cr-public-person-name{min-width:0;flex:1}
.cr-public-person-name strong{display:block;font-size:13px}
.cr-public-person-name small{display:block;font-size:10px;color:#7c898e;margin-top:5px}
.cr-public-person-rating{font:normal 22px Georgia,serif;color:#a77f46}
.cr-public-scoreline{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid #e9e1d6;padding-top:20px}
.cr-public-scoreline>div{background:#f5f1e8;border-radius:7px;padding:16px}
.cr-public-scoreline small{font-size:10px;color:#7b8589}
.cr-public-scoreline strong{display:block;font:normal 27px Georgia,serif;margin-top:8px}
.cr-public-result{display:inline-block;background:#e5efe6;color:#487453;border-radius:20px;font-size:10px;font-weight:800;padding:7px 11px;margin:16px 0 25px}
.cr-public-performer{border-top:1px solid #e9e1d6;border-bottom:1px solid #e9e1d6;padding:18px 0;margin-bottom:20px}
.cr-public-performer .cr-public-person{border:0}
.cr-public-story{display:grid;grid-template-columns:1fr 1fr;border-radius:12px;overflow:hidden}
.cr-public-story-dark{background:#1a313e;padding:clamp(28px,3vw,45px);color:white}
.cr-public-story-dark p{font-size:13px;color:#d0dde1}
.cr-public-story-dark button{background:none;border:0;color:#e4bb77;font-size:11px;font-weight:800;margin-top:17px}
.cr-public-story-chart{background:#eae2d4;padding:30px;display:flex;flex-direction:column;justify-content:center}
.cr-public-story-chart svg{width:100%;max-width:440px;margin:18px auto}
.cr-public-story-chart p{font-size:10px;color:#818b8c}
.cr-public-awards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.cr-public-award{background:linear-gradient(160deg,#fffefa,#fbf5e8);border:1px solid #dfd7c7;border-radius:13px;min-height:236px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 8px}
.cr-public-award-status{font-size:9px;letter-spacing:1.8px;color:#a77f43;font-weight:800;margin-bottom:15px}
.cr-public-shield{position:relative;isolation:isolate;clip-path:polygon(50% 0,91% 16%,88% 71%,50% 100%,12% 71%,9% 16%);width:89px;height:100px;background:#b99858;color:#fae3aa;display:flex;flex-direction:column;justify-content:center;align-items:center}
.cr-public-shield:before{content:'';position:absolute;z-index:-1;inset:7px;background:#172d38;clip-path:inherit}
.cr-public-shield>span{font:700 30px/1.1 Georgia,serif}
.cr-public-shield>small{font-size:9px;font-weight:800;letter-spacing:.6px}
.cr-public-award-green .cr-public-shield{background:#6c9a88}
.cr-public-award-blue .cr-public-shield{background:#7894bd}
.cr-public-award h3{font:700 16px Georgia,serif;margin:14px 0 6px}
.cr-public-award p{font-size:10px;color:#7b8589;margin:0}
.cr-public-award-note{font-size:11px;color:#7c8a90}
.cr-public-explore-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cr-public-explore-cards article{background:var(--crp-paper);border:1px solid #e5ddd0;border-radius:10px;padding:25px}
.cr-public-icon{width:47px;height:47px;border-radius:10px;display:grid;place-items:center;background:#efe5d3;color:#a98145;font-size:25px}
.cr-public-explore-cards article p{color:#7c898e;font-size:12px}
.cr-public-explore-cards article button{border:0;background:none;padding:0;color:#a77f43;font-size:11px;font-weight:800}
.cr-public-cta{margin:55px 0 40px;padding:38px 42px;background:#203845;border-radius:12px;color:white;display:flex;justify-content:space-between;align-items:center;gap:25px}
.cr-public-cta p{font-size:13px;color:#d0dce0}
@media(max-width:850px){.cr-public-hero,.cr-public-pair,.cr-public-story{grid-template-columns:1fr}.cr-public-heading{display:block}.cr-public-heading p{margin-top:14px;max-width:600px}}
@media(max-width:650px){.cr-public{padding:0 5px}.cr-public-hero{margin-top:14px}.cr-public-hero-dark,.cr-public-story-dark{padding:28px}.cr-public-hero-light{padding:28px}.cr-public-card{padding:22px}.cr-public-awards{grid-template-columns:repeat(2,minmax(0,1fr))}.cr-public-explore-cards{grid-template-columns:1fr}.cr-public-cta{display:block;padding:28px}.cr-public-cta button{margin-top:15px}.cr-public-section{padding-top:42px}}


/* Approved homepage refinements: existing CricRate identity, no redesign elsewhere. */
.cr-public-masthead{min-height:166px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:#182630;border-bottom:3px solid #bc9555;border-radius:12px;margin:18px 0 22px;padding:12px 24px;text-align:center}
.cr-public-masthead img{display:block;width:min(310px,75vw);height:auto;max-height:102px;object-fit:contain}
.cr-public-masthead p{margin:-5px 0 1px;color:#e4bb77;font-size:10px;font-weight:800;letter-spacing:2.4px;line-height:1.5}
.cr-public-masthead>span{color:#d4dee1;font-size:12px;line-height:1.4}
.cr-public .cr-public-hero-dark h1,.cr-public .cr-public-story-dark h2,.cr-public .cr-public-cta h2{color:#f8f2e8}
@media(max-width:650px){.cr-public-masthead{min-height:142px;border-radius:10px;padding:12px 14px;margin:10px 0 14px}.cr-public-masthead img{width:min(260px,76vw)}.cr-public-masthead p{letter-spacing:1.5px;font-size:9px}.cr-public-masthead>span{font-size:10px}}


/* Approved concept footer — responsive four-column layout. */
.cr-concept-footer{background:#182630;color:#e9e4d9;border-top:3px solid #bc9555;padding:55px clamp(20px,5vw,82px) 20px;margin-top:52px}
.cr-footer-columns{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(250px,1.7fr) repeat(3,minmax(130px,1fr));gap:clamp(24px,4vw,64px)}
.cr-footer-brand img{display:block;width:min(225px,100%);height:auto;max-height:83px;object-fit:contain;object-position:left center;margin:-14px 0 20px}
.cr-footer-brand p{color:#e5e4dc;line-height:1.65;max-width:290px;font-size:14px;margin:0 0 12px}
.cr-footer-brand span{color:#e4bb77;font-size:11px;letter-spacing:.06em;font-weight:750;text-transform:uppercase}
.cr-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.cr-footer-col h2{font:700 12px/1.4 system-ui,sans-serif;color:#e4bb77;text-transform:uppercase;letter-spacing:1.6px;margin:0 0 8px}
.cr-footer-col a,.cr-footer-col button,.cr-footer-legal a,.cr-footer-legal button{background:none;border:0;border-radius:0;color:#e9e4d9;font:500 13px/1.55 system-ui,sans-serif;padding:0;margin:0;text-align:left;text-decoration:none;cursor:pointer}
.cr-footer-col a:hover,.cr-footer-col button:hover,.cr-footer-legal a:hover,.cr-footer-legal button:hover{color:#e4bb77;text-decoration:underline;text-underline-offset:4px}
.cr-concept-footer a:focus-visible,.cr-concept-footer button:focus-visible{outline:2px solid #e4bb77;outline-offset:4px}
.cr-footer-bottom{max-width:1280px;margin:44px auto 0;border-top:1px solid #425059;padding-top:20px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;justify-content:space-between}
.cr-footer-bottom>span{font-size:12px;color:#b5c0c4}
.cr-footer-legal{display:flex;align-items:center;gap:19px;flex-wrap:wrap}
.cr-footer-legal a,.cr-footer-legal button{font-size:12px;color:#b5c0c4}
.cr-footer-social{display:flex;align-items:center;gap:10px}
.cr-footer-social .social-link{color:#e4bb77;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:850px){.cr-footer-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.cr-footer-brand{grid-column:auto}}
@media(max-width:560px){.cr-concept-footer{padding:38px 22px 20px}.cr-footer-columns{grid-template-columns:1fr 1fr;gap:30px 18px}.cr-footer-brand{grid-column:1/-1}.cr-footer-brand img{width:205px}.cr-footer-col h2{letter-spacing:1px}.cr-footer-bottom{margin-top:32px;align-items:flex-start;gap:18px}.cr-footer-legal{gap:13px}}


/* Consistent editorial help journeys, based on the approved CricRate concept. */
.cr-help-page{max-width:1160px;margin:0 auto;padding:34px 20px 58px;color:#182630}
.cr-help-hero{background:#182630;border-radius:13px;border-bottom:4px solid #bc9555;padding:clamp(30px,5vw,68px);min-height:330px;color:#f8f2e8}
.cr-help-kicker{display:block;color:#c49858;font:bold 11px/1.5 system-ui,sans-serif;letter-spacing:2.2px;text-transform:uppercase}
.cr-help-hero h1{font:400 clamp(42px,5.7vw,76px)/1.08 Georgia,"Times New Roman",serif;color:#fffaf0;margin:24px 0 20px;letter-spacing:-1.5px}
.cr-help-hero h1 em{font-style:normal;color:#e4bb77}
.cr-help-hero p{color:#dce1e2;max-width:690px;font-size:16px;line-height:1.75;margin:0}
.cr-help-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}
.cr-help-page .cr-help-primary,.cr-help-page .cr-help-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:43px;border-radius:7px;padding:11px 19px;font:700 13px/1.4 system-ui,sans-serif;text-decoration:none;cursor:pointer}
.cr-help-page .cr-help-primary{background:#e0b976;color:#182630;border:1px solid #e0b976}
.cr-help-page .cr-help-secondary{background:transparent;color:inherit;border:1px solid #aeb4b4}
.cr-help-page .cr-help-primary:hover{background:#f2d09a}
.cr-help-page .cr-help-secondary:hover{border-color:#c49858;color:#c49858}
.cr-help-page :is(button,a,summary):focus-visible{outline:3px solid #bc9555;outline-offset:4px}
.cr-help-section-intro{display:grid;grid-template-columns:1fr 2fr;align-items:start;gap:10px 30px;margin:60px 0 23px}
.cr-help-section-intro span{font:bold 11px/1.5 system-ui,sans-serif;letter-spacing:2px;color:#a27a3f;grid-row:span 2;margin-top:13px}
.cr-help-section-intro h2{font:400 clamp(31px,4vw,48px)/1.2 Georgia,serif;margin:0;letter-spacing:-.6px}
.cr-help-section-intro p{margin:0;color:#52616a;line-height:1.7}
.cr-help-checklist>.setup-card{margin:0;border:1px solid #e0d8c9;background:#fffdf8;border-radius:12px;padding:32px}
.cr-help-checklist .setup-list{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;list-style:none;margin:24px 0;padding:0}
.cr-help-checklist .setup-list li{border-bottom:1px solid #ebe5d9;padding:20px 0;min-width:0}
.cr-help-checklist .setup-list strong{font-weight:750}
.cr-help-checklist .setup-list p{line-height:1.6}
.cr-help-checklist .help-actions{margin-top:15px}
.cr-help-feature{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#e9e1d3;border-radius:12px;padding:clamp(25px,4vw,44px);margin-top:28px}
.cr-help-feature>div:first-child{max-width:650px}
.cr-help-feature h2{font:400 clamp(29px,3.5vw,43px)/1.18 Georgia,serif;margin:10px 0 14px}
.cr-help-feature p{font-size:14px;line-height:1.75;color:#3b4c56;margin:9px 0}
.cr-help-feature-actions{display:flex;flex-direction:column;gap:10px;align-items:stretch;flex-shrink:0}
.cr-help-feature .cr-help-secondary{border-color:#67737c;color:#182630}
.cr-help-admin-note{background:#fffdf8;border:1px solid #ddd4c5;border-radius:10px;margin-top:18px;padding:18px 24px}
.cr-help-admin-note summary{cursor:pointer;font-weight:750}
.cr-help-admin-note p{max-width:850px;line-height:1.7;font-size:14px}
.cr-faq-groups{display:grid;gap:24px;margin-top:36px}
.cr-faq-group{display:grid;grid-template-columns:minmax(200px,280px) 1fr;gap:20px 36px;padding:30px;background:#fffdf8;border:1px solid #e0d8c9;border-radius:12px}
.cr-faq-group-head>span{font:bold 11px system-ui,sans-serif;color:#a27a3f;letter-spacing:2px}
.cr-faq-group-head h2{font:400 30px/1.16 Georgia,serif;margin:15px 0 10px}
.cr-faq-group-head p{font:14px/1.7 system-ui,sans-serif;color:#607078;margin:0}
.cr-faq-items{display:flex;flex-direction:column;gap:8px}
.cr-faq-items .faq-item{margin:0!important;border:1px solid #e2dbce;border-radius:7px;background:#f9f6ef;padding:0!important;box-shadow:none}
.cr-faq-items .faq-item summary{display:block;padding:16px 21px;font:600 16px/1.45 Georgia,serif;cursor:pointer;position:relative}
.cr-faq-items .faq-item summary::after{content:'+';font:20px system-ui,sans-serif;position:absolute;right:18px;top:12px;color:#a27a3f}
.cr-faq-items .faq-item[open] summary::after{content:'−'}
.cr-faq-items .faq-item p{padding:0 21px 20px;margin:0;color:#42545d;font:14px/1.7 system-ui,sans-serif}
.cr-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.cr-support-card{display:flex;flex-direction:column;align-items:flex-start;background:#fffdf8;border:1px solid #e0d8c9;border-radius:12px;padding:30px}
.cr-support-card h3{font:400 29px/1.2 Georgia,serif;margin:16px 0}
.cr-support-card p{font-size:14px;line-height:1.75;color:#42545d;margin:0 0 26px}
.cr-support-card a,.cr-support-card button{margin-top:auto;background:none;border:0;padding:0;color:#23545d;text-align:left;font:bold 13px system-ui,sans-serif;cursor:pointer;text-decoration:none}
.cr-support-card a:hover,.cr-support-card button:hover{text-decoration:underline}
.cr-support-contact a{color:#23545d}
@media(max-width:850px){.cr-help-section-intro{grid-template-columns:1fr}.cr-help-section-intro span{grid-row:auto;margin-top:0}.cr-faq-group{grid-template-columns:1fr}.cr-support-grid{grid-template-columns:1fr 1fr}.cr-help-feature{align-items:flex-start;flex-direction:column}.cr-help-feature-actions{flex-direction:row;flex-wrap:wrap}}
@media(max-width:600px){.cr-help-page{padding:13px 12px 40px}.cr-help-hero{padding:30px 24px;min-height:0}.cr-help-hero h1{font-size:43px;letter-spacing:-.8px}.cr-help-hero p{font-size:14px}.cr-help-section-intro{margin:39px 8px 20px}.cr-help-checklist>.setup-card{padding:23px 20px}.cr-help-checklist .setup-list{grid-template-columns:1fr;gap:0}.cr-support-grid{grid-template-columns:1fr}.cr-faq-group{padding:19px 13px}.cr-faq-group-head{padding:3px 7px}.cr-faq-items .faq-item summary{font-size:15px;padding-right:38px}.cr-help-feature{padding:26px 22px}.cr-help-feature-actions{flex-direction:column;align-items:stretch;width:100%}}

/* Original club crests, linked by authenticated club ID or unambiguous club name. */
.cr-club-badge{display:inline-block;width:var(--cr-badge-size,42px);height:var(--cr-badge-size,42px);min-width:var(--cr-badge-size,42px);background-size:400% 400%;background-repeat:no-repeat;flex-shrink:0;vertical-align:middle}
.cr-club-heading,.cr-xi-player-main{display:inline-flex;align-items:center;gap:12px;min-width:0}
.cr-xi-player-main>span:last-child{min-width:0}
.cr-club-heading{flex-wrap:wrap}
.search-result .cr-xi-player-main{flex:1;text-align:left}
@media(max-width:560px){.cr-club-heading{gap:9px}.cr-club-heading .cr-club-badge{--cr-badge-size:42px!important}.cr-xi-player-main{gap:8px}.cr-xi-player-main .cr-club-badge{--cr-badge-size:34px!important}}