@font-face{font-family:Manrope;src:url("fonts/Manrope-Variable.ttf") format("truetype");font-weight:200 800;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url("fonts/BarlowCondensed-Bold.ttf") format("truetype");font-weight:700;font-display:swap}

/* All app rules stay inside plugin surfaces so the WordPress theme is untouched. */
.oc-wrap,.oc-modal{
  --oc-text:#101b43;
  --oc-muted:#71809c;
  --oc-accent:#2454ee;
  --oc-accent-strong:#183bb8;
  --oc-accent-soft:#edf2ff;
  --oc-secondary:#2454ee;
  --oc-secondary-soft:#edf2ff;
  --oc-border:#e0e5f0;
  --oc-radius:20px;
  --oc-shadow:0 6px 24px rgba(9,24,69,.055);
  font-family:Manrope,sans-serif;
  font-size:14px;
  font-weight:500;
  line-height:1.55;
  color:var(--oc-text);
  text-align:left;
  -webkit-font-smoothing:antialiased;
}
.oc-wrap{box-sizing:border-box;width:100%;max-width:1040px;padding:14px 10px 26px;margin-inline:auto}
.oc-wrap *,.oc-wrap *::before,.oc-wrap *::after,.oc-modal *{box-sizing:border-box}
.oc-wrap :is(h3,h4,p){color:inherit}
.oc-wrap :is(h3,h4){font-family:Manrope,sans-serif;text-transform:none;letter-spacing:-.04em;font-weight:800}
.oc-wrap :is(button,input,select,textarea){font-family:inherit}
.oc-wrap :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #91b8ff;outline-offset:3px}
.oc-wrap a:not(.oc-btn):not(.oc-page-link){color:inherit;text-decoration:none}
.oc-wrap .screen-reader-text{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.oc-wrap .oc-card{padding:22px;border-radius:22px;border:1px solid var(--oc-border);box-shadow:var(--oc-shadow);background:#fff;min-width:0}
.oc-wrap .oc-card .oc-card{background:#f6f8fc;border-radius:17px;box-shadow:none}
.oc-wrap .oc-kicker,.oc-wrap .oc-accordion-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;line-height:1.4;color:#2454ee}
.oc-wrap .oc-head h3,.oc-wrap .oc-subhead h3{font-size:clamp(21px,4.7vw,30px);line-height:1.15;margin:5px 0 0}
.oc-wrap .oc-muted{font-size:12px;line-height:1.6;color:var(--oc-muted)}
.oc-wrap .oc-head,.oc-wrap .oc-subhead{gap:12px;align-items:center}
.oc-wrap .oc-card>.oc-head{padding-bottom:18px;margin-bottom:14px;border-color:var(--oc-border)}
.oc-wrap .oc-subhead{margin:20px 0 12px}
.oc-wrap .oc-btn,.oc-modal .oc-btn{min-height:44px;border-radius:12px;padding:11px 17px;border:1px solid transparent;background:#2454ee;box-shadow:none;color:#fff;font-size:12px;font-weight:800;line-height:1.3;text-decoration:none;letter-spacing:0;gap:8px;transition:background .18s ease,transform .18s ease}
.oc-wrap .oc-btn:hover{background:#183bb8;box-shadow:none;transform:translateY(-1px)}
.oc-wrap .oc-btn-ghost{background:#fff;color:var(--oc-text);border-color:#dce3f0}
.oc-wrap .oc-btn-ghost:hover{background:#f0f4ff;box-shadow:none}
.oc-wrap .oc-btn:disabled{opacity:.5;cursor:default;transform:none}
.oc-wrap .oc-pill{padding:6px 10px;min-height:30px;font-size:11px;line-height:1.3;font-weight:800;border:1px solid #f2d6ac;background:#fff6e5;color:#91601e}
.oc-wrap .oc-pill.is-closed{color:#2454ee;background:#edf3ff;border-color:#cfddff}
.oc-wrap .oc-pill.is-pending{color:#71809c;background:#f1f4f9;border-color:#dfe5f0}
.oc-wrap .oc-alert{font-size:12px;line-height:1.6;padding:12px 14px;border-radius:12px}
.oc-wrap .oc-rolepill{font-size:8px;line-height:1.2;font-weight:800;letter-spacing:.05em;padding:4px 6px;margin:0;border-radius:5px;display:inline-flex;align-self:flex-start}
.oc-wrap .oc-tag-dif{background:#e5f5ff;color:#246a9a}
.oc-wrap .oc-tag-mid{background:#e7edff;color:#4263ab}
.oc-wrap .oc-tag-att{background:#fff0e8;color:#b86232}
.oc-wrap .oc-tag-gk{background:#efecfa;color:#655d87}
.oc-wrap .oc-avatarwrap{box-shadow:none;background:transparent;border:0;flex-shrink:0}
.oc-wrap .oc-avatar,.oc-wrap .oc-avatar-fallback{box-shadow:none}
.oc-wrap .oc-avatar-fallback{background:#edf1fa;font-size:11px;color:#2454ee}
.oc-wrap .oc-avatar-fallback .oc-avatar-initials{color:inherit}
.oc-wrap .oc-auth-primary{display:block}
.oc-wrap .oc-auth-section.oc-auth-secondary{margin-top:10px;padding:0 15px;border:1px solid #dfe6f4;border-radius:13px;background:#f8faff}
.oc-wrap .oc-auth-secondary summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 0;font-size:12px;font-weight:700;color:#203c7c;list-style:none;cursor:pointer}
.oc-wrap .oc-auth-secondary summary::-webkit-details-marker{display:none}
.oc-wrap .oc-auth-secondary summary::after{content:"+";font-size:19px;font-weight:500;color:#5676c6}
.oc-wrap .oc-auth-secondary[open] summary::after{content:"-"}
.oc-wrap .oc-auth-secondary summary small{margin-left:auto;font-size:9px;font-weight:500;color:#8294b8}
.oc-wrap .oc-auth-secondary>form,.oc-wrap .oc-auth-secondary>.oc-auth-grid{margin-bottom:16px}

/* Match day: two teams always share the same row, including the smallest phones. */
.oc-wrap .oc-lastmatch-card{background:linear-gradient(145deg,#fff 55%,#f1f5ff);padding:24px}
.oc-wrap .oc-lastmatch-card .oc-head{border:0;margin:0;padding-bottom:8px}
.oc-wrap .oc-lastmatch-titleblock h3{font-family:"Barlow Condensed",sans-serif;font-size:clamp(32px,7vw,44px);font-weight:700;letter-spacing:.01em;text-transform:uppercase;margin-top:6px}
.oc-wrap .oc-lastmatch-card .oc-scorewrap{background:radial-gradient(ellipse at 100% 0%,rgba(47,96,255,.5),transparent 65%),linear-gradient(135deg,#060c2e,#11265e);color:#fff;width:100%;max-width:660px;border:0;border-radius:18px;padding:18px 16px;margin-top:20px;overflow:hidden;position:relative}
.oc-wrap .oc-lastmatch-card .oc-scorewrap::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 16%,#d3e5ff 0 1px,transparent 2px),radial-gradient(circle at 79% 82%,#d3e5ff 0 1px,transparent 2px),linear-gradient(125deg,transparent 30%,rgba(160,196,255,.08) 30.3%,transparent 30.6%),linear-gradient(35deg,transparent 72%,rgba(160,196,255,.1) 72.3%,transparent 72.6%);pointer-events:none}
.oc-wrap .oc-score-kicker{font-size:9px;letter-spacing:.2em;opacity:.55;margin-bottom:12px}
.oc-wrap .oc-scoreboard-detailed{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr);gap:10px;align-items:center}
.oc-wrap .oc-scoreboard-detailed .oc-score-side{order:initial;gap:5px}
.oc-wrap .oc-scoreboard-detailed .oc-score-sep{order:initial;font-size:24px;opacity:.35;align-self:center}
.oc-wrap .oc-score-team{font-size:10px;letter-spacing:.1em;opacity:.8}
.oc-wrap .oc-score-num{padding:0;background:transparent;box-shadow:none;color:#fff;font-family:"Barlow Condensed",sans-serif;font-size:clamp(48px,12vw,72px);font-weight:700;line-height:.95;border-radius:0}
.oc-wrap .oc-score-avg{color:#acbef2;font-size:10px;font-weight:600}
.oc-wrap .oc-score-sub{color:#ccd7f7;font-size:10px}
.oc-wrap .oc-vote-status{align-items:center;margin-top:14px;max-width:100%;gap:8px}
.oc-wrap .oc-vs-row{justify-content:center;gap:8px}
.oc-wrap .oc-vs-item{font-size:11px}
.oc-wrap .oc-lastmatch-actions{margin-top:12px;justify-content:center;width:100%}
.oc-wrap .oc-lastmatch-actions .oc-btn{width:auto;min-width:160px}
.oc-wrap .oc-match-sides{gap:14px;margin-top:20px}
.oc-wrap .oc-pitch-card{border:0;border-radius:16px;background:#0c1647}
.oc-wrap .oc-pitch-head{padding:12px 16px;background:#0a123b;border:0}
.oc-wrap .oc-pitch-title{font-size:10px;letter-spacing:.14em}
.oc-wrap .oc-field{padding:12px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 54px,transparent 54px 108px),radial-gradient(ellipse at 100% 0%,rgba(45,106,255,.28),transparent 60%),linear-gradient(145deg,#152b72,#0b1648);border:0}
.oc-wrap .oc-field::before{inset:10px;border-width:1px;border-color:rgba(255,255,255,.18);border-radius:12px}
.oc-wrap .oc-field-line{padding:30px 4px 16px;margin:0;min-width:0}
.oc-wrap .oc-line-tag{left:6px;top:8px;font-size:8px;letter-spacing:.08em;padding:3px 6px;background:rgba(255,255,255,.14);color:#fff}
.oc-wrap .oc-field-row{gap:10px;flex-wrap:wrap}
.oc-wrap .oc-field-player{width:calc((100% - 20px)/3);min-width:0}
.oc-wrap .oc-field-name{font-size:10px;font-weight:700;line-height:1.4;overflow-wrap:anywhere;margin-top:8px}
.oc-wrap .oc-field-rating{font-size:10px;font-weight:800;color:#ceddff}
.oc-wrap .oc-goalbadge{background:#dbe6ff;color:#15234f;border:0;font-size:9px;gap:3px;padding:2px 5px}
.oc-wrap .oc-goalbadge img{width:11px;height:11px}
.oc-wrap .oc-mvp-badge{background:#e8efff;color:#183370;font-size:7px;padding:3px 6px;border:0}

/* Filters and rankings behave like a compact league table. */
.oc-wrap .oc-filterbar-rich{position:static;display:flex;flex-wrap:wrap;gap:9px;background:#f5f7fc;border:1px solid #e5eaf4;padding:12px;border-radius:15px;margin-bottom:16px;overflow:visible}
.oc-wrap .oc-filter-search{min-width:0;flex:1 1 42%}
.oc-wrap .oc-filter-select{min-width:0;flex:1 1 30%}
.oc-wrap .oc-filter-search input,.oc-wrap .oc-filter-select select,.oc-wrap .oc-auth-form input,.oc-wrap .oc-form input{
  width:100%;min-width:0;min-height:44px;padding:10px 12px;background:#fff;border:1px solid #dce3f0;border-radius:10px;font-size:13px;font-weight:600;color:var(--oc-text);box-shadow:none
}
.oc-wrap .oc-filter-search input::placeholder{color:#8a96ad}
.oc-wrap .oc-switch{flex:1 1 auto;min-width:0;padding:7px 0;border:0;border-radius:0;background:transparent;gap:8px}
.oc-wrap .oc-switch-label{font-size:11px;white-space:normal;line-height:1.5}
.oc-wrap .oc-switch-ui{flex:0 0 32px;width:32px;height:19px;background:#e3e8f2;box-shadow:none;border:0}
.oc-wrap .oc-switch-ui::after{width:13px;height:13px;top:3px;left:3px;background:#fff;opacity:1}
.oc-wrap .oc-switch input:checked+.oc-switch-ui{background:#2454ee}
.oc-wrap .oc-switch input:checked+.oc-switch-ui::after{left:16px}
.oc-wrap .oc-filter-actions{margin:0;flex:0 1 auto;gap:6px}
.oc-wrap .oc-filter-actions .oc-btn{padding:10px 15px}
.oc-wrap .oc-tablewrap{border-radius:14px;border:1px solid #e3e8f2;box-shadow:none;background:#fff;backdrop-filter:none}
.oc-wrap .oc-table{min-width:0}
.oc-wrap .oc-table th,.oc-wrap .oc-table td{font-size:12px;padding:13px 10px;border-color:#edf0f7}
.oc-wrap .oc-table thead th{background:#f4f6fc;color:#7c89a3;font-weight:800;letter-spacing:.04em;font-size:9px}
.oc-wrap .oc-th-sortable::after{font-size:9px;margin-left:3px}
.oc-wrap .oc-table tr:hover td{background:#f6f8fd}
.oc-wrap .oc-playercell{gap:9px}
.oc-wrap .oc-playercell>span{min-width:0}
.oc-wrap .oc-playercell a{font-size:12px;line-height:1.35;font-weight:800}
.oc-wrap .oc-playercell>span:not(.oc-avatarwrap){display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.oc-wrap .oc-rating-cell{gap:3px;font-weight:800;white-space:nowrap}
.oc-wrap .oc-rating-trend{width:16px;height:16px;font-size:10px;flex-shrink:0}
.oc-wrap .oc-rank-badge{font-size:13px;font-weight:800}
.oc-wrap .oc-playercell-form .oc-playerlink{grid-template-columns:76px minmax(0,1fr);gap:8px}
.oc-wrap .oc-playercell-stack{min-width:0;gap:6px;align-items:center}
.oc-wrap .oc-playercell-form .oc-form-mini-group{gap:2px;margin:0;display:flex;flex-wrap:nowrap;justify-content:center}
.oc-wrap .oc-playercell-form .oc-form-mini{width:13px;height:15px;font-size:8px;border:0;border-radius:4px;box-shadow:none;margin:0;flex-shrink:0}
.oc-wrap .oc-playercell-form .oc-playermeta{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left}

/* Secondary tools are clear, quiet disclosure cards. */
.oc-wrap .oc-accordion{margin-top:12px;border:1px solid #e0e6f2;border-radius:16px;background:#fff;box-shadow:none}
.oc-wrap .oc-accordion summary{padding:18px 48px 18px 17px}
.oc-wrap .oc-accordion summary strong{font-size:16px;line-height:1.3;letter-spacing:-.035em;font-weight:800;margin-top:4px}
.oc-wrap .oc-accordion summary small{font-size:11px;font-weight:500;line-height:1.6;margin-top:6px}
.oc-wrap .oc-accordion summary::after{right:15px;width:24px;height:24px;border:0;background:#edf2ff;color:#2454ee;font-size:18px}
.oc-wrap .oc-accordion[open]{border-color:#b7c9f5}
.oc-wrap .oc-accordion[open]>summary{border-bottom:1px solid #e7ecf7;margin-bottom:14px}
.oc-wrap .oc-accordion-body{padding:0 14px 16px;min-width:0}
.oc-wrap .oc-compare-panel{padding:0}
.oc-wrap .oc-compare-selects{gap:8px}
.oc-wrap .oc-compare-player{padding:12px;background:#f5f7fc;border-radius:12px;border-color:#e3e9f4}
.oc-wrap .oc-compare-player strong{font-size:12px}
.oc-wrap .oc-compare-score,.oc-wrap .oc-compare-metric strong{font-family:"Barlow Condensed",sans-serif;font-weight:700;font-size:32px}
.oc-wrap .oc-compare-vs{font-size:10px;background:#edf1fa;color:#7483a0;border:0}
.oc-wrap .oc-compare-metric{padding:12px;background:#f6f8fc;border-radius:12px;border-color:#e4e9f4}
.oc-wrap .oc-game-card{padding:14px;border-radius:13px;border:1px solid #e0e6f2;box-shadow:none;gap:10px;background:#fff}
.oc-wrap .oc-game-card:hover{background:#f3f6ff;transform:none}
.oc-wrap .oc-game-title{font-size:13px;font-weight:800}
.oc-wrap .oc-game-meta{font-size:10px;margin-top:2px}
.oc-wrap .oc-game-right{gap:7px}
.oc-wrap .oc-games{gap:8px}
.oc-wrap .oc-pagination{gap:6px;margin-top:14px}
.oc-wrap .oc-page-link{min-width:36px;min-height:40px;padding:8px 12px;font-size:11px;border-radius:10px;box-shadow:none}
.oc-wrap .oc-page-link.is-active{background:#2454ee;border-color:#2454ee}
.oc-wrap .oc-stats-root.is-loading{opacity:.7}

/* The ballot keeps the player, grade and note in a predictable grid. */
.oc-wrap .oc-vote-modern,.oc-wrap .oc-player-profile{max-width:900px}
.oc-wrap .oc-vote-top{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #e1e7f3}
.oc-wrap .oc-title{font-family:"Barlow Condensed",sans-serif;font-size:36px;line-height:1.05;font-weight:700;letter-spacing:.01em;text-transform:uppercase;margin-top:5px}
.oc-wrap .oc-vote-deadline{min-width:0;flex-shrink:0;background:#f1f5ff;border:1px solid #dae4fc;border-radius:12px;padding:12px}
.oc-wrap .oc-vote-deadline .oc-pill{display:none}
.oc-wrap .oc-deadline-time{font-size:12px;color:#2454ee;font-weight:800}
.oc-wrap .oc-deadline-left{font-size:10px}
.oc-wrap .oc-voter-insights .oc-subhead{display:none}
.oc-wrap .oc-voter-summary{gap:8px;margin-top:0}
.oc-wrap .oc-voter-card{padding:14px;border-radius:12px;box-shadow:none;border-color:#e0e7f3}
.oc-wrap .oc-voter-card-label{font-size:9px;letter-spacing:.08em}
.oc-wrap .oc-voter-card-value{font-size:30px;font-family:"Barlow Condensed",sans-serif;font-weight:700}
.oc-wrap .oc-voter-card-value.is-text{font-family:Manrope,sans-serif;font-size:16px;font-weight:800;line-height:1.3}
.oc-wrap .oc-voter-card-sub{font-size:10px;font-weight:500}
.oc-wrap .oc-voter-list-card{padding:12px}
.oc-wrap .oc-voter-delta{font-size:10px;min-width:42px;padding:6px;border-radius:8px}
.oc-wrap .oc-vote-intro{margin:20px 0 14px}
.oc-wrap .oc-vote-intro p{font-size:12px;line-height:1.6;margin:5px 0;color:#35466b}
.oc-wrap .oc-vote-intro small{font-size:10px;color:#7b88a4;display:block}
.oc-wrap .oc-ballot-progress{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:0 0 20px;font-size:10px;color:#7b88a4}
.oc-wrap [data-oc-ballot-count]{font-size:11px;color:#2454ee;font-weight:800}
.oc-wrap .oc-ballot-progress>div{width:100%;height:4px;background:#eaf0fc;border-radius:4px;margin-top:5px;overflow:hidden}
.oc-wrap [data-oc-ballot-fill]{display:block;height:100%;width:0;background:#366bff;border-radius:4px;transition:width .2s ease}
.oc-wrap .oc-vote-team-sections{display:grid;gap:20px}
.oc-wrap .oc-vote-team-block{padding:0;background:transparent;border:0;border-radius:0}
.oc-wrap .oc-vote-team-head{padding:0 0 10px;display:flex;justify-content:space-between;gap:8px;align-items:center}
.oc-wrap .oc-vote-team-head strong{font-size:15px;letter-spacing:-.02em}
.oc-wrap .oc-vote-team-head span{font-size:10px;font-weight:500;line-height:1.5}
.oc-wrap .oc-vote-team-pill{font-size:8px!important;background:#edf3ff;border:0;padding:5px 8px;color:#2454ee;white-space:nowrap}
.oc-wrap .oc-vote-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.oc-wrap .oc-vote-team-grid .oc-vote-playercard{
  display:grid;grid-template-columns:48px minmax(0,1fr) 70px;grid-template-areas:"avatar mid right" "note note note";
  align-items:center;gap:10px;width:100%;max-width:100%;min-width:0;margin:0;padding:14px;background:#fff;
  border:1px solid #dfe7f5;border-radius:14px;box-shadow:none;backdrop-filter:none
}
.oc-wrap .oc-vote-playercard:has(select:valid){border-color:#adc6ff}
.oc-wrap .oc-vote-avatar{grid-area:avatar}
.oc-wrap .oc-vote-avatar .oc-avatarwrap{width:48px!important;height:58px!important}
.oc-wrap .oc-vote-mid{grid-area:mid;min-width:0;width:100%}
.oc-wrap .oc-vote-name{font-size:12px;font-weight:800;line-height:1.4;display:flex;align-items:flex-start;flex-direction:column;gap:5px;overflow-wrap:anywhere}
.oc-wrap .oc-vote-sub{margin-top:5px;gap:4px}
.oc-wrap .oc-mini-badge{font-size:9px;padding:3px 5px;border-radius:5px;background:#f1f4fa;box-shadow:none}
.oc-wrap .oc-mini-badge img{width:11px;height:11px}
.oc-wrap .oc-vote-right{grid-area:right;width:100%;min-width:0}
.oc-wrap .oc-vote-right select{width:100%;min-width:0;min-height:48px;padding:8px 5px;border:1px solid #d5e1f8;border-radius:10px;box-shadow:none;background:#f0f5ff;color:#2454ee;font-size:16px;font-weight:800;text-align:center}
.oc-wrap .oc-vote-note{grid-area:note;min-width:0;border-top:1px solid #edf0f7;padding-top:9px;position:relative}
.oc-wrap .oc-vote-note label{display:block;font-size:10px;font-weight:800;margin:0 0 5px;color:#465b82}
.oc-wrap .oc-vote-note label>span{font-weight:500;color:#8795b0;margin-left:3px}
.oc-wrap .oc-vote-note textarea{display:block;width:100%;max-width:100%;min-width:0;min-height:60px;resize:vertical;padding:8px 10px 18px;border-radius:9px;border:1px solid #e1e7f3;background:#f8faff;font-size:12px;line-height:1.5;color:#30476d;box-shadow:none}
.oc-wrap .oc-vote-note textarea::placeholder{color:#96a4be}
.oc-wrap .oc-vote-note>small{position:absolute;bottom:4px;right:9px;font-size:9px;color:#8795b0;line-height:1.2;pointer-events:none}
.oc-wrap .oc-vote-note textarea:disabled{opacity:.8}
.oc-wrap .oc-vote-actions{bottom:0;justify-content:stretch;padding:14px 0 0;background:linear-gradient(0deg,#fff 75%,rgba(255,255,255,0));margin-top:18px}
.oc-wrap .oc-vote-actions>.oc-btn{width:100%;min-height:48px;font-size:13px}
.oc-wrap .oc-auth-card{max-width:720px}
.oc-wrap .oc-auth-hero h3{font-family:"Barlow Condensed",sans-serif;font-size:38px;line-height:1.1;margin:6px 0 16px}
.oc-wrap .oc-auth-badge{font-size:10px;background:#edf3ff;color:#2454ee;padding:6px 10px}
.oc-wrap .oc-auth-section{border-radius:14px;border-color:#e0e7f3;background:#f5f7fc;padding:14px}
.oc-wrap .oc-auth-section-head strong{font-size:13px}
.oc-wrap .oc-auth-section-head span{font-size:11px}
.oc-wrap .oc-auth-form{gap:8px}
.oc-wrap .oc-auth-form label{font-size:11px;margin:3px 0 0}

/* Player dossiers, charts and the post-match editorial. */
.oc-wrap .oc-profile-head{padding-bottom:20px;border-bottom:1px solid #e1e7f3;gap:18px}
.oc-wrap .oc-profile-main{flex:1;min-width:0}
.oc-wrap .oc-profile-main h3{font-family:"Barlow Condensed",sans-serif;font-size:clamp(32px,7vw,44px);line-height:1.05;text-transform:uppercase;letter-spacing:.01em}
.oc-wrap .oc-formline{font-size:10px;gap:8px}
.oc-wrap .oc-formdots{gap:4px}
.oc-wrap .oc-form-dot{width:22px;height:22px;border-radius:7px;font-size:9px;border:0}
.oc-wrap .oc-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.oc-wrap .oc-metric{min-width:0;padding:14px;background:#f3f6fc;border:1px solid #dfe6f4;border-radius:13px;box-shadow:none}
.oc-wrap .oc-metric-label{font-size:9px;letter-spacing:.06em;font-weight:700;line-height:1.5}
.oc-wrap .oc-metric-value{font-family:"Barlow Condensed",sans-serif;font-size:32px;font-weight:700;line-height:1.05;margin-top:7px;color:#1a377f}
.oc-wrap .oc-metric-sub{font-size:9px;line-height:1.5;margin-top:4px}
.oc-wrap .oc-performance-card,.oc-wrap .oc-focus-card{background:#f6f8fc;border:1px solid #dfe7f4;border-radius:17px;padding:17px;margin-top:18px}
.oc-wrap .oc-performance-card .oc-subhead,.oc-wrap .oc-focus-card .oc-subhead{margin-top:0}
.oc-wrap .oc-performance-legend{gap:5px;margin-top:12px}
.oc-wrap .oc-performance-legend-item{font-size:9px;padding:5px 8px;border-radius:7px;font-weight:600;border-color:#e3e9f4;gap:5px}
.oc-wrap .oc-performance-legend-item::before{width:7px;height:7px}
.oc-wrap .oc-performance-legend-item.is-rating::before{background:#4268ff}
.oc-wrap .oc-performance-legend-item.is-goals::before{background:#2db8ee}
.oc-wrap .oc-performance-legend-item.is-mvp::before{background:#a7b5d7}
.oc-wrap .oc-performance-chart #ocGoalsGradient stop:first-child{stop-color:#29b2f1}
.oc-wrap .oc-performance-chart #ocGoalsGradient stop:last-child{stop-color:#739cff}
.oc-wrap .oc-performance-chart #ocRatingGradient stop:first-child{stop-color:#2454ee}
.oc-wrap .oc-performance-chart #ocRatingGradient stop:last-child{stop-color:#839bff}
.oc-wrap .oc-performance-point{stroke:#4268ff}
.oc-wrap .oc-performance-goal-label{fill:#327fbd}
.oc-wrap .oc-performance-point.is-mvp{stroke:#8194c0;fill:#f0f4ff}
.oc-wrap .oc-performance-point-ring{fill:rgba(129,148,192,.12);stroke:rgba(129,148,192,.4)}
.oc-wrap .oc-performance-mvp-label{fill:#687ea9}
.oc-wrap .oc-performance-shell{min-width:0;gap:4px}
.oc-wrap .oc-performance-scroll{min-width:0;max-width:100%;overscroll-behavior-x:contain}
.oc-wrap .oc-performance-arrow{width:30px;height:42px;flex-basis:30px;min-height:42px;display:inline-flex;padding:0;box-shadow:none;border:1px solid #dae4f7;background:#fff;color:#2454ee;font-size:24px;border-radius:9px;cursor:pointer}
.oc-wrap .oc-performance-arrow:disabled{opacity:.3;cursor:default}
.oc-wrap .oc-performance-foot{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.oc-wrap .oc-performance-footcard{padding:10px;border-radius:11px;border-color:#e2e9f5;min-width:0}
.oc-wrap .oc-performance-footcard span{font-size:9px;color:#2454ee}
.oc-wrap .oc-performance-footcard strong{font-size:10px;line-height:1.4}
.oc-wrap .oc-performance-footcard small{font-size:9px;line-height:1.5}
.oc-wrap .oc-focus-headline strong{font-size:13px}
.oc-wrap .oc-focus-nextpill{font-size:9px;padding:6px 9px;background:#eaf1ff;color:#3259a0;border:0;border-radius:7px}
.oc-wrap .oc-focus-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:auto}
.oc-wrap .oc-focus-mini-card{padding:10px 14px;border-radius:10px}
.oc-wrap .oc-focus-mini-card span{font-size:9px}
.oc-wrap .oc-focus-mini-card strong{font-family:"Barlow Condensed",sans-serif;font-size:26px;font-weight:700}
.oc-wrap .oc-focus-grid{gap:8px}
.oc-wrap .oc-focus-insight{padding:14px;border-radius:12px;box-shadow:none}
.oc-wrap .oc-focus-insight>span{font-size:9px;letter-spacing:.07em}
.oc-wrap .oc-focus-insight>strong{font-size:19px;line-height:1.2;letter-spacing:-.03em}
.oc-wrap .oc-focus-insight>small{font-size:10px;line-height:1.6;font-weight:500}
.oc-wrap .oc-focus-insight.is-positive{background:linear-gradient(180deg,#edf3ff,#fff);border-color:#d0dcf8}
.oc-wrap .oc-vote-spread-row{grid-template-columns:32px minmax(0,1fr) 22px;gap:8px}
.oc-wrap .oc-vote-spread-label,.oc-wrap .oc-vote-spread-count{font-size:11px}
.oc-wrap .oc-vote-spread-track{height:9px}
.oc-wrap .oc-vote-spread-fill{background:#3c70f6}
.oc-wrap .oc-synergy-grid{gap:10px}
.oc-wrap .oc-synergy-title{font-size:14px}
.oc-wrap .oc-synergy-sub{font-size:11px}
.oc-wrap .oc-synergy-item{padding:10px;border-radius:11px;background:#fff;border-color:#e3e9f4;gap:9px}
.oc-wrap .oc-synergy-item:hover{transform:none;box-shadow:none}
.oc-wrap .oc-synergy-name{font-size:12px;font-weight:800;white-space:normal;line-height:1.4}
.oc-wrap .oc-synergy-mini{font-size:9px;line-height:1.5}
.oc-wrap .oc-synergy-pct{font-size:14px;padding:7px;border-radius:9px;flex-shrink:0;background:#edf3ff;border-color:#d0ddfa;color:#254caa}
.oc-wrap .oc-reports{margin-top:24px;padding-top:18px;border-top:1px solid #e0e6f2}
.oc-wrap .oc-reports>.oc-subhead{margin:0 0 14px}
.oc-wrap .oc-ai-badge{padding:5px 8px;border-radius:6px;background:#edf1f7;color:#586a83;font-size:9px;font-weight:700;white-space:nowrap}
.oc-wrap .oc-report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.oc-wrap .oc-report-card{padding:16px;border:1px solid #dfe6f3;border-radius:14px;background:#fff;min-width:0;position:relative;overflow:hidden}
.oc-wrap .oc-report-card::before{content:"";position:absolute;top:0;left:16px;width:28px;height:3px;background:#537fff;border-radius:0 0 3px 3px}
.oc-wrap .oc-report-player{display:flex;align-items:center;gap:9px}
.oc-wrap .oc-report-player>div{flex:1;min-width:0}
.oc-wrap .oc-report-player strong{display:block;font-size:12px;line-height:1.4;font-weight:800}
.oc-wrap .oc-report-player span{display:block;font-size:9px;color:#8794af;margin-top:2px}
.oc-wrap .oc-report-player>b{font-family:"Barlow Condensed",sans-serif;font-size:28px;line-height:1;color:#2454ee;flex-shrink:0}
.oc-wrap .oc-report-card h4{font-size:15px;line-height:1.3;margin:14px 0 7px}
.oc-wrap .oc-report-card p{font-size:12px;line-height:1.7;margin:0;color:#67789a;overflow-wrap:anywhere}
.oc-wrap .oc-report-credit{display:block;color:#8291ad;font-size:9px;line-height:1.6;margin-top:12px}
.oc-wrap .oc-focus-card .oc-report-grid{grid-template-columns:1fr}
.oc-wrap .oc-report-pending{background:#f0f5ff;border:1px dashed #b9ccfa;padding:15px;border-radius:13px;margin-top:20px}
.oc-wrap .oc-report-pending p{margin:5px 0 0;font-size:11px;color:#647ba3}
.oc-wrap .oc-sorteggio-player{border-radius:12px;box-shadow:none;border-color:#dfe6f3;background:#fff}
.oc-wrap .oc-sorteggio-player.is-selected{background:#edf3ff;border-color:#638bf2;box-shadow:none}
.oc-wrap .oc-sorteggio-team,.oc-wrap .oc-sorteggio-draft{padding:16px;border-radius:15px}
.oc-wrap .oc-sorteggio-count{font-family:"Barlow Condensed",sans-serif;font-size:28px;font-weight:700}
.oc-wrap .oc-sorteggio-error{border-radius:12px;font-size:12px}
.oc-modal .oc-modal-card{border-radius:18px;box-shadow:0 20px 80px #08144240}
.oc-modal .oc-modal-title{font-size:18px;font-weight:800;letter-spacing:-.03em}
.oc-modal .oc-modal-text{font-size:13px}

@media(max-width:700px){
  .oc-wrap{padding:10px 4px 20px}
  .oc-wrap .oc-card{padding:16px;border-radius:19px}
  .oc-wrap .oc-lastmatch-card{padding:20px 16px}
  .oc-wrap .oc-filter-search{flex-basis:100%}
  .oc-wrap .oc-filter-select{flex:1 1 54%;width:auto}
  .oc-wrap .oc-filter-actions{flex:1 1 35%;width:auto;margin:0}
  .oc-wrap .oc-filter-actions .oc-btn{flex:1}
  .oc-wrap .oc-switch{flex-basis:100%}
  .oc-wrap .oc-filterbar-rich{padding:10px;gap:7px}
  .oc-wrap .oc-filterbar-rich .oc-filter-search{order:0}
  .oc-wrap .oc-filterbar-rich .oc-filter-select{order:1}
  .oc-wrap .oc-filterbar-rich .oc-filter-actions{order:2}
  .oc-wrap .oc-filterbar-rich .oc-switch{order:3}
  .oc-wrap .oc-table.oc-mobile-standings thead tr,.oc-wrap .oc-table.oc-mobile-standings tbody tr{padding:0 7px;gap:3px;box-sizing:border-box}
  .oc-wrap .oc-table.oc-mobile-standings--6 :is(thead,tbody)>tr{grid-template-columns:18px minmax(0,1fr) 27px 27px 36px 48px}
  .oc-wrap .oc-table.oc-mobile-standings--5 :is(thead,tbody)>tr{grid-template-columns:18px minmax(0,1fr) repeat(3,42px)}
  .oc-wrap .oc-table.oc-mobile-standings--4 :is(thead,tbody)>tr{grid-template-columns:18px minmax(0,1fr) 42px 64px}
  .oc-wrap .oc-table.oc-mobile-standings--3 :is(thead,tbody)>tr{grid-template-columns:18px minmax(0,1fr) 52px}
  .oc-wrap .oc-table.oc-mobile-standings :is(th,td){padding:13px 0;font-size:11px;font-weight:700;line-height:1.3}
  .oc-wrap .oc-table.oc-mobile-standings thead th{font-size:8px;letter-spacing:0;white-space:normal;overflow-wrap:anywhere}
  .oc-wrap .oc-table.oc-mobile-standings :is(th,td):nth-child(2){padding-left:5px}
  .oc-wrap .oc-table.oc-mobile-standings .oc-playercell{gap:7px}
  .oc-wrap .oc-table.oc-mobile-standings .oc-playercell>.oc-avatarwrap{width:26px!important;height:34px!important}
  .oc-wrap .oc-table.oc-mobile-standings .oc-playercell>span:not(.oc-avatarwrap){display:flex;flex-direction:column;align-items:flex-start;gap:4px}
  .oc-wrap .oc-table.oc-mobile-standings .oc-playercell .oc-playerlink{font-size:11px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.4}
  .oc-wrap .oc-table.oc-mobile-standings tbody tr{min-height:70px}
  .oc-wrap .oc-table.oc-mobile-standings .oc-playercell-form .oc-playerlink{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;text-align:left}
  .oc-wrap .oc-table.oc-mobile-standings .oc-playercell-form .oc-playercell-stack{display:flex;min-width:0;width:100%;align-items:flex-start}
  .oc-wrap .oc-table.oc-mobile-standings .oc-playercell-form .oc-avatarcell{display:flex;width:100%;justify-content:flex-start}
  .oc-wrap .oc-table.oc-mobile-standings .oc-playercell-form .oc-avatarwrap{width:32px!important;height:38px!important}
  .oc-wrap .oc-table.oc-mobile-standings .oc-playercell-form .oc-form-mini-group{width:auto;justify-content:flex-start;gap:2px}
  .oc-wrap .oc-table.oc-mobile-standings .oc-playercell-form .oc-playermeta{display:flex;align-items:flex-start;gap:4px;text-align:left}
  .oc-wrap .oc-table.oc-mobile-standings .oc-playercell-form .oc-playername{font-size:11px;white-space:normal;line-height:1.4;text-align:left}
  .oc-wrap .oc-table.oc-mobile-standings .oc-rating-cell{gap:2px;font-size:11px}
  .oc-wrap .oc-table.oc-mobile-standings .oc-rank-badge[data-rank]::after{font-size:11px}
  .oc-wrap .oc-table.oc-mobile-standings td[data-label="#"]{font-size:11px}
  .oc-wrap .oc-table.oc-mobile-standings td[colspan]{font-size:11px;line-height:1.6;padding:14px 4px}
  .oc-wrap .oc-tablewrap.oc-mobile-standings-wrap{border-radius:12px;border:1px solid #e3e8f2}
  .oc-wrap .oc-table.oc-mobile-standings tbody tr::before{width:2px;top:15px;bottom:15px;background:#658dff}
  .oc-wrap .oc-vote-top{flex-direction:column;gap:12px}
  .oc-wrap .oc-vote-deadline{width:100%;padding:9px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}
  .oc-wrap .oc-vote-team-grid{grid-template-columns:minmax(0,1fr)}
  .oc-wrap .oc-vote-team-grid .oc-vote-playercard{padding:12px;grid-template-columns:44px minmax(0,1fr) 66px;gap:9px}
  .oc-wrap .oc-vote-right select{font-size:16px}
  .oc-wrap .oc-vote-note textarea,.oc-wrap .oc-filter-search input,.oc-wrap .oc-filter-select select,.oc-wrap .oc-auth-form input{font-size:16px}
  .oc-wrap .oc-vote-note textarea{min-height:73px}
  .oc-wrap .oc-voter-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oc-wrap .oc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oc-wrap .oc-profile-head{flex-wrap:nowrap;gap:12px}
  .oc-wrap .oc-profile-avatar .oc-avatarwrap{width:64px!important;height:82px!important}
  .oc-wrap .oc-profile-main h3{font-size:32px;overflow-wrap:anywhere}
  .oc-wrap .oc-performance-card,.oc-wrap .oc-focus-card{padding:13px}
  .oc-wrap .oc-focus-headline{gap:10px}
  .oc-wrap .oc-focus-mini-grid{width:100%;gap:7px}
  .oc-wrap .oc-focus-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oc-wrap .oc-focus-insight{padding:11px}
  .oc-wrap .oc-focus-insight>strong{font-size:16px}
  .oc-wrap .oc-report-grid{grid-template-columns:minmax(0,1fr)}
  .oc-wrap .oc-report-card{padding:14px}
  .oc-wrap .oc-synergy-grid{grid-template-columns:minmax(0,1fr)}
  .oc-wrap .oc-game-card{padding:12px;flex-wrap:nowrap}
  .oc-wrap .oc-game-card .oc-pill{font-size:9px;padding:5px 8px}
  .oc-wrap .oc-compare-selects{grid-template-columns:repeat(2,minmax(0,1fr))}
  .oc-wrap .oc-compare-selects .oc-btn{grid-column:1/-1}
  .oc-wrap .oc-compare-selects select{font-size:14px;padding-inline:8px}
  .oc-wrap .oc-sorteggio-player{padding:10px}
}
@media(max-width:360px){
  .oc-wrap .oc-card{padding:12px}
  .oc-wrap .oc-table.oc-mobile-standings--6 :is(thead,tbody)>tr{grid-template-columns:15px minmax(0,1fr) 22px 22px 32px 42px;gap:2px;padding-inline:5px}
  .oc-wrap .oc-table.oc-mobile-standings .oc-playercell>.oc-avatarwrap{display:none}
  .oc-wrap .oc-table.oc-mobile-standings .oc-playercell{gap:0}
  .oc-wrap .oc-focus-grid{grid-template-columns:1fr}
  .oc-wrap .oc-performance-foot{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .oc-wrap *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}