.series-screen{width:100%;height:100%;overflow:auto;overscroll-behavior:contain;padding:clamp(16px,3vw,38px);color:var(--text,#ece8df);background:radial-gradient(ellipse at 50% 0,rgba(130,109,180,.16),transparent 60%),#0c101c;animation:series-enter .24s ease-out}
.series-screen>*{max-width:980px;margin-left:auto;margin-right:auto}.series-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.series-screen h1{text-align:center;font-size:clamp(27px,4vw,46px);margin:22px auto;font-weight:500;letter-spacing:-.03em}.series-screen h2{font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}
.series-score{display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px;white-space:nowrap}.series-screen>.series-score{margin-top:20px}.series-score b{font-size:20px;font-variant-numeric:tabular-nums}.series-pips{display:flex;gap:5px}.series-pips i{width:9px;height:9px;border:1px solid #877755;transform:rotate(45deg)}.series-pips i.won{background:#d6b77c;border-color:#eed3a0;animation:series-pip .3s ease-out}.topbar .series-score{gap:5px}.topbar .series-score>span:not(.series-pips){display:none}.topbar .series-score b{font-size:13px}
.series-setup{padding:18px;background:#ffffff05;border:1px solid #ffffff14;border-radius:16px}.series-fields{display:flex;gap:12px;margin-bottom:16px}.series-field{flex:1;min-width:0;max-width:280px;overflow:hidden;border:1px solid #ffffff22;background:#111a2a;border-radius:10px;padding:0;color:inherit;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.series-field img{display:block;width:100%;aspect-ratio:1.42;object-fit:cover}.series-field span{display:block;padding:9px;font-size:12px}.series-field.selected{outline:2px solid #d0b074;outline-offset:3px}.series-field:hover:not(:disabled){transform:translateY(-3px)}.series-field:disabled{cursor:default}.series-order,.series-format{display:flex;gap:8px}.series-format{margin:14px 0}.series-order .btn,.series-format .btn{flex:1}.series-order .on,.series-format .on{border-color:#d0b074;background:#d0b07420;color:#e8d2a7}
.series-decks{display:grid;grid-template-columns:1fr 1fr;gap:16px}.series-zone{min-width:0;padding:14px;border:1px solid #ffffff14;border-radius:14px}.series-card-list{max-height:360px;overflow:auto;contain:content}.series-card-row{display:flex;width:100%;gap:10px;align-items:center;text-align:left;border:0;border-radius:7px;padding:6px;background:transparent;color:inherit;cursor:pointer;min-height:48px}.series-card-row img{width:30px;height:40px;object-fit:cover;border-radius:3px}.series-card-row>span:first-of-type{flex:1;min-width:0;font-size:12px}.series-card-row b{font-size:12px;white-space:nowrap}.series-card-row:hover:not(:disabled),.series-card-row.selected{background:#d0b07420}.series-card-row.selected{outline:1px solid #d0b074;outline-offset:-1px}.series-card-row:disabled{opacity:.48;cursor:default}.series-swap-hint{margin:16px auto 10px;font-size:12px;color:#d3bc91;min-height:20px}.series-champion{display:flex;align-items:center;gap:14px;margin:16px auto;font-size:12px}.series-champion select{min-width:0;flex:1}.series-ready{display:flex;position:sticky;bottom:0;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 0;margin-top:12px;background:#0c101cf5}.series-ready .btn{min-width:170px}.series-ready-status{display:flex;gap:8px;flex-wrap:wrap}.series-ready p{color:#f0a5a5;font-size:12px;width:100%;margin:0}.series-finish{display:flex;flex-direction:column;align-items:center;gap:16px}.series-finish img{width:min(230px,50vw);border-radius:14px;animation:series-enter .4s ease-out}
@keyframes series-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes series-pip{from{opacity:.4;transform:rotate(45deg) scale(.7)}to{opacity:1;transform:rotate(45deg) scale(1)}}
@media(max-width:600px){.series-screen{padding:14px}.series-heading{gap:6px}.series-heading .chip{font-size:9px}.series-fields{gap:8px}.series-field span{font-size:10px;padding:7px}.series-decks{gap:8px}.series-zone{padding:8px}.series-card-row{gap:6px;padding:4px}.series-card-row img{width:23px;height:32px}.series-card-row>span:first-of-type{font-size:10px}.series-card-row b{font-size:10px}.series-ready .btn{width:100%}.series-score{gap:8px}.series-champion{flex-direction:column;align-items:stretch}.topbar .series-pips{display:none}}
@media(prefers-reduced-motion:reduce){.series-screen,.series-pips i.won,.series-finish img{animation:none}.series-field{transition:none}.series-field:hover:not(:disabled){transform:none}}

/* All match setup and mode controls remain usable with touch and keyboard. */
.series-screen :is(button, a, select), .series-format .btn { min-height: 44px; min-width: 44px; }