.lobby-board{--lobby-gap:clamp(12px,1vw,32px);--lobby-small:clamp(13px,.9vw,34px);--lobby-name:clamp(20px,min(1.45vw,2.6vh),56px);--lobby-ink:#090d11;--lobby-panel:#0f141b;--lobby-card:#141a22;--lobby-line:#27303a;--lobby-lime:#c6f300;--lobby-muted:#aeb6c6;background:var(--lobby-ink);color:#fff;height:100dvh;padding:var(--lobby-gap);display:flex;flex-direction:column;overflow:hidden;font-family:Inter,sans-serif;font-variant-numeric:tabular-nums}.lobby-board button:focus-visible{outline:3px solid var(--lobby-lime);outline-offset:3px}.lobby-board ::-moz-selection{background:var(--lobby-lime);color:#131b2e}.lobby-board ::selection{background:var(--lobby-lime);color:#131b2e}.lobby-board *{scrollbar-width:thin;scrollbar-color:#343c46 transparent}.lobby-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:var(--lobby-gap);flex-shrink:0}.lobby-header h1{font-family:Montserrat,sans-serif;font-size:clamp(26px,1.85vw,70px);font-weight:800;line-height:1.2}.lobby-header h1:first-letter{color:#fff}.lobby-header p{margin-top:6px;font-size:var(--lobby-small);color:var(--lobby-muted)}.lobby-title{display:flex;flex-wrap:wrap;align-items:baseline;-moz-column-gap:.9em;column-gap:.9em;row-gap:2px;min-width:0}.lobby-title h1{line-height:1.1}.lobby-title p{margin-top:0}.lobby-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.lobby-controls .lobby-control{min-height:max(44px,2.4em);border-radius:max(8px,.45em);border:1px solid #414a54;padding:.5em .85em;font:600 clamp(13px,.8vw,28px)/1.2 Inter,sans-serif;text-transform:none;letter-spacing:0;display:inline-flex;align-items:center;gap:8px}.lobby-control svg{width:1.2em;height:1.2em}@media (min-width:1000px) and (min-height:600px){.lobby-controls{gap:8px}.lobby-controls .lobby-control{min-height:max(34px,1.9em);padding:.3em .7em;font-size:clamp(12px,.68vw,24px);gap:6px}}.lobby-fullscreen{position:relative}.lobby-fullscreen p{position:absolute;top:100%;right:0;width:max(240px,16em);padding:.6em;border-radius:8px;background:#15191f;color:#ffd393;font-size:var(--lobby-small);z-index:2}.lobby-header .lobby-offline{color:#ffd393}.lobby-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,26%);gap:var(--lobby-gap);flex:1;min-height:0}.lobby-courts,.lobby-pages,.lobby-sidebar{min-width:0;min-height:0}.lobby-courts,.lobby-pages{display:flex;flex-direction:column}.lobby-pages{flex:1}.lobby-court-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(230px,19vw,480px)),1fr));grid-auto-rows:minmax(0,1fr);gap:var(--lobby-gap);min-height:0;flex:1}.lobby-court-grid:has(>:nth-child(5)){grid-template-columns:repeat(auto-fit,minmax(min(100%,clamp(230px,19vw,480px)),1fr))}.lobby-court{--court-color:#2f7cf6;container:court-card/size;min-height:0;min-width:0;display:flex;flex-direction:column;gap:clamp(8px,.8vh,18px);border:1px solid var(--lobby-line);border-radius:18px;background:var(--lobby-card);padding:clamp(12px,1vw,28px);overflow:hidden;box-shadow:0 18px 40px -28px rgba(0,0,0,.9)}.lobby-court[data-state=available]{border-color:color-mix(in srgb,var(--lobby-lime) 55%,var(--lobby-line))}.lobby-court[data-state=maintenance],.lobby-court[data-state=reserved]{opacity:.78}.lobby-court-header{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:clamp(8px,.6vw,16px);min-width:0}.lobby-court-chip{font-family:Montserrat,sans-serif;font-size:clamp(18px,1.25vw,46px);font-weight:800;line-height:1;letter-spacing:-.01em;color:#fff;background:var(--court-color);padding:.45em .75em;border-radius:.55em;white-space:nowrap}.lobby-court-status{display:flex;align-items:center;gap:.5em;min-width:0;color:var(--lobby-muted);font-size:var(--lobby-small);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-court-status i{flex:none;width:.7em;height:.7em;margin-left:.3em;border-radius:50%;background:#5d6875}.lobby-court[data-state=available] .lobby-court-status i{background:var(--lobby-lime);box-shadow:0 0 0 .25em color-mix(in srgb,var(--lobby-lime) 25%,transparent)}@media (prefers-reduced-motion:no-preference){.lobby-court[data-state=available] .lobby-court-status i{animation:lobby-available-pulse 2s cubic-bezier(.22,1,.36,1) infinite}}@keyframes lobby-available-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--lobby-lime) 60%,transparent)}70%,to{box-shadow:0 0 0 .3em color-mix(in srgb,var(--lobby-lime) 0%,transparent)}}.lobby-court[data-state=playing] .lobby-court-status i,.lobby-court[data-state=prepare] .lobby-court-status i{background:#ff8c42}.lobby-court[data-state=reserved] .lobby-court-status i{background:#ffd393}.lobby-court-status .lobby-timer{color:#fff;font-weight:800}.lobby-upnext{flex:0 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(8px,1vh,18px);padding:clamp(10px,1.2vh,22px) clamp(10px,.8vw,20px);border-radius:14px;background:var(--lobby-panel);border:1px solid var(--lobby-line);text-align:center}.lobby-upnext-pill{display:inline-flex;align-items:center;gap:.45em;font-family:Montserrat,sans-serif;font-size:var(--lobby-small);font-weight:800;color:#0b0f14;background:#d5f76b;padding:.4em .9em;border-radius:999px}.lobby-upnext-pill svg{width:1.15em;height:1.15em}.lobby-upnext-when{font-size:var(--lobby-small);font-weight:700;color:#d5f76b}.lobby-names{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;max-width:100%;font-size:var(--names-size,var(--lobby-name));line-height:1.06}.lobby-names p{max-width:100%;font-weight:800;letter-spacing:-.015em;color:#f4f7f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-names>.lobby-vs{font-size:max(12px,.34em);margin:.3em 0}.lobby-team{display:flex;flex-direction:column;align-items:inherit;min-width:0;max-width:100%}.lobby-upnext{--names-size:clamp(22px,min(14cqi,8cqh,calc(86cqi / (var(--up-len, 8) * .66))),130px);min-height:calc(5.4 * var(--names-size) + 3.4 * var(--lobby-small) + 2 * clamp(8px, 1vh, 18px) + 2 * clamp(10px, 1.2vh, 22px) + 2px)}@container court-card (max-height: 320px){.lobby-upnext .lobby-team{flex-direction:row;justify-content:center;gap:.3em}.lobby-upnext .lobby-team p+p:before{content:"·";margin-right:.3em;color:#8089a0}.lobby-upnext{--names-size:clamp(14px,min(6.5cqi,9cqh,calc(84cqi / (var(--up-len, 8) * 2.15 * .66))),48px);min-height:calc(2.7 * var(--names-size) + 3.4 * var(--lobby-small) + 2 * clamp(8px, 1vh, 18px) + 2 * clamp(10px, 1.2vh, 22px) + 2px)}}.lobby-vs{display:flex;align-items:center;gap:.6em;width:100%;color:#8089a0;font-size:calc(var(--lobby-small) * .9);font-weight:700;text-transform:lowercase;letter-spacing:.04em}.lobby-vs:after,.lobby-vs:before{content:"";flex:1;height:1px;background:var(--lobby-line)}.lobby-called{background:color-mix(in srgb,var(--lobby-lime) 8%,var(--lobby-panel));border-color:color-mix(in srgb,var(--lobby-lime) 45%,var(--lobby-line))}.lobby-called .lobby-upnext-when{font-size:clamp(16px,1.1vw,40px)}@media (prefers-reduced-motion:no-preference){.lobby-called .lobby-upnext-pill{animation:lobby-call 2.4s ease-in-out infinite}}@keyframes lobby-call{50%{box-shadow:0 0 0 10px rgba(213,247,107,0)}0%,to{box-shadow:0 0 0 0 rgba(213,247,107,.45)}}.lobby-vacant{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4em;padding:12px;border-radius:14px;background:var(--lobby-panel);border:1px solid var(--lobby-line);text-align:center}.lobby-vacant strong{font-size:clamp(18px,1.3vw,48px);font-weight:800;color:#f4f7f9}.lobby-court[data-state=maintenance] .lobby-vacant strong,.lobby-court[data-state=reserved] .lobby-vacant strong{color:#ffd393}.lobby-vacant span{color:var(--lobby-muted);font-size:var(--lobby-small)}.lobby-court-next:empty{display:none}.lobby-court-next{flex:1 1 auto;min-height:0;flex-direction:column;gap:6px;overflow:hidden;container:court-lane/size}.lobby-court-next,.lobby-court-next h3{display:flex;font-size:var(--lobby-small)}.lobby-court-next h3{align-items:center;gap:.5em;font-weight:800;color:#fff}.lobby-court-next h3 svg{width:1.15em;height:1.15em;color:var(--lobby-lime);flex:none}.lobby-lane{display:grid;grid-auto-rows:max-content;gap:4px;min-height:0;overflow:hidden}.lobby-lane li{--lane-color:#2f7cf6;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.6em;padding:.45em .6em;border-radius:10px;background:var(--lobby-panel);border:1px solid var(--lobby-line)}.lobby-board .lobby-court-next .lobby-lane{flex-wrap:wrap;align-content:flex-start;flex:1 1 auto}.lobby-board .lobby-court-next .lobby-lane li{flex:none;width:100%}.lobby-board .lobby-court-next .lobby-lane:before{content:"";flex:none;width:100%;height:0;margin-bottom:-6px}.lobby-names-lane{align-items:flex-start;--names-size:clamp(16px,min(6.5cqi,calc(44cqi / (var(--lane-len, 8) * .66))),64px)}.lobby-names-lane>.lobby-vs{width:auto;margin:.15em 0}.lobby-names-lane>.lobby-vs:after,.lobby-names-lane>.lobby-vs:before{display:none}.lobby-lane-n{display:grid;place-items:center;width:1.9em;height:1.9em;border-radius:50%;background:var(--lane-color);color:#fff;font-family:Montserrat,sans-serif;font-size:var(--lobby-small);font-weight:800}.lobby-lane li strong{font-size:calc(var(--lobby-small) * .92);font-weight:700;color:#d5f76b;white-space:nowrap}.lobby-lane-empty,.lobby-lane-more,.lobby-reserved-at{font-size:var(--lobby-small);color:var(--lobby-muted)}.lobby-reserved-at{color:#ffd393;font-weight:600}.lobby-sidebar{display:flex;flex-direction:column;gap:var(--lobby-gap)}.lobby-live,.lobby-reservations{border:1px solid var(--lobby-line);border-radius:18px;background:var(--lobby-card);min-height:0;display:flex;flex-direction:column;overflow:hidden}.lobby-live{flex:1}.lobby-live .lobby-pagination{padding:0 clamp(10px,.8vw,22px) clamp(10px,.8vw,22px)}.lobby-live-header{display:flex;align-items:center;gap:.7em;padding:clamp(12px,1vw,28px);border-bottom:1px solid var(--lobby-line)}.lobby-live-mark{flex:none;display:grid;place-items:center;width:clamp(34px,2.2vw,68px);aspect-ratio:1;border-radius:50%;background:var(--lobby-lime);color:#0b0f14}.lobby-live-mark svg{width:50%;height:50%;fill:currentColor;margin-left:6%}.lobby-live-header h2{font-family:Montserrat,sans-serif;font-size:clamp(20px,1.5vw,56px);font-weight:800;line-height:1.1}.lobby-live-header p{margin-top:4px;color:var(--lobby-muted);font-size:var(--lobby-small)}.lobby-live-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:clamp(8px,.8vh,16px);padding:clamp(10px,.8vw,22px);overflow:hidden}.lobby-live-row{--court-color:#2f7cf6;flex:0 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,.6vh,14px);padding:clamp(10px,.9vh,20px) clamp(12px,.9vw,24px);border-radius:14px;background:var(--lobby-panel);border:1px solid var(--lobby-line)}.lobby-live-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(8px,.7vw,18px)}.lobby-live-chip{display:grid;place-items:center;min-width:2.4em;height:2.4em;padding:0 .5em;border-radius:.6em;background:var(--court-color);color:#fff;font-family:Montserrat,sans-serif;font-size:clamp(14px,1vw,34px);font-weight:800}.lobby-live-head h3{min-width:0;color:var(--court-color);font-size:clamp(15px,1.05vw,36px);font-weight:800;filter:brightness(1.35);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-live-teams{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-top:clamp(6px,.6vh,12px);border-top:1px solid var(--lobby-line)}.lobby-live-teams .lobby-names{--names-size:clamp(18px,1.4vw,40px)}.lobby-player{display:inline-flex;align-items:center;gap:.35em;font-size:clamp(16px,1.25vw,44px);font-weight:800;color:#f4f7f9;min-width:0;flex:0 1 auto}.lobby-player>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-avatar{width:1.35em;height:1.35em;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:2px solid var(--court-color);flex:none}.lobby-avatar-fallback{display:flex;align-items:center;justify-content:center;background:#20262f;color:#c6cfd8}.lobby-avatar-fallback svg{width:60%;height:60%}.lobby-live-time{display:flex;align-items:baseline;gap:.35em;white-space:nowrap}.lobby-live-time strong{font-family:Montserrat,sans-serif;font-size:clamp(20px,1.5vw,56px);font-weight:800;line-height:1;color:#fff}.lobby-live-time>span{color:var(--lobby-muted);font-size:calc(var(--lobby-small) * .9)}.lobby-live-row:nth-child(n+7){display:none}.lobby-live-row{position:relative;overflow:hidden}.lobby-live-drain{position:absolute;left:0;right:0;bottom:0;height:clamp(3px,.3vh,6px);background:var(--court-color);transform-origin:left center;transform:scaleX(var(--drain-from,0));animation:lobby-drain linear forwards}@keyframes lobby-drain{0%{transform:scaleX(var(--drain-from,0))}to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.lobby-live-drain{animation:none}}.lobby-board .court-timer[data-urgency]{color:#ff5a5a}.lobby-board .court-timer[data-urgency=critical]{animation:lobby-blink 1s ease-in-out infinite}@keyframes lobby-blink{50%{opacity:.2}}.lobby-board :is(.lobby-timer,.lobby-live-time):has(.court-timer[data-expired]) :is(.lobby-timer-suffix,.lobby-live-time>span){display:none}@media (prefers-reduced-motion:reduce){.lobby-board .court-timer[data-urgency=critical]{animation:none;text-decoration:underline;text-underline-offset:.15em}}@media (min-width:1000px) and (min-height:600px){.lobby-live-list{gap:clamp(8px,1vh,18px)}.lobby-live-row{flex:1 1 0;container-type:size;gap:0;padding:clamp(12px,3.5cqh,28px) clamp(14px,4cqi,32px) clamp(14px,4cqh,30px)}.lobby-live-head{gap:clamp(8px,2.4cqi,22px);padding-bottom:clamp(8px,3cqh,20px);border-bottom:1px solid var(--lobby-line)}.lobby-live-chip{font-size:clamp(14px,min(4.4cqi,9cqh),40px)}.lobby-live-head h3{font-size:clamp(15px,min(4.8cqi,9cqh),44px)}.lobby-live-time strong{font-size:clamp(22px,min(10.5cqi,19cqh),104px);letter-spacing:-.02em}.lobby-live-time>span{font-size:clamp(12px,min(3.2cqi,6cqh),26px)}.lobby-live-teams{flex:1;min-height:0;padding-top:clamp(8px,2.5cqh,18px);border-top:0}.lobby-live-teams .lobby-names{--names-size:clamp(14px,min(12cqi,12cqh,calc(88cqi / (var(--live-len, 8) * .66))),110px)}}.lobby-panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:clamp(10px,.8vw,24px) clamp(12px,1vw,32px);border-bottom:1px solid var(--lobby-line)}.lobby-panel-header h2{font-family:Montserrat,sans-serif;font-size:clamp(16px,1.2vw,44px);font-weight:800}.lobby-panel-header span{color:var(--lobby-muted);font-size:var(--lobby-small)}.lobby-reservations{flex:0 0 auto}.lobby-waiting{flex:0 0 auto;border:1px solid var(--lobby-line);border-radius:18px;background:var(--lobby-card);min-height:0;display:flex;flex-direction:column;overflow:hidden}.lobby-waiting .lobby-panel-header h2{display:flex;align-items:center;gap:.45em}.lobby-waiting .lobby-panel-header h2 svg{width:1em;height:1em;color:var(--lobby-lime)}.lobby-waiting-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.lobby-waiting-list :is(li,article){display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:clamp(8px,.7vh,16px) clamp(12px,1vw,32px);border-top:1px solid var(--lobby-line)}.lobby-waiting-list :is(li,article):first-child{border-top:0}.lobby-waiting-list p{min-width:0;font-size:clamp(16px,1.1vw,40px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lobby-waiting-list span{flex:none;color:var(--lobby-lime);font-size:var(--lobby-small);font-weight:700}.lobby-waiting-list :is(li,article)[data-held] span{color:var(--lobby-muted)}.lobby-waiting .lobby-lane-more{padding:0 clamp(12px,1vw,32px) clamp(8px,.7vh,16px)}.lobby-reservation{padding:12px clamp(12px,1vw,32px)}.lobby-reservation div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.lobby-reservation strong{color:#ffd393;font-size:var(--lobby-small);font-weight:800}.lobby-reservation div span{color:var(--lobby-muted);font-size:var(--lobby-small);text-transform:capitalize}.lobby-reservation p{margin-top:4px;font-size:clamp(16px,1.1vw,40px);font-weight:700}.lobby-pagination,.lobby-reservation>span{color:var(--lobby-muted);font-size:var(--lobby-small)}.lobby-pagination{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:12px;padding-top:8px}.lobby-pagination div{display:flex;gap:6px}.lobby-pagination button{display:inline-flex;align-items:center;justify-content:center;width:max(44px,2.2em);height:max(44px,2.2em);border-radius:10px;border:1px solid #414a54;color:#fff;background:#ffffff0f}.lobby-pagination button:hover{background:#ffffff1f}.lobby-pagination svg{width:1.3em;height:1.3em}.lobby-estimate-note{color:var(--lobby-muted);font-size:clamp(11px,.7vw,24px)}.lobby-upnext-pill>span{opacity:.75}.lobby-court-next h3>span{color:var(--lobby-muted);font-weight:500}.lobby-court-next .lobby-pages{min-height:0}.lobby-board .lobby-court-next .lobby-lane{display:flex;flex-direction:column;flex-wrap:nowrap;gap:6px}.lobby-board .lobby-court-next .lobby-lane:before{display:none}.lobby-lane article{--lane-color:var(--court-color);container-type:size;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(70px,38%);align-items:center;gap:.6em;padding:.45em .6em;border-radius:10px;background:var(--lobby-panel);border:1px solid var(--lobby-line);min-height:0;flex:1}.lobby-lane article strong{color:#d5f76b;font-size:clamp(11px,.8vw,26px);font-weight:700}.lobby-lane article .lobby-names-lane{--names-size:clamp(12px,min(6cqi,16cqh,calc(48cqi / (var(--lane-len, 8) * .66))),52px)}.lobby-court .lobby-upnext{flex:0 0 42%;min-height:0;gap:clamp(4px,.7vh,12px);--names-size:clamp(16px,min(12cqi,5cqh,calc(86cqi / (var(--up-len, 8) * .66))),100px)}.lobby-court-next .lobby-pagination{gap:4px;font-size:clamp(11px,.7vw,20px)}.lobby-court-next .lobby-pagination button{width:44px;height:44px}.lobby-waiting .lobby-pagination{padding:8px 12px}.lobby-waiting .lobby-pages{flex:0 0 auto}.lobby-waiting-list article p{flex:1;font-size:var(--lobby-small)}.lobby-waiting-list article span{font-size:clamp(11px,.75vw,24px)}.lobby-waiting-list article b{color:var(--lobby-muted);margin-right:.35em}.lobby-court-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-empty{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;text-align:center;color:var(--lobby-muted)}.lobby-empty h2,.lobby-empty h3{color:#fff;font-size:clamp(18px,1.3vw,44px);font-weight:800}.lobby-empty p{font-size:var(--lobby-small)}@media (orientation:portrait) and (min-width:1000px) and (min-height:600px){.lobby-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,34%)}.lobby-court-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lobby-live-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));grid-auto-rows:1fr;align-content:stretch}}@media (min-width:1000px) and (max-height:850px){.lobby-board{--lobby-gap:10px}.lobby-live-row:nth-child(n+5){display:none}}@media (max-height:599px),(max-width:999px){.lobby-board{height:auto;min-height:100dvh;overflow:auto}.lobby-layout{grid-template-columns:minmax(0,1fr)}.lobby-court-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));grid-auto-rows:auto}.lobby-court{min-height:240px}.lobby-court,.lobby-court-next{container-type:normal}.lobby-court .lobby-upnext,.lobby-vacant{flex:0 0 auto}.lobby-lane article{container-type:normal;flex:0 0 auto}.lobby-lane article .lobby-names-lane{--names-size:clamp(16px,4vw,24px)}.lobby-live{flex:0 0 auto}.lobby-live-list{overflow:visible}.lobby-live-row:nth-child(n){display:grid}.lobby-court .lobby-upnext{--names-size:clamp(24px,8vw,40px)}.lobby-live-teams .lobby-names,.lobby-names-lane{--names-size:clamp(18px,5.5vw,28px)}}@media (max-width:599px){.lobby-header{flex-direction:column;align-items:flex-start}.lobby-controls{justify-content:flex-start}.lobby-court-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.lobby-called .lobby-upnext-pill{animation:none}}.match-intro{--lime:#c6f300;--slant:polygon(7% 0,100% 0,93% 100%,0 100%);font-family:Inter,sans-serif;position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(20px,3vh,64px);padding:clamp(24px,3.5vw,120px);overflow:hidden;background:radial-gradient(ellipse 70% 55% at 50% 45%,#1b2a12 0,#090d11 70%);color:#fff;animation:match-screen var(--intro-ms,6.5s) both,match-shake .38s .75s both}.match-intro>:is(.match-header,.match-lineup,.match-footer){position:relative;z-index:1}.match-stage{position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 1px),#c6f30010 calc(25% - 1px) 25%),linear-gradient(transparent calc(62% - 1px),#c6f30022 calc(62% - 1px) 62%,transparent 62%)}.match-beam{position:absolute;top:-20%;bottom:-20%;left:0;width:35%;background:linear-gradient(90deg,transparent,#c6f30055 45%,#f4ffc8aa 50%,#c6f30055 55%,transparent);transform:translateX(-120%) skewX(-18deg);animation:match-beam .95s cubic-bezier(.6,0,.3,1) .15s both}.match-flash{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#f4ffd0 0,#c6f300 35%,transparent 70%);opacity:0;animation:match-flash .6s ease-out 1.85s both}.match-header{display:flex;justify-content:space-between;align-items:baseline;gap:24px;padding-bottom:clamp(16px,2vh,44px)}.match-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--lime),#c6f30033 70%,transparent);transform-origin:left;animation:match-draw .6s cubic-bezier(.16,1,.3,1) .6s both}.match-header h2{font-size:clamp(48px,6.5vw,150px);line-height:1;letter-spacing:-.035em;overflow-wrap:anywhere;text-shadow:0 0 40px #c6f30040;animation:match-slam .55s cubic-bezier(.2,1.4,.4,1) .25s both}.match-header h2,.match-header p{font-weight:900;font-style:italic;text-transform:uppercase}.match-header p{flex-shrink:0;font-family:Montserrat,sans-serif;font-size:clamp(24px,3vw,80px);letter-spacing:-.03em;color:#090d11;background:var(--lime);padding:.1em .45em;clip-path:var(--slant);animation:match-stamp .45s cubic-bezier(.2,1.5,.4,1) .9s both}.match-header p span{color:#fff}.match-lineup{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.5vw,80px);align-items:start;width:100%;max-width:3000px;margin:auto}.match-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,1.8vw,56px);min-width:0}.match-singles,.match-teams{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.match-singles{gap:clamp(24px,4vw,150px);max-width:80vw}.match-contestant{--delay:calc(1000ms + var(--order, 0) * 160ms);min-width:0;position:relative;text-align:center;animation:match-fly-a .65s var(--delay) cubic-bezier(.16,1,.3,1) both}.match-contestant[data-side=b]{animation-name:match-fly-b}.match-portrait{position:relative;width:min(100%,43vh);margin-inline:auto;aspect-ratio:1;padding:clamp(4px,.35vw,10px);animation:match-glow 1.4s calc(var(--delay) + 1.4s) ease-in-out infinite alternate}.match-teams .match-portrait{width:min(100%,36vh)}.match-portrait:before{content:"";position:absolute;inset:0;clip-path:var(--slant);background:linear-gradient(160deg,#f4ffc8,var(--lime) 40%,#4d6400)}.match-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,#ffffffb0 50%,transparent 65%);transform:translateX(-110%);animation:match-shine .9s calc(var(--delay) + .6s) ease-in-out both}.match-photo{position:relative;width:100%;height:100%;clip-path:var(--slant);background:linear-gradient(145deg,var(--lime),#6f8f00 55%,#2b3a05);display:grid;place-items:center}.match-photo img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.match-initials{font-size:clamp(64px,9vw,220px);font-weight:900;font-style:italic;color:#090d11;letter-spacing:-.05em}.match-teams .match-initials{font-size:clamp(56px,7vw,180px)}.match-contestant h3{margin-top:clamp(14px,2vh,40px);font-size:clamp(26px,2.6vw,84px);font-weight:900;font-style:italic;text-transform:uppercase;line-height:1.05;letter-spacing:-.02em;overflow-wrap:anywhere;text-shadow:0 4px 24px #000a}.match-contestant[data-long-name] h3{font-size:clamp(22px,2vw,64px)}.match-versus{align-self:center;padding-inline:clamp(4px,1vw,40px);color:var(--lime);font-size:clamp(56px,7vw,180px);font-style:italic;font-weight:900;letter-spacing:-.05em;text-shadow:0 0 30px #c6f300aa,0 0 80px #c6f30066;animation:match-vs .5s cubic-bezier(.2,1.6,.4,1) 1.75s both}.match-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:clamp(14px,1.2vw,36px);color:#b9c2cc;animation:match-rise .5s ease-out 2.2s both}.match-footer p{color:#fff;font-weight:650}.match-footer button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #414a54;border-radius:8px;font-size:clamp(14px,1vw,28px)}.match-footer button:hover{background:#ffffff18}.match-footer button svg{width:1.2em;height:1.2em}.match-duration{position:absolute;bottom:0;left:0;right:0;z-index:2;height:4px;background:var(--lime);box-shadow:0 0 16px var(--lime);transform-origin:left;animation:match-time var(--intro-ms,6.5s) linear both}@keyframes match-screen{0%{opacity:0}7%,92%{opacity:1}to{opacity:0}}@keyframes match-shake{0%,to{transform:none}20%{transform:translate(-10px,6px)}40%{transform:translate(8px,-6px)}60%{transform:translate(-5px,3px)}80%{transform:translate(3px,-2px)}}@keyframes match-beam{to{transform:translateX(400%) skewX(-18deg)}}@keyframes match-flash{0%{opacity:0}25%{opacity:.55}to{opacity:0}}@keyframes match-draw{0%{transform:scaleX(0)}}@keyframes match-slam{0%{opacity:0;transform:scale(2.4);filter:blur(14px)}to{opacity:1;transform:none;filter:none}}@keyframes match-stamp{0%{opacity:0;transform:scale(3) rotate(-10deg)}to{opacity:1;transform:rotate(-3deg)}}@keyframes match-fly-a{0%{opacity:0;transform:translateX(-40vw) skewX(-14deg)}70%{transform:translateX(1.5vw) skewX(4deg)}to{opacity:1;transform:none}}@keyframes match-fly-b{0%{opacity:0;transform:translateX(40vw) skewX(14deg)}70%{transform:translateX(-1.5vw) skewX(-4deg)}to{opacity:1;transform:none}}@keyframes match-shine{to{transform:translateX(110%)}}@keyframes match-glow{0%{filter:drop-shadow(0 0 0 #c6f30000)}to{filter:drop-shadow(0 0 28px #c6f30099)}}@keyframes match-vs{0%{opacity:0;transform:scale(4) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes match-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes match-time{to{transform:scaleX(0)}}@media (max-width:999px){.match-intro{padding:24px;gap:20px;overflow-x:hidden;overflow-y:auto}.match-header h2{font-size:40px}.match-header p{font-size:22px}.match-lineup{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:650px}.match-teams{grid-template-columns:minmax(0,1fr);gap:12px}.match-team{gap:22px}.match-portrait,.match-teams .match-portrait{width:min(100%,24vh)}.match-contestant h3{font-size:22px;margin-top:10px}.match-contestant[data-long-name] h3{font-size:20px}.match-singles{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;max-width:650px}.match-versus{font-size:40px;justify-self:center}.match-initials,.match-teams .match-initials{font-size:clamp(48px,14vw,100px)}.match-footer{flex-wrap:wrap;gap:12px}.match-footer>span{display:none}}@media (max-height:599px){.match-intro{overflow-y:auto}}@media (prefers-reduced-motion:reduce){.match-intro{animation:match-screen var(--intro-ms,6.5s) both}.match-beam,.match-flash{display:none}.match-contestant,.match-duration,.match-footer,.match-header h2,.match-header p,.match-header:after,.match-photo:after,.match-portrait,.match-versus{animation:none}.match-photo:after{display:none}}.match-intro button:focus-visible{outline:3px solid var(--lime);outline-offset:3px}