@font-face{font-family:Norse;src:url(/norse.bold.otf)format("opentype");font-weight:700;font-style:normal}@font-face{font-family:Knights Quest;src:url(/knights-quest.regular.ttf)format("truetype");font-weight:400;font-style:normal}html,body,#root{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}body{z-index:0;isolation:isolate;background-color:#63303c;justify-content:center;align-items:center;font-family:Cinzel,serif;display:flex;position:relative}#root{justify-content:center;align-items:center;width:100%;height:100%;display:flex}img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none;user-select:none}body:before{content:"";filter:blur(3px);z-index:-2;background-image:url(/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1.05)}#backdrop-container{box-sizing:border-box;z-index:0;isolation:isolate;flex-direction:row;width:90%;height:90%;padding:1rem;display:flex;position:relative}#backdrop-container:before{content:"";opacity:.75;filter:url(#charred-edge);z-index:-1;background-image:url(/backdrop.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;box-shadow:0 15px 35px #000000e6}.column{box-sizing:border-box;height:100%}#left-col{width:25%}#middle-col{flex-direction:column;align-items:center;width:50%;display:flex}.connection-status{text-align:center;letter-spacing:2px;width:100%;margin-top:.25rem;font-family:Norse,Cinzel,serif;font-size:1.9rem;font-weight:700;line-height:1}.connection-status.disconnected{color:#8b0000}.connection-status.connecting{color:#9c7100}.connection-status.connected{color:#005a18}.player-identity{color:var(--blood-red);text-shadow:1px 1px 3px #0000004d;text-align:center;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;width:100%;margin-top:1rem;font-family:Knights Quest,Cinzel,serif;font-size:4.5rem;line-height:1.1;overflow:hidden}.buzzer-status-text{color:var(--ink-dark);text-align:center;z-index:10;letter-spacing:3px;opacity:.8;text-shadow:1px 1px 1px #fff3;margin-top:1.5rem;margin-bottom:-2.5rem;font-family:Knights Quest,Cinzel,serif;font-size:2rem;position:relative}.buzzer-status-text.active-status{opacity:1}.buzzer-area{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding-bottom:0;display:flex;position:relative}#buzzer-button{cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex;position:relative}#buzzer-button img{object-fit:contain;filter:drop-shadow(0 10px 12px #00000059);width:min(100%,420px);height:auto;max-height:60vh;transition:filter .3s;display:block}#buzzer-button:not(:disabled){transform-origin:50%;animation:2s ease-in-out infinite buzzer-pulse}#buzzer-button:not(:disabled) img{filter:drop-shadow(0 0 10px #ffe69666)drop-shadow(0 0 20px #e6a03c80)drop-shadow(0 0 35px #ff64144d)drop-shadow(0 15px 25px #00000080);animation:3s ease-in-out infinite alternate image-glow}.particle-system{pointer-events:none;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.core-glow{filter:blur(20px);mix-blend-mode:screen;background:radial-gradient(circle,#ffe69666 0%,#ff963233 40%,#0000 70%);border-radius:50%;width:250px;height:250px;animation:2.5s ease-in-out infinite alternate pulse-core;position:absolute}.ambient-glow{filter:blur(40px);mix-blend-mode:screen;background:radial-gradient(circle,#f0641433 0%,#c8320a1a 50%,#0000 80%);border-radius:50%;width:500px;height:500px;animation:4s ease-in-out infinite alternate pulse-ambient;position:absolute}.energy-ring{opacity:0;border:3px solid #ffc86480;border-radius:50%;width:320px;height:320px;position:absolute;transform:scale(.8);box-shadow:0 0 20px #ffc864cc,inset 0 0 20px #ffc864cc}.particle{opacity:0;mix-blend-mode:screen;background:#ffecb3;border-radius:50%;animation:linear infinite float-particle;position:absolute;transform:translate(0)scale(1);box-shadow:0 0 10px 2px #ffc864e6}@keyframes float-particle{0%{opacity:0;transform:translate(0)scale(.5)}20%{opacity:1;transform:translate(calc(var(--tx) * .2), calc(var(--ty) * .2)) scale(1.2)}80%{opacity:.8}to{opacity:0;transform:translate(var(--tx), var(--ty)) scale(0)}}@keyframes pulse-core{0%{opacity:.7;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}@keyframes pulse-ambient{0%{opacity:.5;transform:scale(.95)}to{opacity:.9;transform:scale(1.1)}}@keyframes energy-ripple{0%{opacity:.8;border-width:4px;transform:scale(.8)}to{opacity:0;border-width:0;transform:scale(1.8)}}@keyframes buzzer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes image-glow{0%,to{filter:sepia(0)hue-rotate()brightness()contrast()drop-shadow(0 0 10px #ffe69666)drop-shadow(0 0 20px #e6a03c80)drop-shadow(0 0 35px #ff64144d)drop-shadow(0 15px 25px #00000080)}50%{filter:sepia(0)hue-rotate()brightness()contrast()drop-shadow(0 0 15px #ffffc899)drop-shadow(0 0 30px #ffb450b3)drop-shadow(0 0 50px #ff782880)drop-shadow(0 15px 25px #00000080)}}#buzzer-button:active{transform:scale(.98)}#buzzer-button:disabled{cursor:not-allowed}#buzzer-button:disabled img{opacity:.8;filter:sepia(.6)hue-rotate(-15deg)brightness(.6)contrast(1.1)drop-shadow(0 0 #0000)drop-shadow(0 0 #0000)drop-shadow(0 0 #0000)drop-shadow(0 4px 6px #00000080)}.clicked-animate{animation:.8s cubic-bezier(.2,.8,.3,1) forwards buzzer-click-rotate!important}.clicked-animate img{animation:.8s cubic-bezier(.2,.8,.3,1) forwards image-fade-out!important}@keyframes buzzer-click-rotate{0%{transform:scale(.98)}20%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes image-fade-out{0%{filter:sepia(0)hue-rotate()brightness()contrast()drop-shadow(0 0 20px #ffc864cc)drop-shadow(0 0 40px #ff641499)drop-shadow(0 0 #0000)drop-shadow(0 15px 25px #00000080)}to{filter:sepia(.6)hue-rotate(-15deg)brightness(.6)contrast(1.1)drop-shadow(0 0 #0000)drop-shadow(0 0 #0000)drop-shadow(0 0 #0000)drop-shadow(0 4px 6px #00000080);opacity:.8}}.enable-animate img{animation:.5s ease-out forwards quick-image-enable!important}@keyframes quick-image-enable{0%{filter:sepia(.6)hue-rotate(-15deg)brightness(.6)contrast(1.1)drop-shadow(0 0 #0000)drop-shadow(0 0 #0000)drop-shadow(0 0 #0000)drop-shadow(0 4px 6px #00000080);opacity:.8}to{filter:sepia(0)hue-rotate()brightness()contrast()drop-shadow(0 0 10px #ffe69666)drop-shadow(0 0 20px #e6a03c80)drop-shadow(0 0 35px #ff64144d)drop-shadow(0 15px 25px #00000080);opacity:1}}.particle-system.enabling .core-glow,.particle-system.enabling .ambient-glow{animation:.5s ease-out forwards quick-glow-fade!important}@keyframes quick-glow-fade{0%{opacity:0}to{opacity:1}}.particle-system.exploding .core-glow,.particle-system.exploding .ambient-glow{animation:.8s cubic-bezier(.2,.8,.3,1) forwards explode-fade!important}.particle-system.exploding .particle{transition:opacity .2s;opacity:0!important;animation:none!important}@keyframes explode-fade{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}.particle-system.exploding .energy-ring{opacity:1;border-width:10px;transform:scale(.1);animation:.8s cubic-bezier(.1,.8,.3,1) forwards energy-explode!important}@keyframes energy-explode{0%{opacity:1;border-width:10px;transform:scale(.1)}to{opacity:0;border-width:0;transform:scale(2)}}.helper-text{color:var(--ink-dark);letter-spacing:2px;z-index:10;opacity:.8;text-align:center;text-shadow:1px 1px 1px #fff3;margin-top:-2.5rem;margin-bottom:.5rem;font-family:Knights Quest,Cinzel,serif;font-size:1.4rem;font-weight:700;position:relative}.login-container{text-align:center;width:90%;max-width:500px;margin:auto;position:relative}.login-container h2{color:var(--paper-light);letter-spacing:5px;text-shadow:2px 2px 4px #000000e6;margin-top:0;margin-bottom:2rem;font-family:Norse,Cinzel,serif;font-size:3.5rem}.login-container form{flex-direction:column;align-items:center;gap:1.2rem;display:flex}.login-container input{width:100%;min-width:unset;border:none;border-bottom:3px solid var(--gold-dark);color:var(--ink-dark);text-align:center;box-sizing:border-box;text-transform:uppercase;background:0 0;padding:.55rem .5rem;font-family:Knights Quest,Cinzel,serif;font-size:1.55rem;line-height:1;transition:all .3s}.login-container input::placeholder{color:#3c1e1480;text-transform:uppercase}.login-container input:focus{border-bottom-color:var(--blood-red);box-shadow:none;background:0 0;outline:none}.join-button{letter-spacing:3px;color:var(--paper-light);cursor:pointer;text-shadow:2px 2px 4px #000c;background:linear-gradient(#501010,#2b0808);border:1px solid #7f1919;padding:.8rem 3rem;font-family:Norse,Cinzel,serif;font-size:2.2rem;transition:all .2s;box-shadow:0 5px 15px #000c,inset 0 0 10px #000c}.join-button:hover{transform:scale(1.02)}.join-button:active{transform:scale(.98)}.join-button:disabled{cursor:not-allowed;opacity:.65;transform:none}.entry-message{letter-spacing:1px;color:var(--ink-light);text-align:center;min-height:1.6rem;margin-top:1.25rem;font-family:Norse,Cinzel,serif;font-size:1.1rem}#right-col{width:25%}:root{--ink-dark:#1b120c;--ink-light:#3e271a;--blood-red:#8b0000;--gold:#b38b22;--gold-dark:#6e520d;--paper-light:#e6cdab;--paper-dark:#c5a475;--charred-black:#110905;--green:#112819}*{box-sizing:border-box}.column{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;padding:1rem 2rem 2rem;display:flex;overflow:hidden}.column::-webkit-scrollbar{display:none}.panel-title{color:var(--ink-dark);text-align:center;letter-spacing:3px;text-shadow:1px 1px 1px #ffffff4d;border-bottom:2px solid #1b120c4d;margin-top:.5rem;margin-bottom:.5rem;padding-bottom:.8rem;font-family:Norse,Cinzel,serif;font-size:2.2rem;font-weight:700}.panel-subtitle{color:var(--green);letter-spacing:2px;justify-content:center;align-items:baseline;margin-top:1.5rem;margin-bottom:1.5rem;font-family:Norse,Cinzel,serif;font-size:1.2rem;font-weight:700;display:flex}#active-count{color:var(--ink-dark);opacity:.9;margin-right:12px;font-family:Norse,Cinzel,serif;font-size:3rem;font-weight:900;line-height:.8}.warriors-list,.timeline-list{--list-gap:1.2rem;gap:var(--list-gap);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;min-height:0;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.warriors-list::-webkit-scrollbar{display:none}.timeline-list::-webkit-scrollbar{display:none}.warrior-item,.timeline-item{color:var(--ink-dark);align-items:center;font-family:Norse,Cinzel,serif;font-size:1.4rem;font-weight:700;line-height:1;display:flex;position:relative}.warrior-item:not(:last-child):after,.timeline-item:not(:last-child):after{content:"";left:10px;right:10px;top:calc(100% + (var(--list-gap) / 2));pointer-events:none;background:#50281466;height:1px;position:absolute;transform:translateY(-50%)}.warrior-item{justify-content:center;padding:.5rem 10px;overflow:visible}.warrior-item span{white-space:nowrap;text-align:center;width:100%;display:block;overflow:hidden}.timeline-item{justify-content:space-between;padding:.5rem 10px}.timeline-item.timeline-empty{justify-content:center}.timeline-item.timeline-empty .rank-container{justify-content:center;width:100%}.timeline-item.timeline-empty .team-name{text-align:center;direction:ltr}.warrior-item.is-you,.timeline-item.is-you{background:#42291a26;border-radius:4px;box-shadow:inset 0 0 10px #3e271a26}.timeline-item .rank-container{align-items:center;gap:.8rem;display:flex;overflow:hidden}.timeline-item .team-name{white-space:nowrap;text-overflow:ellipsis;text-align:left;direction:rtl;overflow:hidden}.timeline-item .rank{color:var(--blood-red);font-size:1.8rem;font-weight:900}.timeline-item .reaction-time{color:var(--green);align-items:baseline;font-family:Norse,Cinzel,serif;display:flex}.timeline-item .reaction-time .time-num{font-size:2rem;font-weight:700}.timeline-item .reaction-time .time-unit{margin-left:2px;font-size:1.2rem;font-weight:700}