@font-face{font-family:Battle;src:url('assets/display.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Battle;src:url('assets/display-italic.otf') format('opentype');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:Interface;src:url('assets/body.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:Interface;src:url('assets/body-bold.otf') format('opentype');font-weight:700;font-display:swap}
:root{--black:#080909;--cream:#f4f0dc;--orange:#ff5b20;--yellow:#eaff60;--green:#c5fa77;--muted:#a5aa97;--line:#353b2d;--display:Battle,Impact,'Arial Narrow',sans-serif;--body:Interface,Arial,sans-serif;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{background:var(--black);color:var(--cream)}body{margin:0;min-height:100vh;min-height:100svh;font-family:var(--body);display:grid;place-items:center;padding:8px;padding-top:max(8px,env(safe-area-inset-top));padding-bottom:max(8px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 50%,#17201655,transparent 70%)}p,h1,h2{margin:0}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--cream);outline-offset:5px}::selection{background:var(--orange);color:var(--black)}
.event-screen{position:relative;isolation:isolate;width:min(660px,100%);height:calc(100vh - 16px);height:calc(100svh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));max-height:900px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:8px;padding:20px 30px 16px;border:1px solid #728d424a;background:#080a08;box-shadow:0 0 50px #24341618,inset 0 0 80px #1e281d35}
.event-screen:before{content:'';position:absolute;inset:-1px;pointer-events:none;z-index:2;background:linear-gradient(var(--green),var(--green)) left top/22px 3px no-repeat,linear-gradient(var(--green),var(--green)) left top/3px 22px no-repeat,linear-gradient(var(--green),var(--green)) right top/22px 3px no-repeat,linear-gradient(var(--green),var(--green)) right top/3px 22px no-repeat,linear-gradient(var(--orange),var(--orange)) left bottom/22px 3px no-repeat,linear-gradient(var(--orange),var(--orange)) left bottom/3px 22px no-repeat,linear-gradient(var(--orange),var(--orange)) right bottom/22px 3px no-repeat,linear-gradient(var(--orange),var(--orange)) right bottom/3px 22px no-repeat}
.event-screen:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#c5fa7706 3px,#c5fa7706 4px);opacity:.6}
.screen-hud{display:flex;justify-content:space-between;align-items:center;min-height:16px;color:var(--green);font:9px/1.3 var(--mono);letter-spacing:1.1px;flex:none}.location{display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;background:var(--green);box-shadow:0 0 9px #c5fa7733}.fx-toggle{border:0;background:transparent;padding:1px 0;color:var(--muted);font:8px/1.3 var(--mono);display:flex;align-items:center;gap:6px}.equalizer{display:flex;align-items:center;height:10px;gap:2px}.equalizer i{width:2px;height:7px;background:var(--green);animation:eq 1.4s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:10px;animation-delay:-.4s}.equalizer i:nth-child(3){height:5px;animation-delay:-.8s}.equalizer i:nth-child(4){height:8px;animation-delay:-1s}
.event-identity{text-align:center;flex:none}.challenge{font:10px/1.4 var(--mono);letter-spacing:2px;color:var(--orange);display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:16px}.challenge span{font-size:11px;color:var(--yellow)}h1{font:italic 700 min(17svh,170px)/.79 var(--display);letter-spacing:-.035em;transform:rotate(-3deg);width:max-content;max-width:100%;margin:0 auto;text-shadow:4px 5px 0 #080909,6px 7px 0 var(--orange)}.title-beat,.title-battle{display:block}.title-beat{color:var(--cream);font-size:.89em}.title-battle{color:var(--yellow);margin-top:.07em}.event-date{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px;color:var(--cream)}.event-date p{display:flex;align-items:center;gap:10px;font:700 37px/.95 var(--display);letter-spacing:2px;white-space:nowrap}.date-year{font:9px/1 var(--mono);color:var(--orange);letter-spacing:1px;align-self:flex-end;margin-bottom:3px}.date-wing{height:5px;width:35px;background:repeating-linear-gradient(110deg,var(--orange),var(--orange) 5px,transparent 5px,transparent 9px)}
.battle-countdown{text-align:center;flex:none}.battle-countdown h2{font:9px/1.3 var(--mono);font-weight:400;letter-spacing:2px;color:var(--muted);margin-bottom:7px}.countdown-clock{display:flex;justify-content:center;align-items:flex-start;gap:9px}.countdown-unit{min-width:54px}.countdown-unit strong{display:block;font:700 43px/1 var(--display);color:var(--green);text-shadow:0 0 18px #c5fa7722;letter-spacing:1px;font-variant-numeric:tabular-nums}.countdown-unit span{display:block;color:var(--muted);font:8px/1 var(--mono);letter-spacing:1.3px;margin-top:5px}.countdown-colon{font:700 30px/1 var(--display);color:#65774f;padding-top:2px}
.perks{display:flex;align-items:center;justify-content:center;gap:14px;font:700 12px/1.3 var(--body);letter-spacing:1px;flex:none;white-space:nowrap;color:var(--cream)}.perks strong{color:var(--yellow)}.perks>span{color:var(--orange);font-size:10px}
.battle-rules{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px 0;max-width:450px;width:100%;margin:0 auto;flex:none}.rule-row{display:grid;grid-template-columns:118px 1fr;align-items:baseline;gap:10px;font-size:14px;line-height:1.5}.rule-row+.rule-row{margin-top:3px}.rule-label{font:11px/1.4 var(--mono);letter-spacing:.8px;color:var(--orange)}.rule-row:first-child .rule-label{color:var(--green)}.loadout{text-align:center;font-size:12px;line-height:1.5;color:var(--muted);margin-top:9px}.loadout strong{font-weight:700;color:var(--cream)}.loadout strong:first-child{color:var(--green)}
.entry{width:min(360px,100%);margin:0 auto;text-align:center;flex:none}.start-button{border:0;border-bottom:4px solid #648e3a;width:100%;min-height:65px;display:flex;align-items:center;justify-content:space-evenly;gap:8px;background:var(--green);color:#10150b;box-shadow:3px 3px 0 #c5fa771c;font:italic 700 31px/1 var(--display);letter-spacing:.5px;padding:9px 14px 8px;transition:background .2s,transform .2s,box-shadow .2s;clip-path:polygon(5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px),0 5px,5px 5px)}.start-button small{display:block;font:700 9px/1 var(--mono);letter-spacing:2px;margin-top:5px}.start-arrow{font:15px/1 var(--mono);animation:press-start 1.8s ease-in-out infinite}.start-button:hover{background:var(--yellow);transform:translateY(-2px);box-shadow:3px 5px 0 #c5fa772e}.start-button:active{transform:translateY(2px)}.signup-footnote{margin-top:8px;font:7px/1.2 var(--mono);letter-spacing:1.3px;color:var(--muted)}.screen-footer{text-align:center;font:8px/1.3 var(--mono);letter-spacing:1.1px;color:#a2a793;flex:none}
 dialog{background:#0c100b;color:var(--cream);border:2px solid var(--green);padding:40px 28px 25px;width:calc(100% - 32px);max-width:410px;max-height:calc(100svh - 32px);box-shadow:6px 6px 0 #c5fa771c}dialog::backdrop{background:#000e;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:10px;top:8px;background:transparent;border:0;color:var(--cream);font-size:19px;padding:7px}.dialog-kicker{font:9px/1.3 var(--mono);letter-spacing:1px;color:var(--orange)}dialog h2{font:italic 700 49px/.95 var(--display);color:var(--green);margin:18px 0}dialog>p:not(.dialog-kicker){font-size:14px;line-height:1.6;color:#c5c9bb}.dialog-dates{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0;padding:15px 0}.dialog-dates span{display:block;font:8px var(--mono);letter-spacing:1px;color:var(--muted)}.dialog-dates strong{display:block;font:700 31px var(--display);color:var(--orange);margin-top:5px}.dialog-detail{font-size:12px!important}.dialog-done{width:100%;background:var(--green);color:var(--black);border:0;padding:16px;margin-top:20px;font:700 12px var(--mono);display:flex;justify-content:space-between;gap:10px}
@keyframes eq{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes press-start{0%,100%{opacity:1;transform:translateX(0)}50%{opacity:.5;transform:translateX(2px)}}
html[data-motion="off"] *,html[data-motion="off"] *:before,html[data-motion="off"] *:after{animation:none!important;transition:none!important}html[data-motion="off"] .equalizer i{background:var(--muted)}
@media(max-width:600px){.event-screen{padding:15px 18px 12px;gap:7px}.screen-hud{font-size:8px;letter-spacing:.9px}.challenge{font-size:9px;letter-spacing:1.5px;gap:10px;margin-bottom:11px}h1{font-size:min(27.4vw,14.5svh,142px)}.event-date{gap:10px;margin-top:15px}.event-date p{font-size:31px;letter-spacing:1.7px}.date-wing{width:22px}.date-year{font-size:8px}.battle-countdown h2{font-size:8px;letter-spacing:1.7px}.countdown-unit strong{font-size:37px}.countdown-unit{min-width:46px}.countdown-clock{gap:7px}.countdown-colon{font-size:27px}.perks{font-size:11px;letter-spacing:.5px;gap:9px}.rule-row{grid-template-columns:99px 1fr;gap:6px;font-size:12.5px;line-height:1.5}.rule-label{font-size:10px;letter-spacing:.4px}.battle-rules{padding:10px 0}.loadout{font-size:11px;margin-top:8px;line-height:1.4}.start-button{min-height:62px;font-size:29px}.screen-footer{font-size:7px;letter-spacing:.8px}}
@media(max-height:700px){.event-screen{padding-top:12px;padding-bottom:10px;gap:5px}.challenge{margin-bottom:7px;font-size:8px}.event-identity h1{font-size:min(26vw,12.6svh,105px)}.event-date{margin-top:12px}.event-date p{font-size:28px}.battle-countdown h2{margin-bottom:6px;font-size:8px}.countdown-unit strong{font-size:32px}.countdown-unit span{margin-top:3px;font-size:7px}.countdown-unit{min-width:41px}.countdown-colon{font-size:23px;padding-top:2px}.perks{font-size:10px}.battle-rules{padding:8px 0}.rule-row{line-height:1.35;font-size:12px}.rule-row+.rule-row{margin-top:3px}.loadout{margin-top:6px;font-size:10px}.start-button{min-height:53px;padding:7px 12px 6px;font-size:26px}.start-button small{font-size:8px;margin-top:4px}.signup-footnote{font-size:6px;letter-spacing:1px;margin-top:6px}.screen-footer{font-size:7px}}
@media(max-height:570px){.event-screen{padding:9px 14px 8px;gap:2px}.event-identity h1{font-size:min(25vw,10.8svh,83px)}.challenge{font-size:7px;margin-bottom:5px}.event-date p{font-size:24px}.event-date{margin-top:10px}.screen-hud{font-size:7px;min-height:13px}.countdown-unit strong{font-size:28px}.countdown-unit span{font-size:6px}.countdown-unit{min-width:36px}.countdown-colon{font-size:20px}.battle-countdown h2{font-size:7px;margin-bottom:5px}.battle-rules{padding:6px 0}.rule-row{font-size:11px;grid-template-columns:94px 1fr}.rule-label{font-size:9px}.loadout{font-size:10px;margin-top:5px}.start-button{min-height:49px;font-size:25px;padding:5px 10px 4px}.perks{font-size:10px}.signup-footnote{margin-top:5px}.screen-footer{font-size:6px}}
@media(max-width:350px){.event-screen{padding-left:12px;padding-right:12px}.rule-row{grid-template-columns:86px 1fr;font-size:11px;gap:4px}.rule-label{font-size:9px}.perks{font-size:10px;gap:7px}.event-date p{font-size:26px}.date-wing{width:15px}.loadout{font-size:10px}.screen-hud{font-size:7px}}
@media(max-height:530px){.challenge{display:none}.event-identity h1{font-size:min(24vw,9.8svh,75px)}.event-date p{font-size:24px}.countdown-unit strong{font-size:26px}.battle-countdown h2{margin-bottom:3px}}
@media(max-height:560px) and (min-aspect-ratio:6/5){.event-screen{width:min(960px,100%);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:14px auto auto auto 9px;grid-template-areas:'hud hud' 'identity clock' 'identity rules' 'perks entry' 'footer footer';gap:5px 30px;padding:11px 22px}.screen-hud{grid-area:hud}.event-identity{grid-area:identity;align-self:center}.battle-countdown{grid-area:clock;align-self:center}.perks{grid-area:perks;align-self:center;font-size:9px;gap:8px}.battle-rules{grid-area:rules;padding:5px 0}.entry{grid-area:entry}.screen-footer{grid-area:footer}.event-identity h1{font-size:min(11vw,22svh,105px)}.challenge{font-size:7px}.event-date p{font-size:24px}.rule-row{font-size:11px;grid-template-columns:86px 1fr}.loadout{font-size:10px}.countdown-unit strong{font-size:28px}.start-button{min-height:43px;font-size:25px;padding:6px 10px}.start-button small{font-size:7px}.signup-footnote{font-size:6px;margin-top:4px}.screen-footer{font-size:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep content accessible when text is enlarged or the viewport is unusually short. */
@media(max-height:400px) and (max-aspect-ratio:6/5){.event-screen{height:auto;min-height:calc(100svh - 16px);gap:10px}}

.start-button:focus-visible{outline:2px solid #080909;outline-offset:-6px}