@font-face{font-family:Graduate;src:url('./assets/match-card/Graduate-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;font-family:'Bahnschrift','Arial Narrow',Arial,sans-serif;background:#070c0f;color:#d3d2ca}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 50% 0,#162027 0,transparent 60%),#070c0f}main{max-width:1540px;margin:0 auto;padding:36px 16px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible{outline:3px solid #ffdf7a;outline-offset:4px}
.match-card{position:relative;width:100%;aspect-ratio:1504/226;container-type:inline-size;isolation:isolate;filter:drop-shadow(0 5px 5px #000);border-radius:22px}
.metalwork{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.team-side{position:absolute;top:0;height:100%;width:50%;border:0;background:none;color:#d5d3ce;padding:0;appearance:none;text-transform:uppercase;border-radius:22px;z-index:1}.home{left:0}.away{right:0}.team-side:focus-visible{outline-offset:-7px;outline-width:3px}.team-side:disabled{opacity:1;color:#d5d3ce}
.team-logo{position:absolute;object-fit:contain;filter:drop-shadow(1px 2px 0 #d3caba) drop-shadow(-1px -1px 0 #b3bab9) drop-shadow(3px 6px 3px #000);pointer-events:none}.home .team-logo{left:3.2%;top:0;width:28%;height:94%}.away .team-logo{right:0;top:-4%;width:40%;height:105%;transform:rotate(-3deg)}
.team-city{position:absolute;top:20%;font-size:1.37cqw;letter-spacing:.22em;font-weight:600;text-shadow:1px 2px 2px #000;white-space:nowrap}.home .team-city{left:37.5%}.away .team-city{right:40%}
.team-nickname{position:absolute;top:28%;font-family:Graduate,Impact,serif;font-size:5.38cqw;line-height:1.1;letter-spacing:-.065em;background:linear-gradient(#f9f8ef 2%,#acaea9 23%,#f1f0e8 43%,#92938e 49%,#d7d5ca 74%,#aaa18c 95%);background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.04cqw #ded7c8;filter:drop-shadow(.13cqw .13cqw 0 #282c2d) drop-shadow(-.08cqw -.06cqw 0 #0b1116) drop-shadow(.2cqw .3cqw .1cqw #000);transform-origin:left center;transform:scaleX(.79);white-space:nowrap}.home .team-nickname{left:32.6%;font-size:5.95cqw;top:26%}.away .team-nickname{left:30%;transform:scaleX(.82);-webkit-text-stroke-color:#d9cba8;filter:drop-shadow(.12cqw .12cqw 0 #7c5b30) drop-shadow(.2cqw .3cqw .1cqw #000)}
.team-record{position:absolute;top:67.5%;min-width:4.6cqw;padding:.05cqw .65cqw;border:1px solid #456079;border-radius:99px;background:linear-gradient(#0c1d2b,#010b14);box-shadow:inset 0 0 0 1px #03070b,0 3px 4px #000;color:#b2b0a9;font-size:1.32cqw;letter-spacing:.12em;line-height:1.2;font-weight:600}.home .team-record{left:37%}.away .team-record{right:45%;border-color:#45625d;background:linear-gradient(#0b2825,#010c0b)}
.pick-label{position:absolute;bottom:0;height:23%;display:flex;align-items:center;justify-content:center;gap:1.2cqw;font-size:1.27cqw;letter-spacing:.055em;font-weight:600;text-shadow:1px 2px 2px #000;white-space:nowrap}.home .pick-label{left:49%;right:7.5%}.away .pick-label{left:9%;right:56%;letter-spacing:0;font-stretch:condensed}.radio-mark{width:1.6cqw;height:1.6cqw;flex-shrink:0;border:2px solid #dad6c8;box-shadow:0 1px 3px #000,inset 0 0 0 2px #07101a;border-radius:50%;background:linear-gradient(#263b4a,#020a10)}.picked-mark{display:none;color:#ffe49b;font-size:1.6cqw}
.team-side[aria-pressed=true]{box-shadow:inset 0 0 0 2px #e9bc5e,inset 0 0 35px #e9b34a33;background:linear-gradient(0deg,#e9b34a1a,transparent 75%)}.team-side[aria-pressed=true] .radio-mark{background:radial-gradient(circle,#ffe39b 0 35%,#6d4d1c 40% 57%,#171a14 60%);border-color:#ffdc85}.team-side[aria-pressed=true] .picked-mark{display:inline}.team-side[aria-pressed=true] .pick-label{color:#ffe49b}.team-side:not(:disabled):hover{background-color:#ffffff07}
.time-panel{position:absolute;z-index:2;left:42.6%;width:14.8%;top:0;height:68%;display:flex;align-items:center;flex-direction:column;text-align:center;pointer-events:none;text-transform:uppercase;overflow:hidden}.day{font-size:1.2cqw;font-weight:600;letter-spacing:.06em;line-height:1.8;color:#f6cc65;text-shadow:1px 1px 2px #000}.kickoff{font-size:2.47cqw;font-weight:700;line-height:1.1;letter-spacing:.035em;margin-top:.5cqw;color:#c6c7c6;text-shadow:0 -1px 0 #fff,1px 3px 1px #000}.date-label{font-size:1.23cqw;font-weight:600;line-height:1.3;margin-top:.1cqw}.stadium{font-size:1.17cqw;font-weight:600;color:#a9aaa6;letter-spacing:.035em;margin-top:1cqw;max-width:96%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.versus{position:absolute;z-index:2;left:46%;width:8%;bottom:3.5%;font-family:Graduate,serif;text-align:center;font-size:2.85cqw;line-height:1;background:linear-gradient(#fff1cb,#b49c6b);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 2px 0 #000);pointer-events:none}
.match-status{position:absolute;z-index:3;right:1.7%;top:-.5%;display:flex;align-items:center;gap:.4cqw;line-height:1;padding:.4cqw .6cqw;border:1px solid #c0d9bc;border-radius:.65cqw;box-shadow:inset 0 0 0 2px #0d2215,0 2px 4px #000;background:linear-gradient(#3e754d,#143d21 55%,#06190d);color:#b8f78d;font-size:1.07cqw;letter-spacing:.05em}.match-status svg{width:1.1cqw;height:1.35cqw;fill:none;stroke:currentColor;stroke-width:1.6}.match-card[data-locked=true] .match-status{color:#ffe0a3;background:linear-gradient(#745631,#291b0a);border-color:#bba17b}
.demo-controls{max-width:1000px;margin:42px auto 0;border:1px solid #344149;border-radius:12px;padding:22px;background:#10191f}.demo-controls header{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between}.demo-controls h1{font-size:19px;margin:0;color:#e4d7bc}.demo-controls header span{font-size:11px;letter-spacing:.12em;color:#c2a66b}.demo-controls p{font-size:14px;color:#aeb8be;line-height:1.5}.demo-controls button{border:1px solid #776449;background:linear-gradient(#34342d,#1b1e1d);border-radius:6px;padding:10px 14px;color:#f1e2c2;min-height:42px}.demo-controls button:disabled{opacity:.45}.actions{display:flex;gap:10px;flex-wrap:wrap}form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:22px}label{display:grid;gap:7px;font-size:13px;color:#c7cacc}input{width:100%;min-width:0;border:1px solid #41515b;border-radius:5px;padding:10px;background:#080f14;color:#e2e6e7}form button{grid-column:1/-1;justify-self:start}.hint{font-size:12px!important;margin-bottom:0}
@media(min-width:761px) and (max-width:1100px){main{padding:24px 12px}.pick-label{font-size:1.19cqw}}
@media(max-width:760px){main{padding:24px 10px}.match-card{aspect-ratio:auto;height:352px;border:2px solid #9f9c8e;background:linear-gradient(90deg,#0a2547,#031318 50%,#06403c);border-radius:16px;overflow:hidden;container-type:normal}.metalwork{display:none}.team-side{top:115px;height:231px;width:50%;border-radius:8px}.team-side:focus-visible{outline-offset:-4px}.team-logo,.home .team-logo,.away .team-logo{top:8px;left:20%;right:auto;width:60%;height:98px;transform:none}.team-city,.home .team-city,.away .team-city{left:0;right:0;top:116px;text-align:center;font-size:12px;letter-spacing:.13em}.team-nickname,.home .team-nickname,.away .team-nickname{left:0;right:0;top:138px;text-align:center;font-size:26px;transform:none;letter-spacing:-.07em;-webkit-text-stroke:.3px #dad3bc}.team-record,.home .team-record,.away .team-record{left:50%;right:auto;top:178px;transform:translateX(-50%);font-size:13px;padding:1px 10px}.pick-label,.home .pick-label,.away .pick-label{left:0;right:0;bottom:5px;height:22px;font-size:11px;letter-spacing:0;gap:5px}.radio-mark{width:16px;height:16px;border-width:1px}.picked-mark{font-size:16px}.time-panel{left:16%;width:68%;top:0;height:113px;border:1px solid #8d8879;border-top:0;border-radius:0 0 16px 16px;background:linear-gradient(#20272b,#080e12);padding-top:4px}.day{font-size:12px;line-height:1.5}.kickoff{font-size:28px;margin-top:3px}.date-label{font-size:12px;margin:0}.stadium{font-size:11px;margin-top:7px}.versus{left:45%;width:10%;bottom:auto;top:190px;font-size:19px}.match-status{right:5px;top:5px;padding:5px;font-size:10px;border-radius:5px;gap:4px}.match-status svg{width:11px;height:13px}.demo-controls{margin-top:24px;padding:16px}form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(prefers-reduced-motion:no-preference){.team-side{transition:box-shadow .15s,background-color .15s}}

/* Permanent score slots and match lifecycle; gold remains exclusive to the pick. */
[hidden]{display:none!important}
.score-box{position:absolute;z-index:2;top:24%;width:8%;height:45%;display:grid;place-items:center;pointer-events:none;background:linear-gradient(145deg,#d4d8d5,#686f70 19%,#171e21 27%,#a4aaa4 85%,#d9ddd4);clip-path:polygon(12% 0,88% 0,100% 15%,100% 85%,88% 100%,12% 100%,0 85%,0 15%);filter:drop-shadow(2px 4px 3px #000)}
.score-box:before{content:'';position:absolute;inset:3px;background:linear-gradient(145deg,#202a2e,#070e12 60%,#1a2528);clip-path:inherit;box-shadow:inset 0 0 12px #000}
.score-box span{position:relative;font-family:Graduate,serif;font-size:4.5cqw;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(#f1f1e9,#a1abae 48%,#d2d7d4 55%,#939a9d);background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 2px 1px #000)}
.score-box[data-digits="3"] span{font-size:3.2cqw}.score-home{left:34%}.score-away{right:34%}
.home .team-nickname{font-size:4.4cqw;top:32%}.away .team-nickname{left:36%;font-size:4.6cqw;top:32%}.away .team-city{right:36%}.home .team-record{left:38%}.away .team-record{right:40%}
.winner-mark{position:absolute;top:70%;font-size:.8cqw;letter-spacing:.09em;color:#b9e3dc;border:1px solid #738f8b;border-radius:3px;padding:.15cqw .4cqw;background:#0c2525;white-space:nowrap}.home .winner-mark{left:49%}.away .winner-mark{right:50%}
.period-clock{display:none}.match-card[data-status=live] .day{color:#a8efd9}.match-card[data-status=live] .kickoff,.match-card[data-status=live] .date-label{display:none}.match-card[data-status=live] .period-clock{display:block;font-size:1.35cqw;line-height:1.6;margin-top:.7cqw;color:#e3e9e5;font-weight:600}.match-card[data-status=live] .stadium{margin-top:.7cqw}.match-card[data-status=final] .day{color:#d4dedb}.match-card[data-status=final] .kickoff{font-size:2cqw;margin-top:.4cqw}.match-card[data-status=final] .match-status{color:#dae4df;background:linear-gradient(#525d60,#141c1e);border-color:#a3afac}
.state-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.state-controls button{grid-column:1/-1;justify-self:start}select{font:inherit;width:100%;min-width:0;border:1px solid #41515b;border-radius:5px;padding:10px;background:#080f14;color:#e2e6e7}select:focus-visible{outline:3px solid #ffdf7a;outline-offset:4px}
@media(max-width:760px){
 .match-card{height:398px}.team-side{top:158px;height:232px}.time-panel{left:26%;width:48%;height:143px}.score-box{top:38px;height:69px;width:22%;max-width:110px}.score-home{left:2%}.score-away{right:2%}.score-box span{font-size:36px}.score-box[data-digits="3"] span{font-size:29px}
 .home .team-nickname,.away .team-nickname{left:0;right:0;top:138px;font-size:26px}.away .team-city{right:0}.home .team-record,.away .team-record{left:50%;right:auto;top:173px}.winner-mark{top:198px;font-size:9px;padding:2px 4px;transform:translateX(-50%)}.home .winner-mark,.away .winner-mark{left:50%;right:auto}.home .pick-label,.away .pick-label{bottom:-2px;font-size:10px}.versus{top:230px}.match-status{font-size:9px;top:4px}.day{padding-top:2px}.stadium{white-space:normal;line-height:1.2;font-size:10px;margin-top:7px;overflow-wrap:anywhere}.match-card[data-status=live] .period-clock{font-size:13px;margin-top:12px;line-height:1.3}.match-card[data-status=live] .stadium{margin-top:13px}.match-card[data-status=final] .kickoff{font-size:25px;margin-top:6px}.state-controls{grid-template-columns:1fr}
}

@media(min-width:761px){.home{clip-path:polygon(0 0,81% 0,85% 16%,85% 68%,92.5% 78%,92.5% 100%,0 100%)}.away{clip-path:polygon(19% 0,100% 0,100% 100%,7.5% 100%,7.5% 78%,15% 68%,15% 16%)}}

/* Shared renderer: data-sized lettering and undistorted official logo images. */
.logo-fallback{position:absolute;top:20%;left:4%;width:26%;height:45%;display:grid;place-items:center;color:#dce4e6;font:700 2.5cqw Graduate,serif;border:1px solid #8e9b9e;background:#111d25;border-radius:12px}.away .logo-fallback{left:auto;right:4%}
.home .official-logo{transform:scale(var(--logo-scale,1))}.away .official-logo{transform:rotate(-3deg) scale(var(--logo-scale,1))}
.home .team-nickname{font-size:calc(4.4cqw * var(--name-scale,1))}.away .team-nickname{font-size:calc(4.6cqw * var(--name-scale,1))}.team-city{font-size:calc(1.37cqw * var(--city-scale,1))}
.gallery-intro{margin:0 0 30px;max-width:960px;line-height:1.5}.gallery-intro h1{font-size:clamp(24px,3vw,40px);color:#e3dac8;margin:8px 0}.gallery-intro p{color:#b6c2c8;margin:8px 0}.gallery-intro .eyebrow{font-size:12px;letter-spacing:.14em;color:#c5ad79}.gallery-intro a,.demo-controls a{color:#dfc58e}.gallery-match{margin:0 0 24px}.match-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 20px;margin:10px 5px 0;color:#a7b8bd;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.match-caption span:first-child{color:#cdd5d7}.match-caption span:last-child{color:#a6c9c1}
@media(max-width:760px){.home .team-nickname,.away .team-nickname{font-size:calc(26px * var(--name-scale,1))}.team-city{font-size:calc(12px * var(--city-scale,1))}.home .official-logo,.away .official-logo{transform:scale(var(--logo-scale,1))}.logo-fallback{top:20px;left:25%;width:50%;height:70px;font-size:22px}.away .logo-fallback{left:25%;right:auto}.match-gallery .match-card{height:424px}.match-gallery .team-side{height:256px}.match-gallery .pick-label{height:34px;bottom:3px;white-space:normal;line-height:1.15;padding:0 8px}.match-gallery .full-name{max-width:calc(100% - 24px);overflow-wrap:normal}.match-gallery .radio-mark{flex:0 0 16px}.match-gallery .picked-mark{font-size:13px}.match-caption{font-size:12px;display:grid;gap:4px}.gallery-intro{margin-bottom:25px}}

@media(min-width:761px){.away .official-logo{right:var(--away-logo-right,0%);top:var(--away-logo-top,-4%);width:var(--away-logo-width,40%);height:var(--away-logo-height,105%);transform:rotate(var(--away-logo-rotation,-3deg)) scale(var(--logo-scale,1))}}

@media(max-width:760px){.match-card{background:linear-gradient(90deg,var(--home-shade,#0a2547),#031318 50%,var(--away-shade,#06403c))}}

/* Alpha-contour and luminance-height treatment: never a rectangular logo frame. */
.relief-logo{overflow:visible;filter:drop-shadow(2px 4px 3px #000b)}
.home .relief-logo{transform:scale(var(--logo-scale,1))}
@media(min-width:761px){.away .relief-logo{right:var(--away-logo-right,0%);top:var(--away-logo-top,-4%);width:var(--away-logo-width,40%);height:var(--away-logo-height,105%);transform:rotate(var(--away-logo-rotation,-3deg)) scale(var(--logo-scale,1))}}
@media(max-width:760px){.home .relief-logo,.away .relief-logo{top:8px;left:20%;right:auto;width:60%;height:98px;transform:scale(var(--logo-scale,1))}}
.logo-compare section{margin-bottom:34px}.logo-compare h2{font-size:18px;color:#ddcbaa;margin:18px 0 10px}.logo-compare .comparison-note{color:#aebbc0;line-height:1.5;font-size:14px}.comparison-controls{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 30px;align-items:end}.comparison-controls label{min-width:180px}.comparison-controls button{border:1px solid #776449;background:#242b2e;color:#f1e2c2;border-radius:6px;padding:11px 16px;font:inherit;min-height:42px}.comparison-controls button:disabled{opacity:.45}.logo-compare .gallery-match{margin-bottom:16px}

/* Premium v1 is opt-in; image identities and optical fit come from the shared catalogue. */
.premium-logo{object-fit:contain;filter:drop-shadow(1px 3px 2px #0006)!important;transform:none!important}
.home .premium-logo{left:1.2%;top:-5%;width:32%;height:105%}.away .premium-logo{right:0;top:-3%;width:42%;height:110%}
.match-card[data-graphics="premium-v1"] .metalwork{filter:none}.match-card[data-graphics="premium-v1"]{box-shadow:0 1px 0 #bec9c31a}
.match-card[data-graphics="premium-v1"] .team-city{color:#c3cbc8;letter-spacing:.20em}
@media(max-width:760px){.home .premium-logo,.away .premium-logo{left:18%;right:auto;top:4px;width:64%;height:106px}.match-card[data-graphics="premium-v1"]{background-image:linear-gradient(90deg,#06172bea,#061416e8),url('./assets/pickmix-premium-v1/assets/textures/gunmetal-v1.png');background-size:cover;background-repeat:no-repeat}}

/* New TB/WAS PNG candidates: separate optical fit, no changes to accepted DAL/PHI. */
.home[data-team-id="was"] .premium-logo{left:1.2%;top:-3%;width:32%;height:105%}
.away[data-team-id="tb"] .premium-logo{right:1%;top:4%;width:32%;height:94%}
@media(max-width:760px){.home[data-team-id="was"] .premium-logo{left:12%;right:auto;top:0;width:76%;height:118px}.away[data-team-id="tb"] .premium-logo{left:11%;right:auto;top:0;width:78%;height:118px}}


/* Team identity supplies colour on both sides. Geometry never flips artwork. */
.team-side .team-record{border-color:var(--team-accent);background:linear-gradient(var(--team-record-top),var(--team-record-bottom))}
@media(max-width:760px){
 .match-card[data-graphics="premium-v1"]{background-image:linear-gradient(90deg,var(--home-shade),var(--away-shade)),url('./assets/pickmix-premium-v1/assets/textures/gunmetal-v1.png')}
 .team-side:is([data-team-id="was"],[data-team-id="tb"]) .pick-label{background:linear-gradient(var(--team-record-top),var(--team-record-bottom));border-top:1px solid var(--team-accent);border-radius:5px}
 .team-side[data-team-id="was"] .premium-logo{left:12%;right:auto;top:0;width:76%;height:118px}
 .team-side[data-team-id="tb"] .premium-logo{left:11%;right:auto;top:0;width:78%;height:118px}
}
@media(min-width:761px){
 .home[data-team-id="phi"] .premium-logo{left:0;right:auto;top:-3%;width:42%;height:110%}
 .away[data-team-id="dal"] .premium-logo{right:1.2%;left:auto;top:-5%;width:32%;height:105%}
 .away[data-team-id="was"] .premium-logo{right:1.2%;left:auto;top:-3%;width:32%;height:105%}
 .home[data-team-id="tb"] .premium-logo{left:1%;right:auto;top:4%;width:32%;height:94%}
 .home[data-team-id="phi"] .team-nickname{left:42%;font-size:calc(4.4cqw * var(--name-scale,1))}
 .home[data-team-id="phi"] .team-city{left:43%}
 .away[data-team-id="dal"] .team-nickname{left:36%;font-size:calc(4.4cqw * var(--name-scale,1))}
 .away .accepted-star{right:3.2%;left:auto;top:0;width:28%;height:94%;transform:none}
}
@media(min-width:761px){.home[data-team-id="phi"] .team-city{font-size:1.05cqw;letter-spacing:.14em}}
.team-side[data-team-id="was"] .team-nickname{-webkit-text-stroke-color:#d5bf8a;filter:drop-shadow(.12cqw .12cqw 0 #634724) drop-shadow(.2cqw .3cqw .1cqw #000)}
.team-side[data-team-id="tb"] .team-nickname{-webkit-text-stroke-color:#d5d5d0;filter:drop-shadow(.12cqw .12cqw 0 #535452) drop-shadow(.2cqw .3cqw .1cqw #000)}
.team-side[data-team-id="was"] .radio-mark,.team-side[data-team-id="tb"] .radio-mark{background:linear-gradient(var(--team-record-top),var(--team-record-bottom))}
.team-side[aria-pressed=true] .radio-mark{background:radial-gradient(circle,#ffe39b 0 35%,#6d4d1c 40% 57%,#171a14 60%)}
@media(max-width:760px){.match-card[data-graphics="premium-v1"]{background-image:linear-gradient(90deg,var(--home-mobile),var(--away-mobile)),url('./assets/pickmix-premium-v1/assets/textures/gunmetal-v1.png')}}
.team-side[data-team-id="dal"] .team-nickname{-webkit-text-stroke-color:#ded7c8;filter:drop-shadow(.13cqw .13cqw 0 #282c2d) drop-shadow(-.08cqw -.06cqw 0 #0b1116) drop-shadow(.2cqw .3cqw .1cqw #000)}
.team-side[data-team-id="phi"] .team-nickname{-webkit-text-stroke-color:#d9cba8;filter:drop-shadow(.12cqw .12cqw 0 #7c5b30) drop-shadow(.2cqw .3cqw .1cqw #000)}
.team-side[data-team-id="dal"] .team-record{border-color:#456079}
.team-side[data-team-id="phi"] .team-record{border-color:#45625d}
/* PickMix TEAMS standard: source fills + common material lighting, never per-side colours. */
.match-card[data-color-standard="teams"] .team-side .team-city{color:var(--team-secondary);-webkit-text-fill-color:var(--team-secondary);text-shadow:0 2px 2px #000;paint-order:stroke fill}
.match-card[data-color-standard="teams"] .team-side[data-city-outline="true"] .team-city{-webkit-text-stroke:.65px #e1e6e6;text-shadow:0 1px 2px #000,0 0 2px #dce2e2}
.match-card[data-color-standard="teams"] .team-side .team-nickname{background-image:linear-gradient(#f1f3f3 2%,#afb7bc 23%,#e7ebed 43%,#919da5 49%,#d4dce0 74%,#a0aeb6 95%);-webkit-text-stroke-color:#cbd4da;filter:drop-shadow(.13cqw .13cqw 0 #303b42) drop-shadow(-.08cqw -.06cqw 0 #0b1116) drop-shadow(.2cqw .3cqw .1cqw #000)}
.match-card[data-color-standard="teams"] .team-side .team-record{border-color:#89959c;background:linear-gradient(var(--team-record-top),var(--team-record-bottom));color:#e1e5e7}
.match-card[data-color-standard="teams"] .team-side .pick-label{color:#edf1f3}
.match-card[data-color-standard="teams"] .team-side .radio-mark{background:linear-gradient(var(--team-record-top),var(--team-record-bottom))}
.match-card[data-color-standard="teams"] .team-side[aria-pressed="true"] .radio-mark{background:radial-gradient(circle,#ffe39b 0 35%,#6d4d1c 40% 57%,#171a14 60%)}
@media(max-width:760px){
 .match-card[data-color-standard="teams"]{height:424px}
 .match-card[data-color-standard="teams"] .team-side{height:256px}
 .match-card[data-color-standard="teams"] .team-side .pick-label{background:linear-gradient(var(--team-record-top),var(--team-record-bottom));border-top:1px solid #9aa5ac;border-radius:5px;height:34px;bottom:3px;white-space:normal;line-height:1.15;padding:0 7px}
 .match-card[data-color-standard="teams"] .full-name{max-width:calc(100% - 24px);overflow-wrap:normal}
 .theme-comparison .match-card{height:424px}.theme-comparison .team-side{height:256px}
 .theme-comparison .pick-label{height:34px;bottom:3px;white-space:normal;line-height:1.15;padding:0 7px}
 .theme-comparison .full-name{max-width:calc(100% - 24px)}
}
.match-card[data-color-standard="teams"] .team-side[data-city-outline="true"] .team-city{-webkit-text-stroke:1px #e1e6e6;text-shadow:0 2px 2px #000,0 0 1px #f1f4f4}
@media(max-width:760px){.match-card[data-color-standard="teams"] .team-side[data-city-outline="true"] .team-city{-webkit-text-stroke:.8px #e1e6e6}}
/* Common background lighting: retain colour up to the tower; panels stay separate. */
@media(max-width:760px){
 .match-card[data-color-standard="teams"][data-background-lighting="balanced"]{background-image:linear-gradient(90deg,var(--home-mobile) 0%,var(--home-mobile) 46%,var(--away-mobile) 54%,var(--away-mobile) 100%),url('./assets/pickmix-premium-v1/assets/textures/gunmetal-v1.png');background-size:cover;background-repeat:no-repeat}
}
/* One central optical catalogue for either side; never flip or crop the PNG. */
@media(min-width:761px){
 .match-card[data-graphics="premium-v1"] .home .premium-logo{left:var(--premium-edge,1%);right:auto;top:var(--premium-top,1%);width:var(--premium-width,30%);height:var(--premium-height,98%)}
 .match-card[data-graphics="premium-v1"] .away .premium-logo{right:var(--premium-edge,1%);left:auto;top:var(--premium-top,1%);width:var(--premium-width,30%);height:var(--premium-height,98%)}
}
@media(max-width:760px){.match-card[data-graphics="premium-v1"] .team-side .premium-logo{left:calc((100% - var(--premium-mobile-width,72%))/2);right:auto;top:var(--premium-mobile-top,2px);width:var(--premium-mobile-width,72%);height:var(--premium-mobile-height,112px)}}
.premium-gallery .team-side[data-premium-status="flat"] .official-logo,.premium-gallery .team-side[data-premium-status="missing-premium"] .official-logo{filter:drop-shadow(1px 3px 2px #0006);transform:none}
.premium-gallery .division{margin:40px 0;border-top:1px solid #42505a;padding-top:18px}.premium-gallery .division>h2{color:#d6c49e;font-size:24px}.premium-gallery .asset-note{font-size:13px;color:#b7c4c8;line-height:1.4}.premium-gallery .asset-note.missing{color:#ffd38a}.premium-gallery .gallery-toolbar{display:flex;flex-wrap:wrap;gap:14px;align-items:end;margin:25px 0}.premium-gallery .gallery-toolbar button{padding:10px 14px;border:1px solid #71808a;border-radius:5px;background:#202a31;color:#e0e6e9}.division-links{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:20px}.premium-gallery a{color:#d9c390}