/* Update 8.35: the pad icon next to the sound button (where the user put it), at every window size */
#controllerStatus{position:fixed!important;left:calc(2.11vw + 38px)!important;right:auto!important;top:calc(1.73vh + 8px)!important;translate:none!important}

/* (8.35) the career's confirm: a padlock where the dice are (the settings are the career's own); the prize on a dark box; ENTRA IN CAMPO orange
   (the logo's orange) under the cursor instead of fading out; the players' panels less see-through */
.cs-lock{margin-left:auto;display:grid;place-items:center;width:30px;height:28px;border-radius:8px;border:1px solid #ffffff2a;background:#00000040;color:#c9d3cc}
.cs-lock .ic{width:15px;height:15px}
.alpha-panel .cs-reward{background:#04101aeb!important;border:1px solid #ffffff1f!important;border-radius:14px;padding:12px 16px!important;box-shadow:inset 0 1px 0 #ffffff10}
.alpha-panel .cs-go:hover:not(:disabled),.alpha-panel .cs-go:focus-visible{background:linear-gradient(110deg,#ff8f2e,#ffad5c)!important;color:#2a1302!important;opacity:1!important;box-shadow:0 0 30px #ff8f2e66,0 10px 24px #0008!important;border-color:#ff8f2e!important}
.alpha-panel .cs-go:hover:not(:disabled) i,.alpha-panel .cs-go:focus-visible i{background:#2a1302;color:#ff8f2e}
body:is([data-screen=COURT_SELECT],[data-screen=PREMATCH],[data-screen=ONLINE_LOBBY]) .alpha-panel .menu:has(.cs830){background:linear-gradient(180deg,#03201de6 0,#03201de0 13%,#03201d78 24%,#03201d70 62%,#03201db8 78%,#03201de0 100%)!important}
.cs-team{background:
  linear-gradient(112deg,transparent 0 9%,color-mix(in srgb,var(--tier) 48%,transparent) 9% 15%,transparent 15% 21%,color-mix(in srgb,var(--tier) 32%,transparent) 21% 23.5%,transparent 23.5% 63%,color-mix(in srgb,var(--tier) 40%,transparent) 63% 70%,transparent 70% 74%,color-mix(in srgb,var(--tier) 26%,transparent) 74% 76%,transparent 76%),
  radial-gradient(ellipse 70% 55% at 50% 42%,color-mix(in srgb,var(--tier) 38%,transparent),transparent 72%),
  linear-gradient(180deg,color-mix(in srgb,var(--tier) 50%,#04101aa8) 0%,color-mix(in srgb,var(--tier) 38%,#04101aa0) 55%,#04101ad8 100%)!important}

/* (8.35) every player card: the picture whole, the name on a dark see-through band on top, the level in stars and the rating on one at the foot */
.pc-top,.pc-bot{position:absolute;left:0;right:0;z-index:2;display:flex;align-items:center;gap:6px;padding:5px 8px;background:#03070dc8;box-sizing:border-box}
.pc-top{top:0;justify-content:space-between;border-bottom:1px solid #ffffff1a}
.pc-top b{font:900 clamp(10px,.8vw,14px)/1.1 var(--fam);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;text-align:left}
.pc-top b i{font-style:normal;color:var(--lime)}
.pc-top .fm-hand,.pc-top .hand-tag{position:static!important;flex:none}
.pc-bot{bottom:0;justify-content:space-between;border-top:1px solid color-mix(in srgb,var(--tier) 55%,transparent)}
.pc-stars{display:flex;gap:1px}.pc-stars i{width:clamp(8px,.62vw,11px);height:clamp(8px,.62vw,11px)}.pc-stars svg{width:100%;height:100%;fill:#ffffff26;stroke:#ffffff3a;stroke-width:1.2}.pc-stars i.on svg{fill:#f5c84a;stroke:#b8862a}
.pc-num{display:grid;place-items:center;min-width:26px;padding:2px 5px;border-radius:6px;border:1.5px solid var(--tier);background:color-mix(in srgb,var(--tier) 22%,#050c16);font:900 clamp(10px,.8vw,14px)/1 var(--fam);color:#fff}
.pc-lock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;padding:3px 7px;border-radius:6px;background:#000000b0;font:900 9px/1 var(--fam);letter-spacing:.08em;color:#e6efdf;white-space:nowrap}
.alpha-panel button.fm-card{position:relative;display:block!important;padding:0!important;overflow:hidden}
.fm-card>img{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover;object-position:50% 40%;margin:0!important}
.fm-card .fm-name,.fm-card>small:not(.pc-lock){display:none!important}
.fm-card .fm-hand{font-size:9px;padding:3px 5px}
.cw-card .cw-face,.cw-card .cw-faces{width:100%!important;-webkit-mask-image:none!important;mask-image:none!important}
.cw-card .cw-face img,.cw-card .cw-faces img{object-position:50% 40%}
.cw-card .cw-state{position:absolute;left:8px;bottom:calc(clamp(8px,.62vw,11px) + 16px);z-index:2}
.cw-card .pc-top b{font-size:clamp(9.5px,.75vw,13px)}
.pc-card{position:relative;display:block;width:clamp(110px,9vw,160px);aspect-ratio:.82;border-radius:12px;overflow:hidden;border:2px solid var(--tier);background:#06101c;box-shadow:0 0 14px color-mix(in srgb,var(--tier) 40%,transparent)}
.pc-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%;border:0!important;border-radius:0!important;background:none!important}
.mc-faces{display:flex;gap:8px;justify-content:center}
.cw-detail.cw827 .cs-team.cw835{position:relative;flex:1 1 0;min-height:min(300px,34vh);display:flex;flex-direction:column;justify-content:space-between;margin:0 0 10px}
.cw-detail.cw827 .cw835-stage{position:absolute!important;inset:0;z-index:1;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;min-height:0!important}
.cw-detail.cw827 .cw835-stage canvas{width:100%!important;height:100%!important}
.cw-detail.cw827 .cs-names,.cw-detail.cw827 .cs-rating{position:relative;z-index:2}
.cw-detail.cw827 .cs-names.n1 .cs-name b{font-size:clamp(16px,1.4vw,24px)!important}
.cw-detail.cw827 .rot-hint{z-index:3}

.pc-top b{font-size:clamp(9px,.72vw,13px)}.pc-top{padding:4px 6px}


/* (8.35) the career's confirm: the settings tighter, so the prize box fits under them */
.cs830.fixed .cs-settings{gap:4px!important;padding:10px 14px!important;overflow:hidden}
.cs830.fixed .cs-settings .cs-img{height:clamp(22px,2.8vh,52px)!important}
.cs830.fixed .cs-sec h5{margin-bottom:4px}
#panel .cs830.fixed button.cs-opt.ico{min-height:clamp(28px,3.4vh,52px)!important;padding:4px 6px!important}
.cs830.fixed .alpha-panel .cs-opt.tile small,.cs830.fixed .cs-opt.tile small{padding:4px!important}
.alpha-panel .cs830.fixed .cs-reward{padding:8px 14px!important}
.cs830.fixed .cs-reward .reward-line{margin:4px 0 0}

/* Update 8.36: Competitiva (ranked-screen.mjs) - three columns over the whole screen */
body[data-screen=ONLINE_LOBBY] .alpha-panel:has(.rk836){inset:94px 2vw 18px;overflow:hidden}
body[data-screen=ONLINE_LOBBY] .alpha-panel .menu:has(.rk836){height:100%;min-height:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#03201de6,#03201dc8 30%,#03201dc8 70%,#03201de6)!important}
.rk836{display:grid;grid-template-columns:minmax(300px,1fr) minmax(330px,1.05fr) minmax(300px,1fr);gap:16px;flex:1;min-height:0}
.rk836>section{min-height:0;display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:16px;border:1px solid #ffffff1c;background:linear-gradient(160deg,#0a2a2bdd,#06191ad8)}
.rk836 h5{display:flex;align-items:center;gap:8px;margin:0;font:900 12.5px/1 var(--fam);letter-spacing:.12em;color:#e6efdf}
.rk836 h5 .ic,.rk-fact .ic{width:18px;height:18px;fill:none;stroke:var(--lime);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* left */
.rk-left.cw-detail{padding:12px 14px!important;overflow:hidden}
.rk-left .cs-team.cw835{flex:1 1 0;min-height:200px}
.rk-stats{display:flex;flex-direction:column;gap:2px;flex:none}
.rk-stats h5{margin-bottom:6px}.rk-stats h5 span{margin-left:auto;font-size:11px;letter-spacing:.04em;color:#c9d7c6}.rk-stats h5 b{color:var(--lime)}
.rk-stats .sline{min-height:0!important;padding:1px 0!important}
/* middle */
.rk-mid{align-items:stretch;overflow:auto}
.rk-top{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 0 2px}
.rk-emb{position:relative;display:inline-grid;place-items:center;flex:none}
.rk-emb.big{width:clamp(110px,9vw,150px);aspect-ratio:1}.rk-emb.small{width:clamp(40px,3.2vw,56px);aspect-ratio:1}
.rk-emb svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--tier) 55%,transparent))}
.rk-emb .lv ellipse{fill:color-mix(in srgb,var(--tier) 80%,#fff 0%)}.rk-emb .sh{fill:color-mix(in srgb,var(--tier) 65%,#1a120a);stroke:color-mix(in srgb,var(--tier) 60%,#fff);stroke-width:2.5}.rk-emb .sh2{fill:#0a1218d0;stroke:var(--tier);stroke-width:1.5}
.rk-emb b{position:relative;margin-top:-4%;font:900 clamp(26px,2.3vw,40px)/1 'Arial Black',var(--fam);color:var(--tier);text-shadow:0 0 10px color-mix(in srgb,var(--tier) 60%,transparent)}
.rk-emb.small b{font-size:clamp(12px,.95vw,17px)}
.rk-label{margin:0;padding:6px 22px;border-radius:10px;border:2px solid #ffffff2a;background:#05101ad8;font:900 clamp(18px,1.6vw,28px)/1 'Arial Black',var(--fam);color:#fff;letter-spacing:.02em}
.rk-pr{font:900 13px/1 var(--fam);color:#d6e2d8;padding:4px 12px;border-radius:8px;background:#ffffff12}
.rk-prog{display:flex;align-items:center;gap:12px}.rk-prog>div{flex:1;height:14px;border-radius:8px;background:#ffffff14;overflow:hidden;border:1px solid #ffffff1c}.rk-prog i{display:block;height:100%;background:linear-gradient(90deg,#9fd13a,var(--lime));box-shadow:0 0 10px #d4f26a88}
.rk-prog small{font-size:11px;color:#b9c9bd;white-space:nowrap}.rk-prog small b{color:#fff}
.rk-ladder{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px 0 4px;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14}
.rk-step{display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.55}.rk-step.past{opacity:.85}.rk-step.on{opacity:1}
.rk-step small{font:800 11px/1 var(--fam);color:#d6e2d8}.rk-step.on small{color:var(--lime)}
.rk-step i{width:7px;height:7px;border-radius:50%;background:#ffffff40}.rk-step.on i,.rk-step.past i{background:var(--lime)}
.rk-step.on .rk-emb{transform:scale(1.12)}
.rk-rec{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rk-rec span{display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 4px;border-radius:10px;background:#00000030;font:800 9.5px/1 var(--fam);letter-spacing:.08em;color:#a9bdb0}.rk-rec b{font:900 18px/1 var(--fam);color:#fff}
.rk-h{margin-top:4px!important}
.rk-games{display:flex;flex-direction:column;gap:5px;overflow:auto}.rk-game{display:flex;justify-content:space-between;padding:8px 12px;border-radius:9px;background:#00000030;border-left:4px solid #e05a4f;font:800 12px/1 var(--fam)}.rk-game.w{border-left-color:var(--lime)}.rk-game span{color:#e05a4f}.rk-game.w span{color:var(--lime)}
.rk-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px;border-radius:12px;border:1px solid #ffffff14;background:#00000026;text-align:center}.rk-empty .ic{width:34px;height:34px;fill:none;stroke:#cfd8d0;stroke-width:1.6}.rk-empty p{margin:0;font-weight:800}.rk-empty small{color:#a9bdb0}
/* right */
.rk-right{overflow:auto}
.rk-intro{margin:0;font-size:13px;line-height:1.4;color:#c9d7c6}
.rk-box{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;border:1px solid #ffffff1c;background:#00000030}.rk-box.found{border-color:var(--lime)}
.rk-state{font:900 11px/1 var(--fam);letter-spacing:.12em;color:var(--lime)}
.rk-box label{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:12px}
.rk-facts{display:flex;flex-direction:column;gap:8px;margin-top:auto}
.rk-fact{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid #ffffff1c;background:#00000030}
.rk-fact small{display:block;font:800 10px/1 var(--fam);letter-spacing:.1em;color:#a9bdb0;margin-bottom:4px}.rk-fact b{font:900 15px/1.1 var(--fam);color:#fff}
.rk-thumb{width:84px;height:48px;flex:none;border-radius:8px;background-size:cover;background-position:center}
.alpha-panel .rk-go{display:flex;align-items:center;gap:14px;width:100%;padding:clamp(14px,2.2vh,22px) 18px;border-radius:16px;border:0;background:linear-gradient(110deg,#c5f15b,#e3ff8a);color:#122a20;font:900 italic clamp(16px,1.45vw,26px)/1 'Arial Black',var(--fam);box-shadow:0 0 30px #d4f26a50,0 10px 24px #0008}
.alpha-panel .rk-go>.ic{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.alpha-panel .rk-go span{flex:1;text-align:left}
.alpha-panel .rk-go i{display:grid;place-items:center;width:clamp(32px,2.5vw,44px);aspect-ratio:1;border-radius:50%;background:#122a20;color:var(--lime)}.alpha-panel .rk-go i .ic{width:60%;height:60%;fill:none;stroke:currentColor;stroke-width:3}
.alpha-panel .rk-go:hover:not(:disabled),.alpha-panel .rk-go:focus-visible{background:linear-gradient(110deg,#ff8f2e,#ffad5c)!important;color:#2a1302!important;box-shadow:0 0 30px #ff8f2e66,0 10px 24px #0008}
.alpha-panel .rk-go:disabled{filter:saturate(.3) brightness(.6)}

.rk-stats .sline{display:grid!important;grid-template-columns:minmax(80px,1.1fr) minmax(60px,2fr) 34px auto!important;align-items:center;gap:8px}
.rk-stats .sl-buy{display:flex!important;gap:4px;flex-direction:row!important}
.rk-stats .sl-buy button{min-height:0!important;padding:3px 7px!important;font-size:10px!important;width:auto!important;margin:0!important}
.rk-left .cs-team.cw835{min-height:min(330px,40vh)}.rk-stats .sline>*{grid-row:1!important}
.rk-stats .sl-buy{grid-column:4!important;margin:0!important;position:static!important}
.rk-stats .sline{grid-template-columns:minmax(78px,1fr) minmax(50px,1.6fr) 30px auto!important;font-size:11.5px}
.rk-stats .sl-name{font-size:11.5px!important}
.rk-stats h5{flex-wrap:nowrap}.rk-stats h5 span{white-space:nowrap}
.rk-left .cs-team.cw835{min-height:0;flex:1 1 0}