:root{--competition-ink:oklch(10.5% .012 248);--competition-panel:oklch(17% .018 248);--competition-paper:oklch(96% .01 95);--competition-green:oklch(72% .18 152);--competition-orange:oklch(70% .19 48);--competition-blue:oklch(70% .15 230)}.nova-competition-studio{gap:1.25rem;display:grid}.nova-competition-heading p,.nova-competition-heading h2,.nova-competition-heading span{margin:0}.nova-competition-heading p{color:var(--competition-green);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem;font-weight:800}.nova-competition-heading h2{text-transform:uppercase;margin-top:.3rem;font:400 2.3rem/1 Anton,sans-serif}.nova-competition-heading span{color:oklch(82% .01 160);margin-top:.55rem;display:block}.nova-competition-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.nova-competition-actions>span{color:oklch(92% .1 92);letter-spacing:.12em;margin-left:auto;font-size:.78rem;font-weight:800}.nova-competition-actions em{color:var(--competition-green);font-style:normal;font-weight:700}.nova-match-preview,.nova-map-preview{background:repeating-conic-gradient(oklch(22% .01 250) 0 25%,oklch(26% .01 250) 0 50%) 50%/24px 24px;border:1px solid oklch(66% .17 152/.3);border-radius:.5rem;place-items:center;min-height:250px;display:grid;overflow:hidden}.nova-match-overlay{isolation:isolate;grid-template-columns:1fr 260px 1fr;align-items:start;width:1920px;height:180px;font-family:Rajdhani,Outfit,sans-serif;display:grid;position:relative;overflow:hidden}.nova-match-team{--team-color:var(--competition-orange);height:116px;color:var(--competition-paper);background:linear-gradient(115deg,var(--competition-ink) 0 73%,color-mix(in oklch,var(--team-color) 34%,var(--competition-ink)) 100%);border-top:6px solid var(--team-color);box-shadow:0 12px 0 oklch(0% 0 0/.5),0 0 20px color-mix(in oklch,var(--team-color) 40%,transparent);align-items:center;gap:25px;padding:0 92px;display:flex;position:relative}.nova-match-team.is-izquierda{clip-path:polygon(0 0,100% 0,94% 100%,0 100%);justify-content:flex-end}.nova-match-team.is-derecha{clip-path:polygon(0 0,100% 0,100% 100%,6% 100%);flex-direction:row-reverse;justify-content:flex-end}.nova-match-team strong{text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;max-width:560px;font:900 48px/1 Orbitron,sans-serif;overflow:hidden}.nova-match-team-logo{background:var(--team-color);border:3px solid var(--competition-paper);flex:0 0 78px;place-items:center;width:78px;height:78px;display:grid;overflow:hidden;transform:skew(-8deg)}.nova-match-team-logo img{object-fit:contain;filter:drop-shadow(0 2px 1px oklch(0% 0 0/.35));width:92%;height:92%;transform:skew(8deg)}.nova-match-team-logo span{color:var(--competition-ink);font:900 50px/1 Orbitron,sans-serif;transform:skew(8deg)}.nova-match-team i{background:var(--team-color);width:310px;height:3px;box-shadow:0 0 10px var(--team-color);position:absolute;bottom:11px}.nova-match-center{z-index:3;height:152px;color:var(--competition-paper);background:var(--competition-ink);clip-path:polygon(10% 0,90% 0,100% 72%,72% 100%,28% 100%,0 72%);border-top:6px solid var(--competition-green);align-content:start;place-items:center;display:grid;position:relative}.nova-match-center:after{content:"";clip-path:inherit;border:1px solid oklch(72% .18 152/.42);position:absolute;inset:9px 19px 22px}.nova-match-center span{z-index:2;color:var(--competition-green);letter-spacing:.16em;text-transform:uppercase;margin-top:12px;font-size:14px;font-weight:800}.nova-match-center img{z-index:2;object-fit:contain;width:82px;height:72px;margin-top:-3px}.nova-match-center b{z-index:4;color:var(--competition-ink);background:var(--competition-paper);padding:1px 10px;font:900 20px/1 Orbitron,sans-serif;position:absolute;bottom:18px}.nova-competition-editors{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.nova-competition-team-editor{background:oklch(18% .01 250/.8);border:1px solid oklch(66% .17 152/.3);border-radius:.5rem;grid-template-columns:1fr 1fr;gap:.75rem;padding:1rem;display:grid}.nova-competition-team-editor legend{color:var(--competition-green);text-transform:uppercase;padding:0 .4rem;font-weight:800}.nova-competition-team-editor select{min-height:2.25rem;color:var(--color-foreground);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 .7rem}.nova-competition-color{color:var(--color-muted-foreground);justify-content:space-between;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.nova-competition-color input{border:1px solid var(--color-border);background:0 0;width:52px;height:34px;padding:2px}.nova-map-overlay{place-items:center;width:1920px;height:1080px;display:grid}.nova-map-draw{isolation:isolate;width:1260px;height:410px;color:var(--competition-paper);clip-path:polygon(4% 0,96% 0,100% 15%,100% 85%,96% 100%,4% 100%,0 85%,0 15%);background:linear-gradient(140deg,oklch(9.5% .02 250/.98),oklch(18% .025 245/.98));grid-template-rows:72px 1fr 58px;font-family:Rajdhani,Outfit,sans-serif;display:grid;position:relative;overflow:hidden;box-shadow:0 0 60px oklch(72% .18 152/.35)}.nova-map-draw:before{content:"";background:repeating-linear-gradient(90deg,transparent 0 69px,oklch(100% 0 0/.045) 70px 71px),linear-gradient(90deg,var(--competition-orange),transparent 18%,transparent 82%,var(--competition-blue));opacity:.65;z-index:-1;position:absolute;inset:0}.nova-map-draw.is-preview{zoom:.58}.nova-map-eyebrow,.nova-map-footer{text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 76px;display:flex}.nova-map-eyebrow{border-bottom:2px solid var(--competition-green);letter-spacing:.16em;font-weight:800}.nova-map-eyebrow b{color:var(--competition-green)}.nova-map-reel{align-content:center;place-items:center;gap:14px;display:grid;position:relative;overflow:hidden}.nova-map-reel:before,.nova-map-reel:after{content:"";background:var(--competition-green);height:3px;box-shadow:0 0 16px var(--competition-green);position:absolute;left:0;right:0}.nova-map-reel:before{top:13px}.nova-map-reel:after{bottom:13px}.nova-map-reel span{color:var(--competition-green);letter-spacing:.22em;text-transform:uppercase;font-size:24px;font-weight:800}.nova-map-reel strong{text-align:center;text-transform:uppercase;max-width:1100px;font:900 76px/1 Orbitron,sans-serif}.nova-map-reel i{background:linear-gradient(#0000 0 45%,oklch(72% .18 152/.16) 46% 54%,#0000 55%);position:absolute;inset:0;transform:translateY(-100%)}.nova-map-draw.is-spinning .nova-map-reel strong{animation:.17s steps(2,end) infinite nova-map-flicker}.nova-map-draw.is-spinning .nova-map-reel i{animation:.55s linear infinite nova-map-scan}.nova-map-footer{letter-spacing:.12em;background:oklch(8% .01 245/.7);font-size:16px}.nova-map-footer b{color:var(--competition-green)}@keyframes nova-map-flicker{50%{opacity:.45;filter:blur(2px);transform:translateY(8px)skew(-4deg)}}@keyframes nova-map-scan{to{transform:translateY(100%)}}@media (width<=900px){.nova-match-overlay.is-preview{zoom:.32}.nova-map-draw.is-preview{zoom:.3}.nova-competition-editors,.nova-competition-team-editor{grid-template-columns:1fr}.nova-competition-actions>span{width:100%;margin-left:0}.nova-match-preview,.nova-map-preview{min-height:170px}}@media (prefers-reduced-motion:reduce){.nova-map-draw.is-spinning .nova-map-reel strong,.nova-map-draw.is-spinning .nova-map-reel i{animation:none}.nova-match-overlay:not(.is-preview) .nova-match-team{animation:10s step-end infinite nova-match-team-cycle}}.nova-match-overlay{pointer-events:none;width:1920px;height:1080px;font-family:Barlow,sans-serif;display:block;overflow:hidden}.nova-match-overlay:not(.is-preview) .nova-match-team{animation:10s ease-in-out infinite nova-match-team-cycle}.nova-match-overlay.is-preview{zoom:.5}.nova-match-team{border:0;border-block:2px solid var(--competition-paper);width:430px;height:74px;box-shadow:0 8px 28px #0009,inset 0 -4px 0 var(--team-color);background:linear-gradient(110deg,color-mix(in srgb,var(--team-color) 76%,#080d12),#080d12 70%);gap:12px;padding:4px 26px 4px 8px;position:absolute;top:24px}.nova-match-team.is-izquierda{clip-path:polygon(0 0,100% 0,calc(100% - 28px) 100%,0 100%);justify-content:flex-start;left:0}.nova-match-team.is-derecha{clip-path:polygon(28px 0,100% 0,100% 100%,0 100%);justify-content:flex-start;padding:4px 8px 4px 26px;right:0}.nova-match-team-logo{border:1px solid var(--competition-paper);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);background:#080d12;flex-basis:68px;width:68px;height:68px;transform:none}.nova-match-team-logo img{width:94%;height:94%;filter:drop-shadow(0 0 6px var(--team-color));transform:none}.nova-match-team-copy{min-width:0;display:grid}.nova-match-team.is-derecha .nova-match-team-copy{text-align:right}.nova-match-team-copy strong{color:#f4f7f8;letter-spacing:.04em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;max-width:310px;font:400 44px/.88 Bebas Neue,sans-serif;overflow:hidden}.nova-match-team-copy span{color:#f4f7f8aa;letter-spacing:.28em;text-transform:uppercase;font:700 10px/1 Barlow,sans-serif}.nova-match-center{border:0;border-block:2px solid var(--competition-green);clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 50%,calc(100% - 16px) 100%,16px 100%,0 50%);align-content:center;width:150px;height:74px;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0009}.nova-match-center:after{display:none}.nova-match-center span{margin:0;font:800 8px/1 Barlow,sans-serif;position:absolute;top:8px}.nova-match-center img{object-fit:contain;filter:drop-shadow(0 2px 5px #0009);width:64px;height:64px;margin:0;position:absolute}.nova-match-center b{padding:1px 9px;font:400 34px/1 Bebas Neue,sans-serif;position:relative;bottom:auto}@keyframes nova-match-team-cycle{0%,45%{opacity:1;transform:translateY(0)}50%,95%{opacity:0;transform:translateY(-110%)}to{opacity:1;transform:translateY(0)}}.nova-map-overlay{opacity:0;transition:opacity .24s}.nova-map-overlay.is-visible{opacity:1}.nova-map-draw{background:#080d12;font-family:Barlow,sans-serif}.nova-map-draw.is-visible{animation:.28s nova-map-enter}@keyframes nova-map-enter{0%{opacity:.4;transform:scale(.97)}}.nova-map-draw:before{z-index:0}.nova-map-eyebrow,.nova-map-reel,.nova-map-footer{z-index:1;position:relative}.nova-map-reel strong{letter-spacing:.035em;text-shadow:0 5px 20px #000;font:400 88px/.88 Bebas Neue,sans-serif}
