/* Update 6.6 — the career maps: Carriera 1v1, Carriera 2v2, Carriera cooperativa 2v2 (same layout).
   All 30 on one page: six world rows (coloured world label + five rectangular cards) that share the whole height, and on the right the
   3D model at full height beside the card of the selected opponent. World colours, lime for the current opponent, lock for what is
   not reached yet. Loaded last; every class is new (cw-*), so the older career styles do not interfere. */
body:is([data-screen=CAREER],[data-screen=CAREER_2V2],[data-screen=CAREER_COOP]) .alpha-panel{inset:78px 1.4vw 12px;padding:0;overflow:auto}
body:is([data-screen=CAREER],[data-screen=CAREER_2V2],[data-screen=CAREER_COOP]) .alpha-panel .menu{height:100%;min-height:520px;padding:clamp(12px,1.1vw,22px) clamp(14px,1.3vw,26px);box-sizing:border-box;border-radius:20px;background:linear-gradient(125deg,#0f2e2bf2,#051a1ef5)}
.career-screen.cw-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(8px,1.3vh,14px);height:100%;min-height:0}
.cw-screen .scr-head{margin:0}.cw-screen .scr-title .chip{font-size:9px}.cw-screen .career-heading .scr-title h2{font-size:clamp(22px,2vw,38px);margin:5px 0 0}
.cw-body{display:grid;grid-template-columns:minmax(0,1fr) clamp(380px,31vw,660px);gap:clamp(10px,1vw,20px);min-height:0}

/* the map: 6 rows sharing the height */
.cw-map{display:grid;grid-template-rows:repeat(6,minmax(0,1fr));gap:clamp(5px,.75vh,10px);min-width:0;min-height:0}
.cw-row{display:grid;grid-template-columns:clamp(92px,8.6vw,170px) repeat(5,minmax(0,1fr));gap:clamp(5px,.5vw,10px);min-width:0;min-height:0;padding:3px;border-radius:14px;background:linear-gradient(90deg,color-mix(in srgb,var(--world) 34%,transparent),color-mix(in srgb,var(--world) 8%,transparent) 55%,transparent)}
.cw-wlabel{position:relative;display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;min-height:0;padding:5px 9px 5px 13px;border-radius:11px;border:1px solid color-mix(in srgb,var(--world) 80%,#e3ebd455);background:linear-gradient(150deg,color-mix(in srgb,var(--world) 88%,#404c3c),color-mix(in srgb,var(--world) 46%,#0a2320));color:#fff;overflow:hidden}
.cw-wlabel::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#ffffffb0}
.cw-wlabel small{font-size:8.5px;font-weight:900;letter-spacing:.2em;color:#f3f1e2}
.cw-wlabel b{font-size:clamp(10.5px,.88vw,16px);line-height:1.1;letter-spacing:-.01em;overflow-wrap:anywhere}
.cw-pips{display:flex;gap:3px}.cw-pips i{width:clamp(8px,.8vw,14px);height:4px;border-radius:3px;background:#00000045}.cw-pips i.on{background:var(--lime);box-shadow:0 0 5px #d4f26a88}
.cw-wlabel em{display:flex;align-items:center;gap:4px;font-style:normal;font-size:8.5px;font-weight:900;letter-spacing:.06em;color:#eef2e3;white-space:nowrap}
.cw-wlabel em svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round}
.cw-row.current .cw-wlabel{box-shadow:inset 0 0 0 2px var(--lime)}.cw-row.current .cw-wlabel em{color:var(--lime)}
.cw-row.locked{background:linear-gradient(90deg,color-mix(in srgb,var(--world) 14%,transparent),transparent 50%)}.cw-row.locked .cw-wlabel{filter:saturate(.45) brightness(.72)}

/* rectangular card: text on the left, the face filling the right side */
.alpha-panel .cw-card{position:relative;display:block;min-width:0;min-height:0;height:100%;padding:0;border-radius:12px;border:1px solid color-mix(in srgb,var(--world) 70%,#d5e2c945);background:linear-gradient(115deg,#082020 0%,color-mix(in srgb,var(--world) 30%,#0b2723) 46%,color-mix(in srgb,var(--world) 66%,#2a4c3c) 100%);color:#fff;text-align:left;overflow:hidden;isolation:isolate;container-type:size}
.cw-face{position:absolute;top:0;right:0;bottom:0;width:54%;z-index:-1}
.cw-face img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 28%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 38%);mask-image:linear-gradient(90deg,transparent 0,#000 38%)}
.cw-txt{display:flex;flex-direction:column;justify-content:space-between;gap:2px;height:100%;max-width:76%;padding:clamp(5px,.5vw,10px) clamp(6px,.6vw,11px);box-sizing:border-box;text-shadow:0 1px 3px #000b}
.cw-top{display:flex;align-items:center;gap:6px}
.cw-no{font-size:8px;font-weight:900;letter-spacing:.15em;color:#dfe9d6;white-space:nowrap}.cw-no b{margin-left:2px;font:900 clamp(12px,1vw,19px)/1 var(--fam);letter-spacing:0;color:#fff}
.cw-mark{position:absolute;top:clamp(4px,.4vw,8px);right:clamp(4px,.4vw,8px);display:grid;place-items:center;width:20px;height:20px;border-radius:50%;text-shadow:none}.cw-mark svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cw-mark.done{background:var(--lime);color:#173220}.cw-mark.locked{background:#041816c4;border:1px solid #ffffff30;color:#d2ddd3}.cw-mark.locked svg{stroke-width:1.9;width:11px;height:11px}
.cw-mark.next{width:11px;height:11px;margin:4px;background:var(--lime);box-shadow:0 0 0 4px #d4f26a3d;animation:cw-pulse 1.8s ease-in-out infinite}
@keyframes cw-pulse{50%{box-shadow:0 0 0 7px #d4f26a14}}
.cw-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(11px,.88vw,17px);line-height:1.08;font-weight:900;letter-spacing:-.02em}
.cw-style{font-size:clamp(8.5px,.64vw,11px);font-weight:700;color:#d2e1cb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-style i{font-style:normal;font-weight:900;color:var(--lime)}.cw-style i.left{color:#ffb45e}
.cw-cond{display:flex;align-items:center;gap:5px;min-width:0;font-size:clamp(8.5px,.6vw,10.5px);line-height:1.2;color:#c9d9c7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-surf{flex:none;width:9px;height:9px;border-radius:3px;background:var(--surf);box-shadow:0 0 0 1px #ffffff5c}
.cw-state{align-self:flex-start;max-width:100%;padding:2px 6px;border-radius:5px;background:#00000061;font-style:normal;font-size:clamp(7.5px,.58vw,10.5px);font-weight:900;letter-spacing:.07em;color:#dde8d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:none}
.cw-card.done .cw-state{color:var(--lime)}.cw-card.next .cw-state{background:var(--lime);color:#14301f}
.alpha-panel .cw-card.next{border:2px solid var(--lime);box-shadow:0 0 22px #d4f26a33}
.alpha-panel .cw-card.locked{background:linear-gradient(115deg,#081b1c 0%,color-mix(in srgb,var(--world) 16%,#0c2123) 55%,color-mix(in srgb,var(--world) 30%,#1a2e2d) 100%);border-color:#ffffff1f}
.cw-card.locked .cw-face img,.cw-card.locked .cw-faces img{filter:saturate(.25) brightness(.55)}.cw-card.locked .cw-name{color:#d0d9cd}
.alpha-panel .cw-card.selected{outline:3px solid #f5faea;outline-offset:1px;box-shadow:0 0 0 5px #d4f26a2e,0 10px 24px #0007;z-index:1}
.alpha-panel .cw-card:hover:not(:disabled){transform:translateY(-2px)}
.alpha-panel .cw-card:focus-visible{outline:3px solid var(--lime);outline-offset:2px;transform:translateY(-2px);z-index:2}
@container (max-height:138px){.cw-cond{display:none}}
@container (max-height:82px){.cw-style{display:none}}
@container (max-width:118px){.cw-no{display:none}}
@container (max-width:175px){.cw-rm{display:none}}

/* pair card (2v2): two faces, two names */
.cw-faces{position:absolute;top:0;right:0;bottom:0;width:66%;z-index:-1;display:flex;justify-content:flex-end;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%);mask-image:linear-gradient(90deg,transparent 0,#000 34%)}
.cw-faces img{display:block;flex:none;width:56%;height:100%;object-fit:cover;object-position:50% 28%}.cw-faces img:first-child{margin-right:-12%;position:relative;z-index:1}
.cw-pair .cw-name{font-size:clamp(10px,.74vw,14px)}.cw-name2 i{font-style:normal;color:var(--lime)}
@container (max-height:140px){.cw-pair .cw-style{display:none}}
@container (max-height:100px){.cw-pair .cw-name{-webkit-line-clamp:1}}

/* detail: model column + card column */
.alpha-panel .cw-detail{display:grid;grid-template-columns:minmax(140px,.8fr) minmax(230px,1fr);gap:clamp(10px,.9vw,18px);height:100%;min-height:0;overflow:hidden;padding:clamp(10px,.9vw,18px);border-color:color-mix(in srgb,var(--world) 55%,#a0c5ad38)}
.cw-detail #careerPreview{position:relative;height:100%;min-height:0;margin:0;border:0;border-radius:14px;background:radial-gradient(ellipse 70% 38% at 50% 92%,#d4f26a33,transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--world) 38%,#0b2724),#061a1b)}
.cw-detail #careerPreview canvas{display:block;height:100%!important;width:100%!important}
.cw-info{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto;scrollbar-width:thin}.cw-info>*{flex-shrink:0}
.cw-info .detail-state{font-size:10px}.cw-slot{display:block;margin:4px 0 2px;font-size:9px;font-weight:900;letter-spacing:.16em;color:#b9ccbd}
.cw-info .detail-title h3{font-size:clamp(20px,1.6vw,30px);margin:4px 0}.cw-info .fm-tags{display:flex;flex-wrap:wrap;gap:4px;margin:3px 0 4px}.cw-info .fm-tags .chip{font-size:8px}
.cw-info .detail-bio{margin:4px 0 8px!important}.cw-info .cta{margin-top:auto!important}.cw-info .detail-venue{margin-top:8px}
.rot-hint{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;border:1px solid #ffffff22;background:#021916c4;font-size:9px;font-weight:800;letter-spacing:.06em;color:#dce7d6;white-space:nowrap;pointer-events:none}
.rot-hint b{padding:1px 5px;border-radius:4px;background:var(--lime);color:#15301f;font-size:9px}
.prematch #playerPreview{position:relative}

/* pair detail: both players on top, the card below */
.alpha-panel .cw-pairdetail{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(120px,1fr) auto}
.cw-pairdetail .cw-info{overflow:visible}
.cw-duo-names{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 8px}.cw-duo-one{min-width:0}.cw-duo-one .detail-title{flex-wrap:wrap;gap:4px 6px;justify-content:flex-start}
.cw-duo-one h3{font-size:clamp(14px,1.15vw,20px)!important;margin:0!important;display:flex;align-items:center;gap:6px}.cw-duo-one h3::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#c5f15b}.cw-duo-one+.cw-duo-one h3::before{background:#6fcbf6}
.cw-duo-one>small{display:block;margin-top:4px;font-size:10px;color:#b9ccbd}
.cw-pstats{display:grid;gap:4px;margin:2px 0}.cw-pstat{display:grid;grid-template-columns:minmax(64px,.7fr) minmax(40px,1.5fr) 52px;align-items:center;gap:8px;font-size:11px}
.cw-pbar{display:grid;gap:2px}.cw-pbar i{display:block;height:4px;border-radius:3px}.cw-pbar .a{background:linear-gradient(90deg,#d6ff71,#b3e547)}.cw-pbar .b{background:linear-gradient(90deg,#8fdcff,#57b5e8)}
.cw-pstat b{text-align:right;font-size:11px}.cw-pstat b em{margin-left:6px;font-style:normal;color:#8fd3f6}
.cw-soon{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px;text-align:right}.cw-soon small{font-size:10px;color:#c3d4c5}
.cw-screen .career-bottom{padding-top:8px;margin:0}.cw-screen .career-bottom>span{font-size:11px}

/* smaller windows */
@media(max-height:820px){body:is([data-screen=CAREER],[data-screen=CAREER_2V2],[data-screen=CAREER_COOP]) .alpha-panel{inset:72px 1.2vw 8px}.cw-screen .scr-title .chip{display:none}.cw-info .detail-bio{display:none}.cw-info .sline{min-height:18px;margin:1px 0}.cw-wlabel{gap:2px}.cw-pstats{gap:2px}}
@media(max-height:680px){.cw-wlabel .cw-pips{display:none}.cw-duo-one>small{display:none}}
@media(max-width:1350px){.cw-screen .career-heading .wallet{display:none}}
@media(max-width:1100px){.cw-screen .career-summary{display:none}.cw-body{grid-template-columns:minmax(0,1fr) 330px}.alpha-panel .cw-detail{grid-template-columns:112px minmax(0,1fr)}.cw-row{grid-template-columns:78px repeat(5,minmax(0,1fr))}.cw-wlabel b{display:none}}
@media(max-width:860px){.cw-body{grid-template-columns:1fr;grid-template-rows:auto auto}.cw-map{grid-template-rows:none;grid-auto-rows:96px}.alpha-panel .cw-detail{height:auto;min-height:360px;grid-template-columns:minmax(140px,.7fr) minmax(0,1fr)}.cw-screen .career-bottom{flex-direction:column;align-items:stretch}}
@media(max-width:560px){.cw-row{grid-template-columns:repeat(5,minmax(0,1fr))}.cw-wlabel{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}.cw-map{grid-auto-rows:auto}.alpha-panel .cw-card{height:84px}.alpha-panel .cw-detail{grid-template-columns:1fr;grid-template-rows:260px auto}.cw-pstat{grid-template-columns:56px 1fr 46px}}
@media(prefers-reduced-motion:reduce){.cw-mark.next{animation:none}.alpha-panel .cw-card{transition:none}.alpha-panel .cw-card:hover:not(:disabled),.alpha-panel .cw-card:focus-visible{transform:none}}