*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#070b16;color:#f8fafc;font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif}body{overflow:hidden}.stage{position:relative;width:100vw;height:100vh;min-height:500px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 76% 19%,#264168 0,transparent 36%),linear-gradient(135deg,#080c19,#111b31 55%,#080b17)}.stage:before{content:'';position:absolute;inset:4%;border:1px solid #ffffff24;clip-path:polygon(0 0,35% 0,35% 2px,65% 2px,65% 0,100% 0,100% 100%,65% 100%,65% calc(100% - 2px),35% calc(100% - 2px),35% 100%,0 100%);pointer-events:none}.noise{position:absolute;inset:0;opacity:.1;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px 5px);pointer-events:none}.orb{position:absolute;width:52vw;height:52vw;right:-15vw;top:-20vw;border-radius:50%;border:9vw solid var(--accent,#7af1e7);opacity:.14;filter:blur(18px)}.corner{position:absolute;width:18vw;height:18vw;border:14px solid var(--accent,#7af1e7);opacity:.85}.top-left{left:-5vw;top:-7vw;transform:rotate(23deg)}.bottom-right{right:-5vw;bottom:-7vw;transform:rotate(23deg)}.topline,.bottomline{position:absolute;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:1em;letter-spacing:.22em;text-transform:uppercase}.topline{top:5%;font:700 clamp(13px,1.3vw,27px)/1.2 Arial,sans-serif}.bottomline{bottom:6%;font:700 clamp(14px,1.7vw,34px)/1.2 Arial,sans-serif}.bottomline span:first-child{color:var(--accent,#7af1e7)}.monogram{font-size:2.4em;letter-spacing:-.13em}.monogram span{color:var(--accent,#7af1e7);padding:0 .12em}.live{color:#ff7c84}.center{position:absolute;left:8%;right:8%;top:50%;transform:translateY(-48%)}.kicker{color:var(--accent,#7af1e7);font:700 clamp(16px,1.6vw,34px)/1.1 Arial,sans-serif;letter-spacing:.26em}.center h1{font-size:clamp(70px,11vw,245px);line-height:.84;letter-spacing:-.035em;margin:.07em 0 .14em;max-width:90%;text-transform:uppercase;text-wrap:balance;text-shadow:.025em .04em 0 #f1637452}.subtitle{font:500 clamp(18px,2.1vw,42px)/1.3 Arial,sans-serif;max-width:70%;text-wrap:balance}.match-detail{display:flex;align-items:center;gap:2vw;max-width:90%;margin-top:2vw}.competitor{flex:1;min-width:0;border:2px solid var(--accent,#7af1e7);background:#07101fd9;padding:1.2vw 1.8vw;font-size:clamp(22px,3vw,65px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.versus{font-size:clamp(24px,4vw,80px);color:var(--accent,#7af1e7)}.editor{position:fixed;z-index:5;right:1rem;top:1rem;width:min(340px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;padding:1rem;border:1px solid #7af1e7;background:#07101fee;border-radius:12px;font:14px/1.4 Arial,sans-serif;box-shadow:0 10px 40px #000a}.editor h2{margin:0}.editor p{color:#c9d5e2}.editor label{display:grid;gap:3px;margin:8px 0}.editor input,.editor select,.editor button{font:inherit;min-height:38px;padding:7px;background:#15243e;color:#fff;border:1px solid #667c99;border-radius:6px}.editor input[type=color]{padding:2px;width:100%}.editor-actions{display:flex;gap:6px;margin:12px 0}.editor button{cursor:pointer}.editor small{color:#c9d5e2}.editor[hidden]{display:none}@media(max-width:700px){.center h1{font-size:15vw}.subtitle{max-width:90%}.topline #event-label{display:none}.bottomline span:last-child{display:none}.corner{border-width:7px}}
