:root{--c-black:#0b0908;--c-bone:#e8ddc8;--c-rust:#8c3a1e;--c-blood:#4a1410;--bone-70:#e8ddc8b3;--bone-50:#e8ddc880;--bone-15:#e8ddc826;--bone-08:#e8ddc814;--font-title:Georgia, "Times New Roman", "Liberation Serif", Times, serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html,body{background:var(--c-black);-webkit-font-smoothing:antialiased;width:100%;height:100%;margin:0;padding:0;overflow:hidden}#gl{background:var(--c-black);width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{z-index:5;pointer-events:none;font-family:var(--font-title);color:var(--c-bone);-webkit-user-select:none;user-select:none;position:fixed;inset:0}#load{z-index:100;background:var(--c-black);flex-direction:column;align-items:center;padding:3vh 4vw 4vh;display:flex;position:fixed;inset:0}#load.load--hidden{display:none}#load-title{letter-spacing:.16em;text-transform:uppercase;text-align:center;text-shadow:3px 0 0 var(--c-blood);margin:1.5rem 0 .75rem;font-size:clamp(2.25rem,6vw,5rem);font-weight:700}#load-rule{background:var(--c-rust);width:min(46%,420px);height:1px;margin-bottom:3.5vh}#load-vs{flex:1;justify-content:center;align-items:center;gap:clamp(1rem,4vw,3rem);width:100%;min-height:0;display:flex}.load-panel{border:1px solid var(--bone-15);flex-direction:column;align-items:center;width:clamp(200px,26vw,340px);padding:1.25rem 1rem;display:flex}#load-vs-mark{letter-spacing:.05em;color:var(--c-rust);text-shadow:2px 0 0 var(--c-blood);flex-shrink:0;font-size:clamp(2.5rem,7vw,5.5rem)}.portrait{background:var(--c-black);border:1px solid var(--c-rust);width:108px;height:148px;position:relative;overflow:hidden}.portrait-hat{background:var(--c-black);border-top:2px solid var(--c-rust);clip-path:polygon(0% 100%,8% 0%,92% 0%,100% 100%);width:92%;height:12%;position:absolute;top:20%;left:50%;transform:translate(-50%)}.portrait-hat--sombrero{clip-path:polygon(0% 100%,10% 0%,90% 0%,100% 100%);width:106%;height:14%;top:18%}.portrait-hat--slouch{clip-path:polygon(4% 100%,12% 12%,58% 0%,96% 26%,84% 100%);width:84%;height:13%;top:20%}.portrait-hat--stovepipe{clip-path:polygon(18% 100%,18% 25%,82% 25%,82% 100%);width:44%;height:22%;top:3%}.portrait-hat--bandana{clip-path:polygon(0% 100%,5% 0%,95% 0%,100% 100%);width:68%;height:7%;top:22%}.portrait-hat--bare{display:none}.portrait-body{transform-origin:bottom;background:var(--c-blood);clip-path:polygon(22% 100%,8% 45%,32% 22%,68% 22%,92% 45%,78% 100%);width:62%;height:58%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.load-player-label{letter-spacing:.3em;text-transform:uppercase;margin-top:.75rem;font-size:.85rem}.load-device{font-family:var(--font-mono);letter-spacing:.05em;color:var(--bone-50);margin-top:.2rem;font-size:.65rem}.load-figure-name{letter-spacing:.1em;text-transform:uppercase;color:var(--c-bone);text-align:center;margin-top:.6rem;font-size:1.15rem;font-weight:700}.load-figure-epithet{letter-spacing:.02em;color:var(--bone-50);text-align:center;min-height:1.3em;margin-top:.2rem;font-size:.72rem;font-style:italic}.load-figure-ticks{justify-content:center;gap:4px;margin:.55rem 0 .1rem;display:flex}.figure-tick{background:var(--bone-08);border:1px solid var(--bone-15);width:6px;height:6px}.figure-tick--active{background:var(--c-rust);border-color:var(--c-rust)}.load-weapon-name{letter-spacing:.12em;text-transform:uppercase;color:var(--c-bone);margin:.6rem 0 .35rem;font-size:.95rem}.load-weapon-list{flex-direction:column;gap:.35rem;width:100%;margin-top:.4rem;display:flex}.wpn-row{opacity:.5;border-left:2px solid #0000;justify-content:space-between;align-items:center;gap:.5rem;padding:.3rem .45rem;display:flex}.wpn-row--selected{opacity:1;border-left-color:var(--c-rust);background:#8c3a1e1a}.wpn-name{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;font-size:.68rem}.wpn-stats{gap:.55rem;display:flex}.wpn-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.wpn-stat-label{font-family:var(--font-mono);letter-spacing:.1em;color:var(--bone-50);font-size:.5rem}.wpn-pips{gap:2px;display:flex}.wpn-pip{background:var(--bone-08);width:6px;height:9px}.wpn-pip--filled{background:var(--c-rust)}#load-footer{flex-direction:column;align-items:center;gap:.6rem;margin-top:2vh;display:flex}#load-prompt{letter-spacing:.32em;text-transform:uppercase;font-size:1.15rem;animation:1.8s ease-in-out infinite alternate loadPulse}@keyframes loadPulse{0%{opacity:.32}to{opacity:1}}#load-controls{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--bone-50);text-align:center;font-size:.68rem}.load-controls-row{margin-top:2px}.load-controls-row:first-child{margin-top:0}.load-controls-phase{color:var(--c-rust);letter-spacing:.08em;margin-right:.4em;font-weight:700}#load-pads{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--c-rust);font-size:.65rem}#hud{z-index:10;pointer-events:none;position:absolute;inset:0}.hud-corner{border:1px solid var(--bone-15);background:#0b090880;flex-direction:column;gap:.55rem;width:min(280px,30vw);padding:.65rem .85rem;display:flex;position:absolute;top:1rem}.hud-corner--p0{align-items:flex-start;left:1rem}.hud-corner--p1{text-align:right;align-items:flex-end;right:1rem}.hud-label{letter-spacing:.26em;text-transform:uppercase;color:var(--bone-70);font-size:.62rem}.hud-block{flex-direction:column;gap:.3rem;width:100%;display:flex}.health-row{align-items:center;gap:.5rem;display:flex}.hud-corner--p1 .health-row{flex-direction:row-reverse}.health-bar{flex:1;gap:2px;display:flex}.hud-corner--p1 .health-bar{flex-direction:row-reverse}.health-seg{background:var(--c-rust);width:9px;height:14px;transition:background-color .24s ease-out}.health-seg--empty{background:var(--bone-08)}.health-value{font-family:var(--font-mono);text-align:center;min-width:2.4em;color:var(--c-bone);font-size:.9rem}.wound-figure{width:46px;height:78px;margin:2px 0;position:relative}.hud-corner--p1 .wound-figure{align-self:flex-end;transform:scaleX(-1)}.wf-part{background:var(--c-rust);transition:background-color .32s ease-out,transform .32s ease-out;position:absolute}.wf-head{background:var(--c-bone);opacity:.85;width:14px;height:14px;transition:none;top:0;left:16px}.wf-torso{transform-origin:top;width:22px;height:28px;top:16px;left:12px}.wf-armL{transform-origin:top;width:8px;height:26px;top:18px;left:1px}.wf-armR{transform-origin:top;width:8px;height:26px;top:18px;left:37px}.wf-legL{transform-origin:top;width:9px;height:32px;top:46px;left:12px}.wf-legR{transform-origin:top;width:9px;height:32px;top:46px;left:25px}.wf-part--jolt{animation:.26s ease-out wfJolt}@keyframes wfJolt{0%{filter:brightness(2.4)}to{filter:brightness()}}.banjo-label{align-items:center;gap:.5rem;display:flex}.hud-corner--p1 .banjo-label{flex-direction:row-reverse}.banjo-label--broken{color:var(--c-rust);text-decoration:line-through}.banjo-broken-tag{font-family:var(--font-title);letter-spacing:.2em;color:var(--c-blood);font-weight:700;text-decoration:none}.banjo-bar{background:var(--bone-08);border:1px solid var(--bone-15);width:100%;height:6px}.banjo-fill{background:var(--c-rust);width:100%;height:100%}.banjo-bar--broken{border-color:var(--c-blood);background:repeating-linear-gradient(45deg, var(--c-blood), var(--c-blood) 4px, var(--c-black) 4px, var(--c-black) 8px)}.ammo-pips{gap:4px;display:flex}.hud-corner--p1 .ammo-pips{flex-direction:row-reverse}.pip{border:1px solid var(--c-rust);background:0 0;width:10px;height:10px}.pip--filled{background:var(--c-rust)}.aim-block--hidden{display:none}.aim-track{background:var(--bone-08);border:1px solid var(--bone-15);width:100%;height:8px}.aim-fill{background:var(--c-rust);width:0%;height:100%;transition:width 90ms linear,background-color 90ms linear}.hud-block--hidden{display:none}.hud-flash{animation:.38s ease-out hudFlash}@keyframes hudFlash{0%{filter:brightness(3)}to{filter:brightness()}}.turn-value{letter-spacing:.16em;text-transform:uppercase;font-size:.95rem;font-weight:700}.turn-value--back{color:var(--bone-70)}.turn-value--turning{color:var(--c-rust);animation:.3s ease-out turnSweep}@keyframes turnSweep{0%{opacity:.3;letter-spacing:.5em}to{opacity:1;letter-spacing:.16em}}.turn-value--facing{color:var(--c-blood);text-shadow:1px 0 0 var(--c-rust)}.hud-corner--alarm{animation:1.15s ease-in-out infinite cornerAlarmPulse}@keyframes cornerAlarmPulse{0%,to{border-color:var(--bone-15)}50%{border-color:var(--c-rust)}}.weapon-value{letter-spacing:.14em;text-transform:uppercase;font-size:1rem;font-weight:700}.weapon-value--armed{color:var(--c-bone)}.weapon-value--fists{color:var(--c-blood);text-shadow:1px 0 0 var(--c-rust)}.banjo-fill--warn{background:var(--c-blood);animation:.9s ease-in-out infinite banjoWarnPulse}@keyframes banjoWarnPulse{0%,to{opacity:1}50%{opacity:.5}}.guard-value{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.guard-value--down{color:var(--bone-50)}.guard-value--rising{color:var(--c-rust)}.guard-value--live{color:var(--c-bone)}.guard-value--live-soft{color:var(--bone-70)}.status-value{letter-spacing:.18em;text-transform:uppercase;color:var(--c-blood);text-shadow:1px 0 0 var(--c-rust);font-size:.95rem;font-weight:700;animation:.7s ease-in-out infinite statusAlarmPulse}@keyframes statusAlarmPulse{0%,to{opacity:.8}50%{opacity:1}}#banner-layer{z-index:30;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}#banner-flash{background:var(--c-blood);opacity:0;position:absolute;inset:0}.banner-flash--pulse{animation:.26s ease-out flashPulse}@keyframes flashPulse{0%{opacity:.55}to{opacity:0}}#banner{text-align:center;opacity:0;position:relative;transform:scale(.8)}#banner-text{letter-spacing:.12em;text-transform:uppercase;color:var(--c-bone);text-shadow:3px 0 0 var(--c-blood);font-size:clamp(2.25rem,7vw,6rem)}#banner-sub{letter-spacing:.4em;text-transform:uppercase;color:var(--c-rust);margin-top:.6rem;font-size:clamp(.95rem,2.2vw,1.6rem)}.banner--show{opacity:1;animation:.26s cubic-bezier(.2,1.5,.4,1) forwards bannerPunch;transform:scale(1)}@keyframes bannerPunch{0%{opacity:0;transform:scale(1.6)}60%{opacity:1;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.banner--fight.banner--show{animation:.13s cubic-bezier(.1,1.9,.3,1) forwards bannerPunchFight}@keyframes bannerPunchFight{0%{opacity:0;transform:scale(2.3)skew(-8deg)}55%{opacity:1;transform:scale(.85)skew(4deg)}to{opacity:1;transform:scale(1)skew(0)}}.banner--fade{animation:.45s ease-in forwards bannerFade}@keyframes bannerFade{0%{opacity:1}to{opacity:0}}#brawl-controls{z-index:25;text-align:center;width:min(640px,86vw);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--bone-70);border-top:1px solid var(--bone-15);opacity:0;padding-top:.5rem;position:absolute;bottom:6vh;left:50%;transform:translate(-50%)}#brawl-controls.brawl-controls--show{animation:5.6s ease-out forwards brawlControlsShow}@keyframes brawlControlsShow{0%{opacity:0}8%{opacity:1}82%{opacity:1}to{opacity:0}}.brawl-controls-row{margin-top:.3rem;font-size:.72rem}.brawl-controls-row:first-child{margin-top:0}.brawl-controls-row--rule{color:var(--c-rust);letter-spacing:.08em;font-size:.8rem;font-weight:700}#debug{z-index:40;font-family:var(--font-mono);letter-spacing:.05em;color:var(--bone-50);font-size:.65rem;display:none;position:absolute;bottom:.5rem;left:.75rem}.load-panel--ready{border-color:var(--c-bone)}.load-panel--ready:after{content:"READY";font-family:var(--font-mono);letter-spacing:.22em;color:var(--c-bone);font-size:.62rem;position:absolute;top:.5rem;right:.75rem}.load-countdown{font-family:var(--font-mono);letter-spacing:.24em;color:var(--c-rust);text-transform:uppercase;margin-bottom:.5rem;font-size:.68rem}