.tsteps{align-items:center;margin:36px 0 40px;padding-bottom:4px;display:flex;overflow-x:auto}.tstep{flex-shrink:0;align-items:center;gap:10px;display:flex}.tsn{width:32px;height:32px;color:var(--lt);border:2px solid #ffffff26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Bebas Neue,sans-serif;font-size:15px;transition:all .3s;display:flex}.tsn.act{border-color:var(--red);background:var(--red);color:#fff}.tsn.done{border-color:var(--gold);background:var(--gold);color:var(--black)}.tsl{letter-spacing:1px;text-transform:uppercase;color:var(--lt);white-space:nowrap;font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:600}.tsl.act{color:var(--white)}.tconn{background:#ffffff1a;flex:1;min-width:20px;height:1px;margin:0 12px}.tpanel{display:none}.tpanel.active{display:block}.match-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.mcard{background:var(--d2);cursor:pointer;user-select:none;border:2px solid #ffffff12;border-radius:8px;padding:22px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative}.mcard:hover{border-color:var(--red);transform:translateY(-3px)}.mcard.sel{border-color:var(--red);background:#d4202b1a;animation:.3s cardPop;box-shadow:0 0 0 3px #d4202b2e,0 10px 24px -8px #d4202b59}.mcard.sel:after{content:"✓";background:var(--red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;animation:.25s badgeIn;display:flex;position:absolute;top:-10px;left:-10px;box-shadow:0 2px 8px #00000059}.home-badge{background:var(--gold);color:var(--black);letter-spacing:1.5px;text-transform:uppercase;border-radius:2px;padding:3px 9px;font-family:Barlow Condensed,sans-serif;font-size:9px;font-weight:700;position:absolute;top:12px;right:12px}@keyframes cardPop{0%{transform:scale(.97)}60%{transform:scale(1.015)}to{transform:scale(1)}}@keyframes badgeIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.mcomp{letter-spacing:2px;text-transform:uppercase;color:var(--lt);margin-bottom:10px;font-family:Barlow Condensed,sans-serif;font-size:10px}.mteams-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.mteam-logo{object-fit:contain;flex-shrink:0;width:32px;height:32px}.mteam-fallback{background:var(--d3);color:var(--lt);border-radius:50%;justify-content:center;align-items:center;font-family:Bebas Neue,sans-serif;font-size:14px;display:flex}.mteams{color:var(--white);letter-spacing:1px;flex:1;min-width:0;font-family:Bebas Neue,sans-serif;font-size:20px}.mteams span{color:var(--red)}.mdate{color:var(--lt);margin-bottom:3px;font-size:12px}.mvenue{color:var(--lt);font-size:11px}.seat-cards{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px;display:grid}.scard{background:var(--d2);text-align:center;cursor:pointer;user-select:none;border:2px solid #ffffff12;border-radius:8px;padding:26px 18px;transition:border-color .2s,transform .2s,box-shadow .2s;position:relative}.scard:hover{border-color:var(--gold);transform:translateY(-2px)}.scard.sel{border-color:var(--gold);background:#f5b8001a;animation:.3s cardPop;box-shadow:0 0 0 3px #f5b80033,0 10px 24px -8px #f5b80066}.scard.sel:after{content:"✓";background:var(--gold);width:26px;height:26px;color:var(--black);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;animation:.25s badgeIn;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 2px 8px #00000059}.scard.pop{border-color:#f5b80059}.spop-tag{background:var(--gold);color:var(--black);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:3px 12px;font-family:Barlow Condensed,sans-serif;font-size:10px;font-weight:700;position:absolute;top:-11px;left:50%;transform:translate(-50%)}.stic-img{object-fit:contain;width:64px;height:64px;margin-bottom:8px}.stier{letter-spacing:2px;margin-bottom:5px;font-family:Bebas Neue,sans-serif;font-size:24px}.stier.vip{color:var(--gold)}.stier.prem{color:silver}.stier.reg{color:var(--lt)}.sprice{color:var(--white);letter-spacing:1px;font-family:Bebas Neue,sans-serif;font-size:32px}.sprice span{color:var(--white);font-size:32px}.sperk{color:var(--lt);margin-top:5px;font-size:12px}.qty-ctrl{align-items:center;gap:14px;margin-bottom:24px;display:flex}.qty-lbl{letter-spacing:2px;text-transform:uppercase;color:var(--lt);font-family:Barlow Condensed,sans-serif;font-size:12px;font-weight:600}.qty-btn{background:var(--d3);width:36px;height:36px;color:var(--white);cursor:pointer;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.qty-btn:hover{background:var(--red);border-color:var(--red);color:#fff}.qty-num{color:var(--white);text-align:center;min-width:28px;font-family:Bebas Neue,sans-serif;font-size:30px}.tsum-bar{background:var(--d3);border:1px solid #f5b80033;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:24px;padding:16px 22px;display:flex}.tsum-val{color:var(--gold);font-family:Barlow Condensed,sans-serif;font-size:15px;font-weight:700}.tsum-key{color:var(--lt);letter-spacing:1px;text-transform:uppercase;margin-top:2px;font-size:10px}.tnav{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.btn-back{border:1.5px solid var(--red);color:var(--red);letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:3px;padding:12px 26px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;transition:all .2s}.btn-back:hover{background:var(--red);color:#fff}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grp{margin-bottom:18px}.form-lbl{letter-spacing:2px;text-transform:uppercase;color:var(--lt);margin-bottom:7px;font-family:Barlow Condensed,sans-serif;font-size:11px;font-weight:600;display:block}.form-inp{background:var(--d3);width:100%;color:var(--white);border:1px solid #ffffff1a;border-radius:4px;outline:none;padding:13px 15px;font-family:Barlow,sans-serif;font-size:15px;transition:border-color .2s}.form-inp:focus{border-color:var(--red)}@media (width<=600px){.seat-cards,.form-row{grid-template-columns:1fr}}body.light-mode .tsn,body.light-mode .tconn,body.light-mode .mcard,body.light-mode .scard,body.light-mode .qty-btn,body.light-mode .form-inp{border-color:#0000001f}body.light-mode .tconn{background:#0000001f}
