.app-shell-rail__jukebox,.app-shell-rail__jukebox .app-shell-jukebox{width:100%}.app-shell-rail--collapsed .app-shell-rail__jukebox{display:none}.app-shell-drawer__ambient .app-shell-jukebox{width:100%}.app-shell-jukebox{background:var(--app-shell-float);box-shadow:inset 0 1px 0 #fff6, 0 8px 18px color-mix(in srgb, var(--ink) 6%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.15);border:none;border-radius:1.15rem;flex-direction:column;gap:.65rem;padding:.8rem .75rem .7rem;display:flex}[data-theme=dark] .app-shell-jukebox{background:color-mix(in srgb, var(--surface-2) 72%, transparent);box-shadow:inset 0 1px #ffffff1a,0 10px 22px #00000047}.app-shell-jukebox__head{align-items:center;gap:.65rem;min-width:0;display:flex}.app-shell-jukebox__disc{width:2.35rem;height:2.35rem;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;place-items:center;padding:0;display:grid;position:relative}.app-shell-jukebox__disc:focus-visible{outline:2px solid color-mix(in srgb, var(--interactive) 55%, transparent);outline-offset:2px}.app-shell-jukebox__disc-ring{background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--surface) 92%, transparent) 0 28%, transparent 29% 34%, color-mix(in srgb, var(--ink) 18%, transparent) 35% 38%, transparent 39% 48%, color-mix(in srgb, var(--ink) 14%, transparent) 49% 52%, transparent 53% 62%, color-mix(in srgb, var(--accent-2) 35%, var(--ink)) 63% 100%);box-shadow:inset 0 1px 0 #ffffff59, 0 4px 10px color-mix(in srgb, var(--ink) 12%, transparent);border-radius:999px;position:absolute;inset:0}.app-shell-jukebox__disc-note{z-index:1;color:var(--ink);font-size:.85rem;font-weight:700;line-height:1;position:relative;transform:translateY(.5px)}.app-shell-jukebox.is-playing .app-shell-jukebox__disc-ring{animation:4.5s linear infinite app-shell-jukebox-spin}@media (prefers-reduced-motion:reduce){.app-shell-jukebox.is-playing .app-shell-jukebox__disc-ring{animation:none}}@keyframes app-shell-jukebox-spin{to{transform:rotate(360deg)}}.app-shell-jukebox__meta{flex:1;min-width:0;line-height:1.2}.app-shell-jukebox__title{letter-spacing:-.01em;color:var(--ink);font-size:.8rem;font-weight:700}.app-shell-jukebox__artist{color:var(--muted);margin-top:.15rem;font-size:.65rem;font-weight:550}.app-shell-jukebox__controls{justify-content:space-between;align-items:center;gap:.35rem;padding-inline:.1rem;display:flex}.app-shell-jukebox__transport{align-items:center;gap:.15rem;display:inline-flex}.app-shell-jukebox__btn{color:color-mix(in srgb, var(--ink) 78%, var(--muted));transition:background .14s,color .14s}.app-shell-jukebox__btn:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}.app-shell-jukebox__play{color:var(--ink)}.app-shell-jukebox__progress{background:color-mix(in srgb, var(--frame) 55%, transparent);border-radius:999px;height:.28rem;overflow:hidden}.app-shell-jukebox__progress-fill{border-radius:inherit;background:color-mix(in srgb, var(--accent) 75%, var(--accent-2));height:100%;transition:width .15s linear}.app-shell-jukebox.app-shell-jukebox--drawer{border-radius:.8rem;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.3rem .35rem;padding:.35rem .45rem .3rem;display:grid}.app-shell-jukebox--drawer .app-shell-jukebox__disc{width:1.7rem;height:1.7rem}.app-shell-jukebox--drawer .app-shell-jukebox__disc-note{font-size:.68rem}.app-shell-jukebox--drawer .app-shell-jukebox__meta{flex:unset}.app-shell-jukebox--drawer .app-shell-jukebox__title{font-size:.7rem;line-height:1.15}.app-shell-jukebox--drawer .app-shell-jukebox__artist{margin-top:0;font-size:.58rem;line-height:1.1}.app-shell-jukebox--drawer .app-shell-jukebox__btn{width:1.55rem;height:1.55rem}.app-shell-jukebox--drawer .app-shell-jukebox__progress{grid-column:1/-1;height:.16rem;margin-top:.05rem}.app-shell-jukebox--drawer .app-shell-jukebox__credits{grid-column:1/-1;margin-top:0}
.tournament-hero{background:radial-gradient(120% 80% at 10% -10%, color-mix(in srgb, var(--accent-2) 28%, transparent), transparent 55%), radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 50%), linear-gradient(165deg, color-mix(in srgb, var(--surface-2) 70%, var(--accent) 8%) 0%, var(--surface) 55%, color-mix(in srgb, var(--surface-2) 85%, var(--accent-2) 6%) 100%)}.tournament-hero__glow{pointer-events:none;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent-2) 35%, transparent), transparent 70%);opacity:.55;height:70%;animation:6s ease-in-out infinite alternate tournament-glow;position:absolute;inset:-20% -10% auto}.tournament-hero__rays{pointer-events:none;background:repeating-conic-gradient(from 0deg at 12% 45%, transparent 0deg 8deg, color-mix(in srgb, var(--accent-2) 8%, transparent) 8deg 10deg);opacity:.35;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 12% 45%,#000 0%,#0000 55%);mask-image:radial-gradient(circle at 12% 45%,#000 0%,#0000 55%)}.tournament-hero__crest{pointer-events:none;z-index:0;opacity:.9;flex-shrink:0;justify-content:center;align-self:stretch;align-items:center;width:min(42vw,7.5rem);display:flex;position:relative}@media (min-width:640px){.tournament-hero__crest{width:min(28%,11.5rem)}}@media (min-width:900px){.tournament-hero__crest{width:min(30%,13.5rem)}}.tournament-hero__crest-mark{aspect-ratio:1;width:100%;height:auto;max-height:100%;color:var(--accent-2);filter:drop-shadow(0 0 28px color-mix(in srgb, var(--accent-2) 45%, transparent))}.tournament-hero__crest-img{object-fit:contain;width:100%;height:100%;max-height:13.5rem;filter:drop-shadow(0 0 28px color-mix(in srgb, var(--accent-2) 40%, transparent))}@media (prefers-reduced-motion:no-preference){.tournament-hero__crest{animation:5.5s ease-in-out infinite alternate tournament-hero-crest-float}}@keyframes tournament-hero-crest-float{0%{transform:translateY(-3px)}to{transform:translateY(3px)}}.tournament-kickoff{box-shadow:var(--shadow-card), inset 0 0 0 1px color-mix(in srgb, var(--accent-2) 22%, transparent)}.tournament-kickoff__shimmer{pointer-events:none;background:linear-gradient(110deg, transparent 35%, color-mix(in srgb, var(--accent-2) 16%, transparent) 48%, color-mix(in srgb, var(--accent) 12%, transparent) 52%, transparent 65%);opacity:.55;position:absolute;inset:0;transform:translate(-55%)}.tournament-kickoff__cta{isolation:isolate;position:relative;overflow:hidden}.tournament-kickoff__cta:after{content:"";background:linear-gradient(105deg, transparent 30%, color-mix(in srgb, var(--on-accent) 28%, transparent) 50%, transparent 70%);opacity:0;pointer-events:none;position:absolute;inset:0;transform:translate(-130%)}@media (prefers-reduced-motion:no-preference){.tournament-kickoff__shimmer{animation:5.5s ease-in-out infinite tournament-kickoff-shimmer}.tournament-kickoff__cta{animation:2.8s ease-in-out infinite tournament-kickoff-cta-pulse}.tournament-kickoff__cta:after{animation:3.6s ease-in-out infinite tournament-kickoff-cta-shine}}@keyframes tournament-kickoff-shimmer{0%,55%,to{opacity:.35;transform:translate(-55%)}70%{opacity:.7;transform:translate(55%)}}@keyframes tournament-kickoff-cta-pulse{0%,to{box-shadow:0 1px 2px var(--shadow), 0 0 0 0 color-mix(in srgb, var(--accent-2) 0%, transparent)}50%{box-shadow:0 1px 2px var(--shadow), 0 0 18px 2px color-mix(in srgb, var(--accent-2) 34%, transparent), 0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}}@keyframes tournament-kickoff-cta-shine{0%,62%,to{opacity:0;transform:translate(-130%)}70%{opacity:.85}82%{opacity:0;transform:translate(130%)}}@keyframes tournament-glow{0%{opacity:.4;transform:translateY(0)scale(1)}to{opacity:.7;transform:translateY(8%)scale(1.05)}}@media (prefers-reduced-motion:reduce){.tournament-hero__glow,.tournament-hero__crest,.tournament-kickoff__shimmer,.tournament-kickoff__cta,.tournament-kickoff__cta:after{animation:none}.tournament-hero__crest{transform:none}}