/* Update 6.7 — Partita Libera 2v2 picks, the 2v2 careers, Competitiva (ranked), the tutorial. Loaded last. */
/* the two extra pick screens of Partita Libera 2v2 share the layout of the other pick screens */
body:is([data-screen=PARTNER_SELECT],[data-screen=OPPONENT2_SELECT]) .alpha-panel{inset:94px 2vw 18px;overflow:hidden;scrollbar-gutter:auto}
body:is([data-screen=PARTNER_SELECT],[data-screen=OPPONENT2_SELECT]) .alpha-panel .menu{height:100%;min-height:0;padding:16px;display:flex;flex-direction:column}
@media(max-width:1100px){body:is([data-screen=PARTNER_SELECT],[data-screen=OPPONENT2_SELECT]) .alpha-panel{inset:85px 14px 12px}}
@media(max-height:800px){body:is([data-screen=PARTNER_SELECT],[data-screen=OPPONENT2_SELECT]) .alpha-panel{inset:76px 2vw 10px}}
.vs-p h3.vs-2{margin-top:0;opacity:.9}
/* doubles career header / buttons */
.cw-soon .mini{font-size:9px;padding:5px 10px;border-radius:99px}.cw-info .cw-join{margin-top:6px;width:100%;font-size:10px;padding:9px}
/* result / pause: a team of two */
.match-contender .mc-faces{display:flex;justify-content:center}.match-contender.duo .mc-faces img{width:min(48%,150px)}.match-contender.duo .mc-faces img+img{margin-left:-8%}
/* ranked */
.rk-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 5px;border-radius:99px;border:1px solid color-mix(in srgb,var(--tier) 70%,#fff3);background:linear-gradient(90deg,color-mix(in srgb,var(--tier) 38%,#08201e),#08201ecc);color:#fff;white-space:nowrap}
.rk-badge i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--tier);color:#10201c;font-style:normal;font-weight:900;font-size:13px;box-shadow:0 0 10px color-mix(in srgb,var(--tier) 60%,transparent)}
.rk-badge b{font-size:12px;letter-spacing:.04em}.rk-badge small{font-size:10px;color:#cfe0d4}
.rk-badge.big{padding:8px 18px 8px 8px;gap:12px}.rk-badge.big i{width:44px;height:44px;font-size:22px}.rk-badge.big b{font-size:20px}.rk-badge.big small{font-size:12px}
.rk-card{border-color:color-mix(in srgb,var(--tier) 55%,#a0c5ad38)}.rk-bar{height:6px;border-radius:4px;background:#ffffff18;margin:14px 0 6px;overflow:hidden}.rk-bar i{display:block;height:100%;background:var(--tier)}
.rk-next{font-size:11px;color:#cfe0d4;margin:0 0 10px}.rk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0}.rk-stats span{display:grid;text-align:center;font-size:9px;color:#b9ccbd;letter-spacing:.06em;text-transform:uppercase}.rk-stats b{font-size:18px;color:#fff}
.rk-tiers{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0}.rk-tiers span{display:grid;padding:4px 8px;border-radius:7px;border:1px solid color-mix(in srgb,var(--tier) 45%,transparent);font-size:10px;font-weight:800;color:var(--tier);opacity:.65}.rk-tiers span.on{opacity:1;background:color-mix(in srgb,var(--tier) 18%,transparent)}.rk-tiers small{font-size:8px;font-weight:600;color:#b9ccbd}
.rk-vs{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px;flex-wrap:wrap}.rk-result .reward-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lobby-pair{display:flex;align-items:center;gap:10px;margin-bottom:10px}.lobby-pair img{width:72px;height:72px;object-fit:contain}.lobby-pair img+img{margin-left:-22px}.lobby-pair b{display:block;font-size:16px}.lobby-pair small{font-size:11px;color:#b9ccbd}
/* Update 6.8: automatic search (ranked) */
.lobby-grid .mm-card.wide{grid-column:2/-1}@media(max-width:1100px){.lobby-grid .mm-card.wide{grid-column:1/-1}}
.mm-card .cta{width:100%;margin:10px 0 4px}.mm-card>p{font-size:13px;line-height:1.5;color:#dce8dd}
.mm-search{display:flex;align-items:center;gap:22px;margin:6px 0 14px}.mm-search p{margin:0 0 6px}
.mm-state,.mm-go{font-size:clamp(18px,1.6vw,24px);font-weight:900;letter-spacing:-.01em;color:#fff}.mm-go{margin:14px 0 4px;color:var(--lime)}.mm-range{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--lime)}
.mm-radar{position:relative;flex:0 0 86px;height:86px;border-radius:50%;border:1px solid #d4f26a55;background:radial-gradient(circle,#d4f26a22 0 18%,transparent 19%),#05201dcc;overflow:hidden}
.mm-radar::before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#d4f26a00 0 70%,#d4f26a88 100%);animation:mm-sweep 1.6s linear infinite}
.mm-radar i{position:absolute;inset:50%;width:0;height:0;border-radius:50%;border:1px solid #d4f26a66;animation:mm-ping 2.4s ease-out infinite}.mm-radar i:nth-child(2){animation-delay:.8s}.mm-radar i:nth-child(3){animation-delay:1.6s}
@keyframes mm-sweep{to{transform:rotate(360deg)}}@keyframes mm-ping{from{inset:50%;opacity:1}to{inset:0;opacity:0}}
.mm-card.found{border-color:#d4f26a88;box-shadow:0 0 0 1px #d4f26a44,0 12px 30px #0006}
@media(prefers-reduced-motion:reduce){.mm-radar::before,.mm-radar i{animation:none}}
/* tutorial intro */
.tut-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:18px;align-items:start}
.tut-device{grid-row:span 2;padding:20px;border-radius:17px;border:1px solid var(--line);background:var(--ui-panel)}.tut-device.pad{border-color:#d4f26a88}.tut-device h3{margin:10px 0 6px;font-size:clamp(20px,1.8vw,30px)}.tut-device p{font-size:13px;color:#cfe0d4;line-height:1.5}
.tut-keys{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;margin-top:14px}.tut-keys span{display:flex;align-items:center;gap:8px;font-size:12px;color:#e8f0e2}
kbd{display:inline-block;min-width:22px;padding:3px 7px;border-radius:6px;border:1px solid #ffffff40;border-bottom-width:3px;background:#0b2724;color:#fff;font:800 11px/1.2 system-ui;text-align:center;white-space:nowrap}
.tut-steps{margin:0;padding:14px 18px;border-radius:17px;border:1px solid var(--line);background:#05201dcc;list-style:none;display:grid;gap:6px}.tut-steps li{display:flex;align-items:center;gap:10px;font-size:13px;color:#e8f0e2}.tut-steps b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d4f26a22;color:var(--lime);font-size:11px}
.tut-go .cta{width:100%;margin-top:8px}
/* tutorial card over the match */
.tut-layer{position:fixed;left:50%;top:clamp(92px,13vh,130px);transform:translateX(-50%);z-index:12;width:min(560px,92vw);pointer-events:none}
.tut-card{padding:14px 18px 12px;border-radius:16px;border:1px solid #d4f26a66;background:linear-gradient(140deg,#0d2d28ee,#031a19ee);box-shadow:0 14px 40px #0008;backdrop-filter:blur(6px);color:#fff;animation:tut-in .25s ease-out}
.tut-card h3{margin:6px 0 4px;font-size:22px;letter-spacing:-.02em}.tut-card p{margin:0 0 8px;font-size:14px;line-height:1.45;color:#e2ecdc}
.tut-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.tut-dots{display:flex;gap:4px}.tut-dots b{width:14px;height:4px;border-radius:3px;background:#ffffff26}.tut-dots b.ok{background:var(--lime)}.tut-dots b.on{background:#fff}
.tut-state{display:block;font-style:normal;font-size:12px;font-weight:900;letter-spacing:.06em;color:#d4f26a}.tut-card.intro .tut-state{color:#cfe0d4}.tut-card.done{border-color:var(--lime);box-shadow:0 0 0 2px #d4f26a55,0 14px 40px #0008}
@keyframes tut-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media(max-width:860px){.tut-intro{grid-template-columns:1fr}.tut-device{grid-row:auto}}
@media(prefers-reduced-motion:reduce){.tut-card{animation:none}}
/* Update 6.8: the character editor - 28 colours in two tidy rows, options switched off under a special head, notes */
.alpha-panel .e-sec .swatches{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:6px;max-width:470px}
.alpha-panel .e-sec .sw{width:100%;height:auto;aspect-ratio:1;max-width:30px;transition:transform .12s}.alpha-panel .e-sec .sw:hover:not(:disabled){transform:scale(1.12)}
.e-field.off{opacity:.42}.e-field.off .pill{cursor:not-allowed}
.e-note{margin:0 0 10px;padding:8px 12px;border-radius:10px;background:#d4f26a14;border:1px solid #d4f26a44;font-size:12px;line-height:1.45;color:#e6f0dd}
.e-sec .e-field{padding:8px 0 6px;border-top:1px solid #ffffff10}.e-sec .e-field:first-of-type{border-top:0}
@media(max-width:900px){.alpha-panel .e-sec .swatches{grid-template-columns:repeat(10,minmax(0,1fr))}}