@import url('./assets/fonts.css');
:root{--ink:#090807;--charcoal:#171310;--panel:#211a16;--paper:#e7cea0;--muted:#b09c80;--white:#f5f1e9;--blood:#ab3028;--red:#d44739;--cyan:#62d4ef;--line:#e7cea02b;--display:Anton,Impact,'Arial Narrow',sans-serif;--pad:clamp(18px,5vw,72px)}
*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(circle at 80% 10%,#ab302817,transparent 550px),var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;z-index:40;pointer-events:none;opacity:.035;background:repeating-radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1px 4px);background-size:7px 7px;mix-blend-mode:soft-light}button,input,select{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{transition:background .16s,transform .16s}button:hover{transform:translateY(-1px)}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}a{color:inherit}[hidden]{display:none!important}::selection{background:var(--red);color:white}
.topbar{height:85px;position:absolute;top:0;left:0;right:0;z-index:20;padding:0 var(--pad);display:flex;gap:32px;align-items:center;border-bottom:1px solid #e7cea013;background:linear-gradient(#090807a8,transparent)}.brand{display:flex;flex-direction:column;line-height:.8;text-decoration:none;transform:rotate(-1deg)}.brand-main{font-family:var(--display);font-size:32px;letter-spacing:2px}.brand-sub{font-size:8px;letter-spacing:3.4px;font-weight:900;color:var(--paper);margin-top:8px}.backtoratl{font-size:10px;font-weight:800;text-decoration:none;letter-spacing:1.4px;opacity:.7}.backtoratl:hover{opacity:1;color:var(--paper)}.topright{margin-left:auto;display:flex;gap:22px;align-items:center}.status{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px}.status b,.liveled{width:6px;height:6px;display:inline-block;background:var(--cyan);box-shadow:0 0 12px #62d4ef80;border-radius:50%;margin-right:7px}.iconbutton{height:35px;padding:0 12px;border:1px solid #fff4;background:#09080766;color:var(--white)}.iconbutton span{font-size:9px;font-weight:800;letter-spacing:1px;margin-left:5px}
main{margin:0}.hero{position:relative;min-height:670px;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;border-bottom:1px solid var(--line);background:#100e0c}.heroart{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 45%;inset:0;z-index:-4;filter:brightness(.8) saturate(.8)}.heroshade{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#070605e8 0%,#070605ba 28%,#07060536 62%,#07060522),linear-gradient(0deg,#090807f5 0%,#09080733 35%,#09080700 70%,#09080799)}.herocopy{padding:140px var(--pad) 53px;width:800px;max-width:100%}.eyebrow{display:block;color:var(--paper);font-size:10px;font-weight:900;letter-spacing:2.3px;line-height:1.3}.herocopy h1{font-family:var(--display);font-weight:400;font-size:clamp(90px,8.7vw,145px);line-height:.94;letter-spacing:-2px;margin:21px 0 20px}.herocopy h1 em{font-style:normal;color:var(--red)}.herocopy>p{font-size:18px;font-weight:800;letter-spacing:.5px;margin:0 0 12px}.herocopy>p.herodesc{font-size:13px;font-weight:400;color:#e1d5c4;line-height:1.6;letter-spacing:0}.herotags{display:flex;gap:8px;margin-top:23px}.herotags span{border:1px solid #e7cea04a;padding:7px 10px;font-size:9px;font-weight:800;letter-spacing:.6px}.herocta{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:46px;margin-top:21px;padding:0 20px;background:var(--red);font-size:10px;letter-spacing:1px;font-weight:900;text-decoration:none}.herocta:hover{background:#eb5142}.herocta span{font-size:20px}.heronote{position:absolute;right:var(--pad);bottom:54px;text-align:right}.heronote span{display:block;font-size:9px;letter-spacing:2px;font-weight:900;color:var(--paper);margin-bottom:10px}.heronote b{font-family:var(--display);font-size:29px;font-weight:400}
.playarea{max-width:1280px;margin:auto;padding:58px 0 60px;display:grid;grid-template-columns:1.3fr 1fr;gap:95px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:10px}.tiny{font-size:8px;letter-spacing:1px;color:var(--muted)}h2{font-family:var(--display);font-size:53px;line-height:.99;letter-spacing:-.5px;font-weight:400;margin:18px 0 25px;text-transform:uppercase}label{display:block;font-size:9px;letter-spacing:1.5px;font-weight:800;margin-bottom:10px;color:var(--paper)}input,select{height:45px;padding:11px 13px;color:var(--white);background:#181410;border:1px solid #e7cea04d;border-radius:0;font-size:13px}input::placeholder{color:#887b68}input:focus,select:focus{border-color:var(--paper)}#name{width:100%;margin-bottom:21px}.settingsrow{display:grid;grid-template-columns:1fr 140px;gap:18px}.segmented{display:flex;gap:3px;border:1px solid #e7cea04d;padding:3px;height:45px;background:#181410}.segmented button{flex:1;background:transparent;border:0;color:var(--muted);font-weight:800;font-size:11px;padding:0 9px}.segmented .active{color:var(--white);background:var(--blood)}select{width:100%}.playbuttons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.primary,.secondary{position:relative;border:1px solid transparent;padding:17px 19px;font-size:12px;font-weight:900;letter-spacing:.4px;text-align:left;border-radius:0}.primary{background:var(--red);color:var(--white)}.primary:hover{background:#ea5041}.secondary{background:transparent;border-color:#e7cea06b;color:var(--white)}.secondary:hover{background:#e7cea011}.primary small,.secondary small{display:block;font-size:10px;font-weight:400;margin-top:8px;letter-spacing:0;opacity:.75}.playbuttons button span{position:absolute;right:14px;top:13px;font-size:20px}.joinrow{display:flex;gap:13px;align-items:center;padding-top:22px;margin-top:24px;border-top:1px solid var(--line)}.joinrow label{font-size:11px;letter-spacing:0;font-weight:400;margin:0;white-space:nowrap;color:var(--muted)}.joinrow input{width:118px;min-width:0;height:35px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.joinrow button{border:0;background:none;color:var(--paper);font-size:10px;font-weight:800;white-space:nowrap;padding:0}.formnote{font-size:10px;color:#a99a83;line-height:1.65;margin:13px 0 0}.recipe{padding-left:45px;border-left:1px solid var(--line)}.instruction{display:flex;gap:22px;align-items:center;margin-top:35px}.actionicon{width:62px;height:62px;display:flex;align-items:center;justify-content:center;flex:none;border:1px solid #e7cea04a;background:#1b1612;color:var(--paper);font-size:33px}.pushicon{color:var(--red);background:#ab30281c;border-color:#ab302866}.dashicon{color:var(--cyan);background:#62d4ef0c;border-color:#62d4ef44}.instruction h3{font-family:var(--display);font-size:28px;font-weight:400;letter-spacing:.3px;margin:0 0 9px}.instruction p{font-size:12px;line-height:1.6;color:var(--muted);margin:0 0 10px}.instruction kbd{display:inline-block;padding:4px 7px;border:1px solid var(--line);font-size:9px;color:var(--paper)}.movement{display:flex;flex-direction:column;gap:9px;margin-top:32px;font-size:10px;color:var(--muted)}.movement kbd{font-size:10px;color:var(--white)}footer{max-width:1280px;margin:auto;padding:24px 0 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:8px;font-weight:800;letter-spacing:1.5px;color:var(--muted)}footer a{text-decoration:none;font-weight:400;letter-spacing:0}
.playing .topbar{height:62px;position:relative;background:#0d0b09;border-bottom:1px solid var(--line);padding:0 25px}.playing .brand-main{font-size:25px}.playing .brand-sub{font-size:6px;margin-top:6px;letter-spacing:2.8px}#game{max-width:1510px;margin:auto;padding:0 24px 15px}.gamebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:16px 0 18px}.gameleft{display:flex;align-items:center;gap:20px}.back,.textbutton{border:0;background:none;padding:0;color:var(--paper);font-size:10px;font-weight:800}.pill{font-size:9px;letter-spacing:1px;padding:8px 10px;border:1px solid var(--line);font-weight:800;color:var(--muted)}.timer{text-align:center;min-width:150px}.timer>span{display:block;font-size:9px;font-weight:800;letter-spacing:2px;color:var(--paper);margin-bottom:5px}.timer strong{font-family:var(--display);font-weight:400;font-size:52px;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:2px}.timertrack{height:3px;background:#e7cea023;margin-top:8px}.timertrack i{display:block;width:100%;height:100%;background:var(--red);transition:width .1s}.roominfo{display:flex;justify-content:flex-end;align-items:center;gap:20px}.roominfo>span{font-size:10px;color:var(--muted)}.textbutton{border:1px solid var(--line);padding:9px 11px}.matchlayout{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:16px;align-items:start}.arenaWrap{position:relative;isolation:isolate;overflow:hidden;border:1px solid #bba78555;background:#100e0c;aspect-ratio:3/2;box-shadow:0 15px 50px #0006}canvas{width:100%;height:100%;object-fit:contain;display:block;touch-action:none;cursor:crosshair}.livepanel{border:1px solid var(--line);background:linear-gradient(145deg,#211a16,#110e0b);padding:20px 15px;min-height:360px}.liveheading{display:flex;justify-content:space-between;align-items:center}.liveheading .eyebrow{font-size:8px;letter-spacing:2px}.liveled{margin:0;width:5px;height:5px}.livepanel h2{font-size:30px;letter-spacing:.2px;margin:11px 0 22px}.ranklegend{display:flex;justify-content:space-between;color:#8f816c;font-size:8px;font-weight:800;letter-spacing:1px;padding:0 6px 10px;border-bottom:1px solid var(--line)}#scoreboard{position:relative;transition:height .25s;margin-top:5px;min-height:48px}.score-row{position:absolute;left:0;right:0;height:43px;padding:7px 6px;display:grid;grid-template-columns:19px 9px minmax(0,1fr) 26px;gap:5px;align-items:center;border-bottom:1px solid #e7cea013;transition:transform .36s cubic-bezier(.2,.8,.2,1),background .3s}.score-row.mine{background:#d447391f;border-left:2px solid var(--red);padding-left:4px}.score-row.scored{background:#e7cea035}.rank{font-family:var(--display);font-size:18px;color:var(--muted)}.rankdot{width:5px;height:15px;background:var(--paper)}.rankname{font-size:10px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rankname small{font-size:7px;display:block;color:#918472;font-weight:400;letter-spacing:.8px;margin-top:3px}.score-row b{font-family:var(--display);font-size:23px;font-weight:400;text-align:right}.rulebox{border-top:1px solid var(--line);margin-top:15px;padding:17px 4px 0}.rulebox strong{font-size:8px;letter-spacing:.3px;color:var(--paper)}.rulebox p{font-size:10px;line-height:1.6;color:var(--muted);margin:8px 0 0}#teamTotals{display:flex;gap:6px}#teamTotals:empty{display:none}.team-total{flex:1;padding:10px 8px;border:1px solid var(--line);margin-bottom:15px;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:space-between}.team-total b{font-family:var(--display);font-size:26px;font-weight:400}.team-total.red{color:#f16b5d}.team-total.blue{color:var(--cyan)}.gamebottom{display:flex;justify-content:center;padding:16px 264px 0 0}.abilities{display:flex;gap:12px;justify-content:center;width:100%;max-width:620px}.ability{position:relative;display:flex;align-items:center;gap:11px;border:1px solid #e7cea04a;background:#201a14;padding:11px 14px;flex:1;min-width:0;overflow:hidden;transition:border-color .2s,background .2s}.ability>b{font-size:29px;line-height:1;color:var(--paper)}.ability>span{font-size:11px;font-weight:900;letter-spacing:1px;flex:1}.ability small{display:block;font-size:8px;font-weight:500;color:var(--muted);letter-spacing:0;margin-top:6px}.cdnumber{font-family:var(--display);font-size:23px;font-weight:400;color:var(--paper);text-align:right;min-width:41px}.ability.ready{border-color:#e7cea070}.ability.ready .cdnumber{font-family:Arial;font-size:9px;font-weight:900;letter-spacing:.6px;color:var(--cyan)}.ability.cooling{background:#12100d}.ability.cooling>b,.ability.cooling>span{opacity:.6}.ability i{position:absolute;bottom:0;left:0;height:3px;background:var(--red)}.gamehint{text-align:center;font-size:10px;color:var(--muted);margin:15px 264px 0 0;line-height:1.6}.overlay{position:absolute;inset:0;z-index:10;background:#090807c9;backdrop-filter:blur(6px);display:grid;place-items:center;padding:25px}.modal{width:min(450px,100%);background:linear-gradient(150deg,#271d15,#100d0a);border:1px solid #bda78066;padding:28px;text-align:center;box-shadow:0 20px 60px #000a;max-height:100%;overflow:auto}.modal h2{font-size:38px;line-height:1.08;margin:14px 0}.modal>p{font-size:11px;color:var(--muted);line-height:1.6}.modal .primary{width:100%;text-align:center;margin-top:20px}.roomcode{width:100%;padding:14px;background:#09080788;border:1px dashed #bda78088;color:var(--paper);margin:15px 0 10px}.roomcode span{display:block;font-family:var(--display);font-size:37px;letter-spacing:7px}.roomcode small{display:block;font-size:9px;margin-top:5px;color:var(--muted)}#roster{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px;text-align:left}.rosteritem{display:flex;align-items:center;gap:7px;font-size:10px;border:1px solid var(--line);padding:8px 7px;background:#e7cea008}.rosterdot{width:5px;height:12px;display:inline-block}.rosteritem small{margin-left:auto;font-size:7px;color:var(--muted)}.finalrow{display:flex;gap:13px;padding:10px 3px;border-bottom:1px solid var(--line);font-size:12px;text-align:left}.finalrow strong{margin-left:auto;color:var(--paper)}.announce{position:absolute;top:20%;left:50%;transform:translate(-50%,-50%);font-family:var(--display);font-size:clamp(25px,4vw,60px);color:var(--white);text-shadow:0 3px 0 #100c08,0 5px 25px #000;pointer-events:none;white-space:nowrap}.respawn{position:absolute;top:64%;left:50%;transform:translate(-50%,-50%);padding:13px 20px;background:#140d09ed;border:1px solid #e7cea060;color:var(--paper);font-size:12px;text-align:center;pointer-events:none;white-space:nowrap}#feed{position:absolute;top:13px;right:13px;display:flex;flex-direction:column;align-items:flex-end;gap:5px;pointer-events:none}.feeditem{background:#100d0de6;color:var(--paper);font-size:10px;border-left:2px solid var(--red);padding:7px 10px;animation:feedIn .2s ease-out}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;padding:16px 23px;background:#201813;border:1px solid #bda78066;box-shadow:0 10px 35px #000a;color:var(--paper);font-size:12px;line-height:1.5;z-index:60}.touchpad,.touchactions{display:none}@keyframes feedIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1600px){.hero{min-height:740px}.herocopy{padding-bottom:70px}.matchlayout{grid-template-columns:minmax(0,1fr) 268px}.gamebottom{padding-right:284px}.gamehint{margin-right:284px}}
@media(max-width:1390px){.playarea,footer{margin-left:var(--pad);margin-right:var(--pad)}.playarea{gap:55px}.hero{min-height:630px}.herocopy{padding-bottom:45px}.herocopy h1{font-size:118px}.recipe{padding-left:35px}.abilities{gap:8px}.ability{gap:7px;padding:10px}.cdnumber{font-size:21px}.ability>span{font-size:10px}}
@media(max-width:1050px){.topbar{gap:22px}.backtoratl{font-size:8px}.playarea{gap:35px;grid-template-columns:1.3fr 1fr}.recipe{padding-left:25px}.settingsrow{grid-template-columns:1fr 115px;gap:10px}.joinrow{flex-wrap:wrap;gap:10px}.primary,.secondary{padding:16px 12px;font-size:11px}.playbuttons button span{right:8px;top:11px}.hero{min-height:620px}.herocopy h1{font-size:105px}.heronote{display:none}.matchlayout{grid-template-columns:minmax(0,1fr) 210px;gap:10px}.livepanel{padding:15px 10px;min-height:0}.livepanel h2{font-size:26px}.gameleft{gap:8px;flex-direction:column;align-items:flex-start}.gamebottom{padding-right:220px}.gamehint{margin-right:220px}.ability{padding:9px 7px;gap:5px}.ability>b{font-size:22px}.ability>span{font-size:9px;letter-spacing:.3px}.ability small{font-size:6px}.cdnumber{font-size:19px;min-width:30px}.ability.ready .cdnumber{font-size:7px}.rulebox{padding-top:12px}.score-row{grid-template-columns:16px 7px minmax(0,1fr) 24px;gap:4px}.rankname{font-size:9px}.modal h2{font-size:30px}}
@media(max-width:760px){.topbar{height:74px;gap:18px}.brand-main{font-size:28px}.brand-sub{font-size:6px;letter-spacing:3px}.backtoratl{font-size:8px}.status{display:none}.iconbutton{padding:0 9px;height:32px}.iconbutton span{font-size:8px}.hero{min-height:650px}.heroart{object-position:66% center}.heroshade{background:linear-gradient(90deg,#090807df,#09080773 65%,#09080755),linear-gradient(0deg,#090807 0%,#09080700 70%)}.herocopy{padding-top:130px;padding-bottom:40px}.herocopy h1{font-size:106px}.herocopy>p{font-size:15px}.herocopy>p.herodesc{font-size:12px}.eyebrow{font-size:8px;letter-spacing:1.7px}.herotags span{font-size:8px;padding:7px 8px}.playarea{grid-template-columns:1fr;padding:35px 0;gap:40px}.playarea h2{font-size:49px}.recipe{border-left:0;padding:25px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.recipe>.eyebrow,.movement{grid-column:1/-1}.instruction{display:block;margin-top:10px}.actionicon{height:47px;width:47px;font-size:26px;margin-bottom:17px}.instruction h3{font-size:23px}.instruction p{font-size:10px}.instruction kbd{font-size:8px;padding:4px}.movement{margin-top:14px}.playing .topbar{height:54px;padding:0 12px}.playing .backtoratl{font-size:7px}.playing .topright{gap:8px}#game{padding:0 8px 15px}.gamebar{gap:7px;padding:12px 4px 14px}.timer{min-width:105px}.timer strong{font-size:42px}.timer>span{font-size:7px;letter-spacing:1px}.timertrack{margin-top:6px}.pill{font-size:6px;padding:5px 6px;letter-spacing:.5px}.back{font-size:9px}.roominfo{flex-direction:column;gap:8px;align-items:flex-end}.roominfo>span{font-size:8px}.textbutton{font-size:7px;padding:7px}.matchlayout{display:flex;flex-direction:column;gap:16px}.arenaWrap{width:100%;aspect-ratio:1/1.07;max-height:67dvh}.livepanel{width:100%;padding:16px 15px}.livepanel h2{font-size:27px;margin:8px 0 15px}.liveheading{float:right;margin-top:8px;gap:9px}.ranklegend{font-size:7px}.score-row{grid-template-columns:24px 12px minmax(0,1fr) 35px;padding:7px 8px}.rankname{font-size:11px}.rankname small{display:inline;margin-left:7px}.rank{font-size:18px}.score-row b{font-size:23px}.rulebox{display:none}.gamebottom{padding:0;margin:12px 0 0;position:relative}.abilities{max-width:none;gap:6px}.ability{padding:10px 7px;gap:5px}.ability>b{font-size:23px}.ability>span{font-size:8px}.ability small{font-size:6px}.cdnumber{font-size:19px;min-width:30px}.ability.ready .cdnumber{font-size:7px}.gamehint{margin:12px 8px 0;font-size:8px}.modal{padding:20px}.modal h2{font-size:30px}.modal .primary{margin-top:12px}.roomcode{padding:9px;margin:10px 0}.roomcode span{font-size:27px}.rosteritem{padding:5px;font-size:9px}.overlay{padding:12px}.announce{top:23%;font-size:36px}.respawn{top:58%;font-size:10px;padding:11px}.feeditem{font-size:8px;padding:5px 7px}#feed{top:7px;right:7px}footer{font-size:7px;letter-spacing:1px;padding-top:20px}.formnote{font-size:9px}}
@media(pointer:coarse),(max-width:760px){.touchpad{display:block;position:absolute;bottom:17px;left:18px;width:88px;height:88px;border-radius:50%;background:#e7cea017;border:1px solid #e7cea077;touch-action:none;z-index:2}.touchpad span{position:absolute;left:24px;top:24px;width:38px;height:38px;border-radius:50%;background:#e7cea088;border:1px solid #e7cea0;pointer-events:none}.touchactions{display:flex;gap:8px;position:absolute;bottom:21px;right:15px;z-index:2}.touchactions button{position:relative;width:53px;height:53px;padding:0;background:#130d09df;border:1px solid #e7cea085;color:var(--paper);font-size:26px;touch-action:none}.touchactions small{display:block;font-size:6px;font-weight:800;margin-top:-1px;letter-spacing:.3px}.touchcd:not(:empty){position:absolute;inset:0;background:#090807e8;display:grid;place-items:center;font-family:var(--display);font-size:25px;color:var(--paper)}.gamehint{display:none}}
@media(max-width:390px){.backtoratl{display:none}.herocopy h1{font-size:92px}.herotags{gap:5px}.herotags span{font-size:7px}.settingsrow{grid-template-columns:1fr 105px}.segmented button{font-size:10px;padding:0 5px}.tiny{font-size:7px}.joinrow label{font-size:10px}.primary,.secondary{font-size:10px;padding:15px 10px}.primary small,.secondary small{font-size:9px}.instruction h3{font-size:21px}.ability>b{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(min-width:761px){.arenaWrap{grid-column:1;grid-row:1;max-height:calc(100dvh - 280px)}.gamebottom{grid-column:1;grid-row:2;padding:0;margin:0}.livepanel{grid-column:2;grid-row:1 / span 2;max-height:calc(100dvh - 210px);overflow:auto;scrollbar-width:thin;scrollbar-color:#794633 #171310}.gamehint{margin-top:12px}}
@media(max-width:760px){.gamebottom{width:100%;margin:0}.matchlayout{gap:12px}}

/* Brief danger announcement; the actual dodge zones stay visible on the floor. */
.hazard-banner{position:absolute;top:14px;left:14px;z-index:3;pointer-events:none;max-width:calc(100% - 28px);padding:10px 15px;border-left:4px solid #ffbc55;background:#191008ed;box-shadow:0 6px 25px #0005;color:#ffdc91}
.hazard-banner b{display:block;font:400 20px Anton,sans-serif;letter-spacing:.6px}.hazard-banner span{display:block;margin-top:3px;font:700 9px Outfit,sans-serif;letter-spacing:1px;color:#e8d7b5}.hazard-banner[data-kind=barrel]{border-color:#ff6747;color:#ffae89}
@media(max-width:760px){.hazard-banner{top:6px;left:6px;padding:5px 8px;max-width:calc(100% - 12px)}.hazard-banner b{font-size:13px}.hazard-banner span{font-size:7px;letter-spacing:.3px}.arenaWrap:has(.hazard-banner:not([hidden])) #feed{top:62px}}

/* Compact entry and a dedicated pre-match room. */
.topbar{position:relative;height:65px;padding:0 28px;background:#0d0b09}.simple-home{padding:55px 20px 30px;max-width:620px;margin:auto}.entry-card{border:1px solid var(--line);background:#15110f;box-shadow:0 24px 80px #0007}.entry-art{padding:30px;background:linear-gradient(90deg,#110d09e8,#110d09b5),url('./assets/keyart-ratl.png') center 42%/cover}.entry-art h1{font:400 clamp(38px,6vw,57px)/1 var(--display);margin:17px 0 14px}.entry-art h1 em{font-style:normal;color:var(--red)}.entry-art p{font-size:12px;color:var(--paper);margin:0}.entry-body{padding:28px 30px}.entry-create{width:100%;display:flex;justify-content:space-between;font-size:14px}.entry-body #name{margin-bottom:18px}.entry-body .formnote{font-size:11px;line-height:1.6}.entry-join{margin-top:25px;padding-top:23px;border-top:1px solid var(--line)}.entry-join>div{display:flex;gap:10px}.entry-join input{flex:1;min-width:0;text-transform:uppercase;letter-spacing:3px}.entry-join button{padding:12px 18px}.entry-foot{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;gap:12px;margin-top:20px}.entry-foot a{text-decoration:none}.entry-error{padding:12px;background:#d4473919;border-left:2px solid var(--red);color:#f2b8a6;font-size:12px;line-height:1.5}#inviteIntro h2{font-size:30px;text-transform:none;margin:10px 0}#inviteIntro p{color:var(--muted);font-size:12px;line-height:1.6;margin:0 0 24px}.invited .entry-join{margin:0;padding:0;border:0}.invited .entry-join button{width:100%;background:var(--red);border-color:var(--red);text-align:center}.invited #code,.invited #codeLabel{display:none}#otherRoom{margin-top:23px;font-size:11px}.in-lobby .gamebar,.in-lobby .matchlayout,.in-lobby .gamehint{display:none}.lobby-page{max-width:920px;margin:0 auto;padding:28px 0 20px}.lobby-top{display:flex;justify-content:space-between;align-items:center}.lobby-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:24px 0}.lobby-heading h2{font-size:37px;margin:0 0 9px;text-transform:none;letter-spacing:0}.lobby-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.invite-copy{flex-shrink:0}.invite-copy small{font-size:10px}.invite-copy b{letter-spacing:2px;color:var(--paper)}.lobby-settings{display:grid;grid-template-columns:1.2fr 120px 1fr;gap:22px;padding:21px;background:#1a1511;border:1px solid var(--line);align-items:end}.lobby-settings label{font-size:9px}.bot-setting{display:flex;align-items:center;gap:10px;margin:0 0 7px;letter-spacing:0;cursor:pointer}.bot-setting input{width:17px;height:17px;accent-color:var(--red)}.bot-setting span{font-size:11px;color:var(--white);line-height:1.5}.bot-setting small{display:block;color:var(--muted);font-weight:400;font-size:10px}.team-picker{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:23px}.team-column{padding:20px;border:1px solid var(--line);background:#191310;border-top:3px solid var(--red)}.team-column.mint{border-top-color:var(--cyan);background:#101719}.team-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.team-heading h3{font:400 27px var(--display);letter-spacing:1px;margin:0;color:var(--red)}.mint h3{color:var(--cyan)}.team-heading>span{font-size:11px;color:var(--muted)}.team-roster{min-height:150px;display:flex;flex-direction:column;gap:7px}.lobby-player{display:flex;align-items:center;gap:10px;min-height:35px;font-size:12px;padding:8px 10px;border:1px solid #e7cea018;background:#e7cea008;min-width:0}.lobby-player>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lobby-player small{margin-left:auto;flex-shrink:0;font-size:8px;color:var(--muted)}.lobby-player.mine{border-color:#e7cea04d;background:#e7cea012}.empty-team{font-size:11px;color:var(--muted);padding:12px 0}.team-column>button{width:100%;margin-top:15px;text-align:center;padding:11px}.team-column>button:disabled{cursor:default;opacity:.6}.team-column>button.selected{border-color:var(--red);color:#ffaaa0;opacity:1}.mint>button.selected{border-color:var(--cyan);color:var(--cyan)}.lobby-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:25px;padding-top:22px}.lobby-bottom .formnote{font-size:12px;margin:0}.lobby-bottom .primary{flex-shrink:0;padding:16px 28px}.lobby-help{margin-top:26px;color:var(--muted);font-size:11px;line-height:1.8}.lobby-help summary{cursor:pointer;color:var(--paper)}.lobby-help p{margin:10px 0}.ffa-players{margin-top:22px;padding:20px;border:1px solid var(--line);background:#191310}.ffa-players h3{font:400 24px var(--display);margin:0 0 18px}.ffa-players h3 span{font:400 12px Arial;color:var(--muted);margin-left:10px}.ffa-players #roster{grid-template-columns:1fr 1fr}.in-lobby .topbar{height:65px}button:disabled{cursor:default}
@media(max-width:760px){.simple-home{padding:25px 14px}.entry-art{padding:24px}.entry-body{padding:24px}.topbar{padding:0 15px}.lobby-page{padding:20px 7px}.lobby-top>.eyebrow{font-size:7px}.lobby-heading{align-items:stretch;flex-direction:column;gap:17px;padding:22px 0}.lobby-heading h2{font-size:30px}.invite-copy{text-align:center}.invite-copy small{display:inline;margin-left:10px}.lobby-settings{grid-template-columns:1fr 95px;gap:17px;padding:16px}.bot-setting{grid-column:1/-1;margin:0}.team-picker{gap:10px}.team-column{padding:12px 9px}.team-heading{margin-bottom:10px}.team-heading h3{font-size:22px}.team-heading>span{font-size:10px}.team-roster{min-height:110px}.lobby-player{font-size:10px;padding:7px 5px;gap:5px;flex-wrap:wrap}.lobby-player small{font-size:7px}.team-column>button{font-size:10px;padding:11px 4px}.lobby-bottom{flex-direction:column;align-items:stretch;gap:15px;margin-top:20px;padding-top:19px}.lobby-bottom .primary{text-align:center}.lobby-bottom .formnote{font-size:11px}.lobby-help{margin-top:22px}.entry-join button{font-size:11px;padding:12px}.entry-join input{width:120px}.entry-foot{font-size:9px}.ffa-players #roster{grid-template-columns:1fr}.entry-art .eyebrow{font-size:8px}}

.invited #home{display:none}.nickname-dialog{width:min(420px,calc(100vw - 30px));padding:30px;background:linear-gradient(145deg,#271d15,#110d0a);border:1px solid #bda78077;box-shadow:0 24px 100px #000a;color:var(--white)}.nickname-dialog::backdrop{background:#080605b3;backdrop-filter:blur(2px)}.nickname-dialog h2{font-size:40px;text-transform:none;margin:12px 0}.nickname-dialog p{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:23px}.nickname-dialog input{width:100%}.nickname-dialog .primary{margin-top:18px;width:100%;text-align:center}.nickname-dialog .back{display:block;margin-top:22px}.nickname-dialog .entry-error{color:#f2b8a6;margin:14px 0 0}

.lobby-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:13px}.lobby-tools .formnote{margin:0}.lobby-tools .textbutton{flex-shrink:0}.move-player{border:1px solid var(--line);background:#09080755;color:var(--paper);font-size:9px;padding:5px 7px;margin-left:4px;flex-shrink:0}.move-player:disabled{opacity:.3}.lobby-player>span{flex:1}.lobby-player small{margin-left:0}.invite-copy{min-width:240px}@media(max-width:760px){.lobby-tools{align-items:flex-start;flex-direction:column;gap:10px}.lobby-tools .textbutton{font-size:10px}.move-player{margin-left:0;font-size:8px;padding:5px}.lobby-player>span{flex-basis:55%}.invite-copy{min-width:0}}