@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--yellow:#ffd334;--blue:#245aff;--paper:#ece8d9;--ink:#11110f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Space Grotesk',Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:76px;display:flex;align-items:center;gap:26px;padding:0 4%;background:var(--ink);border-bottom:1px solid #ffffff24;position:relative;z-index:10}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:46px;font-weight:900;font-style:italic;letter-spacing:-3px;white-space:nowrap}.brand span{color:var(--yellow);font-size:25px;vertical-align:top;margin-left:5px}.nav-label{font-size:9px;line-height:1.5;letter-spacing:1.2px;border-left:1px solid #555;padding-left:22px}nav{margin-left:auto;display:flex;gap:30px;font-size:10px;font-weight:700;letter-spacing:1px}nav a:hover{color:var(--yellow)}#motion{border:1px solid #555;color:var(--paper);background:none;width:32px;height:32px}.nav-ticket{background:var(--yellow);color:var(--ink);font-size:10px;font-weight:700;padding:14px 18px;clip-path:polygon(6% 0,100% 0,100% 80%,94% 100%,0 100%,0 20%)}.nav-ticket span{margin-left:20px}.hero{height:min(900px,calc(100svh - 76px));min-height:650px;position:relative;isolation:isolate;overflow:hidden;background:#121421}.arena-art{position:absolute;inset:0;background:url('assets/arena.png') center 50%/cover no-repeat;z-index:-4;transform:scale(1.17);animation:arrive 1.2s ease-out}.hero:before{content:'';position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,#090b12 0%,#0c0d18db 18%,#0b0b1600 48%,#090b1299 74%,#090b12 100%)}.hero-grain{position:absolute;inset:0;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h150v150H0z'/%3E%3C/svg%3E")}.hero-top{display:flex;justify-content:space-between;padding:28px 4%;font-size:9px;letter-spacing:2px;color:#b9b7b0}.hero-title{text-align:center;position:relative;z-index:1}.hero-title>p{font-size:10px;letter-spacing:4px;margin:10px 0 7px;color:var(--yellow)}h1,h2,h3{font-family:'Barlow Condensed',Impact,sans-serif;line-height:.88;letter-spacing:-.025em;font-weight:900;margin:0}h1{font-size:clamp(115px,15.5vw,230px);font-style:italic;letter-spacing:-.055em;text-shadow:6px 7px 0 #000;margin-left:-12px}h1 span{color:var(--yellow);margin-left:16px}.match-title{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:15px;font-size:13px;font-weight:700;letter-spacing:5px}.match-title i{font-family:'Barlow Condensed';font-size:26px;color:var(--yellow);letter-spacing:0}.match-title:before,.match-title:after{content:'';width:65px;height:1px;background:#eee8}.side-label{position:absolute;top:60%;font-size:8px;letter-spacing:3px;writing-mode:vertical-rl}.left-label{left:2%;transform:rotate(180deg);color:var(--yellow)}.right-label{right:2%;color:#a8c5ff}.hero-bottom{position:absolute;bottom:32px;left:4%;right:4%;display:flex;align-items:end;justify-content:space-between;gap:20px}.hero-bottom p{font-size:10px;line-height:1.8;letter-spacing:1px;margin:0}.hero-bottom strong{color:var(--yellow)}.hero-note{text-align:right;color:#aeafbb}.enter{display:flex;align-items:center;gap:26px;font-size:10px;letter-spacing:2px}.enter b{display:grid;place-items:center;border:1px solid var(--paper);border-radius:50%;width:46px;height:46px;font-size:22px;animation:bob 2s infinite}.spotlight{position:absolute;top:-100px;width:250px;height:1100px;opacity:.12;filter:blur(20px);background:linear-gradient(#ffc400,transparent);transform-origin:top;z-index:-2;pointer-events:none}.spot-one{left:5%;transform:rotate(-25deg);animation:light 9s ease-in-out infinite alternate}.spot-two{right:5%;background:linear-gradient(#337bff,transparent);transform:rotate(25deg);animation:light 11s ease-in-out infinite alternate-reverse}.ticker{background:var(--yellow);color:var(--ink);overflow:hidden;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);padding:13px 0}.ticker>div{font-family:'Barlow Condensed',Impact,sans-serif;font-size:27px;font-weight:800;letter-spacing:1px;white-space:nowrap;width:max-content;animation:marquee 35s linear infinite}.fight-section{background:var(--paper);color:var(--ink);padding:52px 5% 35px}.section-heading{display:flex;justify-content:space-between;border-bottom:1px solid #1115;padding-bottom:18px;font-size:9px;letter-spacing:1.5px}.kicker{font-size:10px;letter-spacing:2px;font-weight:700}.fight-heading{display:flex;gap:50px;align-items:center;position:relative;padding:35px 0 45px}.fight-heading h2{font-size:clamp(65px,7.8vw,122px)}h2 em{font-style:normal}.fight-heading em{-webkit-text-stroke:1.5px var(--ink);color:transparent}.fight-heading p{font-size:12px;line-height:1.8;margin-top:40px}.fight-heading strong{display:block;margin-top:10px}.stamp{margin-left:auto;text-align:center;border:3px solid #111;border-radius:50%;height:130px;width:130px;display:flex;flex-direction:column;justify-content:center;transform:rotate(15deg);font-size:11px;line-height:1.3;outline:1px dashed #111;outline-offset:-9px;flex-shrink:0}.stamp b{font-family:'Barlow Condensed';font-size:20px}.fighters{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative}.fighter{height:560px;position:relative;overflow:hidden;background:#15150f;color:var(--paper);isolation:isolate}.fighter-art{position:absolute;inset:0;background-image:url('assets/arena.png');background-size:auto 120%;background-repeat:no-repeat;z-index:-3;transition:transform .6s}.cz .fighter-art{background-position:16% 45%}.elon .fighter-art{background-position:91% 45%}.fighter:hover .fighter-art{transform:scale(1.06)}.fighter-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#0007,transparent 40%,#090a09 97%)}.corner{position:absolute;left:24px;top:25px;font-size:9px;letter-spacing:2px}.fighter-name{position:absolute;bottom:112px;left:28px}.fighter-name>span{font-size:9px;letter-spacing:2px;background:#111;padding:6px 8px}.fighter-name h3{font-size:140px;margin-top:15px;color:var(--yellow)}.elon h3{color:#fff}.fighter-info{position:absolute;left:28px;right:28px;bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #fff6;padding-top:15px}.fighter-info p{font-size:11px;line-height:1.6;margin:0}.fighter button{border:0;background:var(--yellow);color:#111;padding:15px 20px;min-width:160px;font-size:12px;font-weight:700;display:flex;justify-content:space-between;gap:25px}.elon button{background:var(--blue);color:white}.selected{outline:5px solid var(--yellow);outline-offset:-5px}.elon.selected{outline-color:var(--blue)}.fighter button[aria-pressed=true]:before{content:'✓'}.versus{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);z-index:2;font-family:'Barlow Condensed';font-size:55px;font-style:italic;background:var(--paper);color:#111;width:90px;height:90px;display:grid;place-items:center;clip-path:polygon(50% 0,62% 20%,86% 8%,80% 35%,100% 50%,80% 65%,90% 90%,62% 80%,50% 100%,35% 80%,10% 90%,20% 65%,0 50%,20% 35%,8% 8%,35% 20%)}.choice{display:flex;justify-content:space-between;gap:15px;padding-top:22px;font-size:9px;letter-spacing:1px}.choice>span:last-child{color:#666;letter-spacing:0}.intermission{position:relative;padding:100px 7%;display:grid;grid-template-columns:1fr 1fr;gap:50px;overflow:hidden;background:radial-gradient(ellipse at 90% 20%,#222b4a 0,transparent 50%),#101114}.round-number{position:absolute;left:-20px;bottom:-90px;font-family:'Barlow Condensed';font-size:500px;color:#ffffff04;font-weight:900;pointer-events:none}.intermission-copy{position:relative}.intermission h2{font-size:clamp(65px,6.6vw,105px);margin:35px 0}.intermission em{color:var(--yellow)}.intermission p{font-size:12px;color:#a6a6a6;line-height:1.8}.bell-wrap{text-align:center;position:relative;display:flex;flex-direction:column;align-items:center}.bell-caption{font-size:9px;letter-spacing:2px;color:#999;margin-top:10px}#bell{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;width:190px;height:190px;border-radius:50%;background:var(--yellow);color:#111;border:2px solid #fff5;box-shadow:0 12px 0 #9c7715,0 18px 40px #0009;margin:25px 0 20px;transform:rotate(-10deg);transition:transform .15s,box-shadow .15s}#bell>span:nth-child(2){font-family:'Barlow Condensed';font-size:39px;line-height:.88;font-weight:900}.bell-icon{font-size:30px;margin-bottom:8px}#bell i{position:absolute;right:25px;top:25px;font-style:normal}#bell:hover{transform:rotate(0) scale(1.03)}#bell:active{transform:translateY(9px) rotate(-5deg);box-shadow:0 3px 0 #9c7715}.scribble{font-family:Georgia,serif;font-size:14px;font-style:italic;transform:rotate(-4deg);color:#d4cbb0}.quote{margin-top:40px;border-top:1px solid #ffffff30;width:100%;padding-top:20px}.quote>span{font-size:8px;letter-spacing:2px;color:#999}blockquote{font-family:'Barlow Condensed';font-weight:600;font-size:30px;line-height:1.1;margin:17px 0}.drop{overflow-x:clip;background:var(--paper);color:var(--ink);padding:115px 7%;display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center;position:relative}.poster-display{position:relative;transform:rotate(-6deg);filter:drop-shadow(7px 18px 9px #0003)}.poster-display img{width:100%;display:block;border:10px solid #f8f6ec;transition:transform .3s}.poster-display:hover img{transform:rotate(3deg)}.tape{position:absolute;z-index:2;width:100px;height:33px;background:#b6a8809c;backdrop-filter:blur(2px);pointer-events:none}.tape-one{top:-14px;left:30%;transform:rotate(-7deg)}.tape-two{bottom:15px;right:-35px;transform:rotate(-50deg)}.poster-edition{display:block;background:#f8f6ec;padding:5px 10px 15px;font-size:8px;letter-spacing:3px}.drop-copy h2{font-size:clamp(65px,6vw,95px);margin:30px 0}.drop-copy em{color:var(--blue)}.drop-copy p{font-size:12px;line-height:1.8}.download{background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:20px 23px;font-size:11px;font-weight:700;margin-top:25px;transition:background .2s}.download:hover{background:var(--blue)}.download span{font-size:22px}#share{border:0;border-bottom:1px solid #1114;background:none;padding:18px 0 8px;font-size:9px;font-weight:700;letter-spacing:1px}.closing{background:var(--yellow);color:var(--ink);text-align:center;padding:35px 5%}.closing>span,.closing>a{font-size:9px;letter-spacing:2px}.closing p{font-family:'Barlow Condensed';font-size:clamp(70px,16vw,230px);font-weight:900;line-height:.9;letter-spacing:-.04em;margin:20px 0}.closing p span{font-size:.6em;vertical-align:middle;margin-left:15px}footer{display:flex;align-items:center;gap:40px;padding:30px 4%;justify-content:space-between}footer p{font-size:9px;color:#999;line-height:1.8}footer>span{font-size:8px;letter-spacing:1px;line-height:1.8;color:#ccc;text-align:right}.confetti{position:fixed;z-index:100;pointer-events:none;animation:burst .9s ease-out forwards;font-size:25px}.paused *{animation-play-state:paused!important}html:has(body.paused){scroll-behavior:auto}.paused .fighter-art{transition:none}button:focus-visible,a:focus-visible{outline:3px solid #ec6c44;outline-offset:5px}@keyframes arrive{from{transform:scale(1.24);opacity:.3}to{transform:scale(1.17);opacity:1}}@keyframes light{to{transform:rotate(30deg)}}@keyframes bob{50%{transform:translateY(5px)}}@keyframes marquee{to{transform:translateX(-12.5%)}}@keyframes burst{to{transform:translate(var(--x),var(--y)) rotate(200deg);opacity:0}}@media(min-width:1600px){.hero{height:900px}}@media(max-width:800px){header{height:64px;gap:15px;padding:0 5%}.brand{font-size:37px}.nav-label{font-size:7px;padding-left:12px}nav{display:none}#motion{margin-left:auto}.nav-ticket{font-size:8px;padding:12px}.nav-ticket span{margin-left:8px}.hero{min-height:620px;height:calc(90svh - 64px)}.hero-top{font-size:7px;letter-spacing:1px;padding:25px 5%}.hero-top span:last-child{display:none}.hero-title>p{font-size:8px;letter-spacing:2px;margin-top:20px}h1{font-size:22vw;margin-top:15px}h1 span{margin-left:7px}.match-title{font-size:11px}.arena-art{background-size:auto 95%;background-position:center 55%;transform:scale(1.17)}.hero:before{background:linear-gradient(#090b12 0%,#090b12e8 23%,transparent 45%,#090b1255 70%,#090b12 100%)}.hero-bottom{bottom:25px;align-items:center}.hero-bottom p{font-size:8px}.hero-note{display:none}.enter{font-size:8px;letter-spacing:1px;gap:12px}.enter b{width:35px;height:35px}.ticker>div{font-size:23px}.section-heading{font-size:8px}.section-heading>span:last-child{display:none}.fight-section{padding:35px 5% 25px}.fight-heading{gap:20px;padding:30px 0}.fight-heading h2{font-size:66px}.fight-heading p{font-size:10px;margin-top:20px}.stamp{display:none}.fighters{gap:12px}.fighter{height:450px}.corner{font-size:7px;left:14px;top:18px;letter-spacing:1px}.fighter-art{background-size:auto 105%}.cz .fighter-art{background-position:18% center}.elon .fighter-art{background-position:85% center}.fighter-name{left:15px;bottom:130px}.fighter-name>span{font-size:6px;letter-spacing:1px}.fighter-name h3{font-size:82px}.fighter-info{left:15px;right:15px;bottom:18px;display:block}.fighter-info p{font-size:9px;margin-bottom:12px}.fighter button{min-width:0;width:100%;padding:13px 10px;font-size:10px;gap:5px}.versus{width:58px;height:58px;font-size:35px;top:38%}.choice{font-size:8px;line-height:1.5}.choice>span:last-child{max-width:110px;text-align:right}.intermission{padding:60px 7%;grid-template-columns:1fr;gap:20px}.intermission h2{font-size:80px;margin:25px 0}.intermission-copy p{font-size:11px}.bell-wrap{margin-top:10px}.drop{grid-template-columns:1fr;padding:80px 9% 55px;gap:60px}.drop-copy h2{font-size:80px}.drop-copy{width:100%}.poster-display{max-width:550px}.closing{padding:25px 5%}.closing p{font-size:18vw}footer{flex-wrap:wrap;gap:20px}footer p{order:3;width:100%;font-size:8px}footer>span{margin-left:auto}}@media(max-width:380px){.nav-label{display:none}.fight-heading{gap:12px}.fight-heading h2{font-size:56px}.fighter-name h3{font-size:68px}.fighter{height:410px}}@media(max-width:345px){.intermission h2{font-size:68px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body:not(.motion-on) *{animation:none!important;transition:none!important}}
.fighter-art{background-size:auto 155%}.cz .fighter-art{background-position:17% 48%}.elon .fighter-art{background-position:87% 48%}@media(max-width:800px){.fighter-art{background-size:auto 145%}.cz .fighter-art{background-position:18% 48%}.elon .fighter-art{background-position:85% 48%}}