/*! Bonkolino: Fruit Punch (c) 2026 KL Games OÜ. All rights reserved. */
@font-face{font-family:"Press Start 2P";font-style:normal;font-weight:400;font-display:block;src:url(../../assets/fonts/press-start-2p-latin-400-normal.woff2) format("woff2")}@font-face{font-family:VT323;font-style:normal;font-weight:400;font-display:block;src:url(../../assets/fonts/vt323-latin-400-normal.woff2) format("woff2")}:root{--c-planks: #b8895a;--c-beam: #7a4e28;--c-crate: #c08040;--c-rust: #8a4a20;--c-brass: #b08a30;--c-stone: #8a8580;--c-plate: #6e7078;--c-cider: #ff8a20;--c-cider-glow: #ffb060;--c-danger: #ff2020;--c-ok: #40ff70;--c-text: #c8a464;--c-text-bright: #fff0c0;--c-text-dim: #6e5a3a;--c-shadow: #2a1810;--c-ground: #14100c;--c-panel-dark: #14161a;--c-inner: #0e0c0a;--c-inner-soft: rgba(18,14,11,.94);--bevel-light: #8e9098;--bevel-dark: #2c2e34;--bevel-hover: #b0b2ba;--bevel-wood-light: #7a5e3a;--bevel-wood-dark: #1a1210;--btn-light: #a89a88;--btn-light-hover: #c8bca8;--btn-face: #8a7a6a;--f-head: "Press Start 2P", "Courier New", monospace;--f-body: "VT323", "Courier New", monospace;--fs-h1: 64px;--fs-h2: 48px;--fs-h3: 32px;--fs-h4: 16px;--fs-body-l: 40px;--fs-body-m: 30px;--fs-body-s: 20px;--fs-stat: 60px;--shadow-text: 2px 2px 0 var(--c-shadow);--shadow-text-h1: 4px 4px 0 var(--c-shadow);--shadow-text-h3: 3px 3px 0 var(--c-shadow);--digit-w: 54px;--digit-h: 72px;--digit-sheet: 540px 72px;--hud-inset: 32px;--panel-w: 1280px;--slot: 64px;--icon: 56px;--pip: 20px;--toast-y: 80px;--banner-y: 320px;--t-notify: 3s;--t-toast: 4s;--t-weaponbar: 1.5s;--t-banner-in: 2s;--t-modeline: 2s;--t-damage: .4s;--tx-plate: url(../../assets/ui/ui-plate.png) 0 0/256px 256px;--tx-planks: url(../../assets/ui/ui-console.png) 0 0/256px 256px;--tx-button: url(../../assets/ui/ui-button.png) 0 0/256px 256px;--tx-rail: url(../../assets/ui/ui-frame.png) 0 0/256px 32px repeat-x;--ui-scale: 1;--panel-scale: 1;--stage-scale: 1;--card-scale: 1;--fs-pop: 24px;--fs-digit: 48px;--fs-icon: 30px}html,body{margin:0;height:100%;overflow:hidden;background:var(--c-ground);color:var(--c-text);font-family:var(--f-body);user-select:none}#game{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.hidden{display:none!important}#crt,#uivig{position:fixed;inset:0;pointer-events:none;z-index:50}#crt{background:repeating-linear-gradient(#000 0 2px,transparent 2px 4px);opacity:.05}#uivig{background:radial-gradient(ellipse at center,transparent 55%,var(--c-ground) 100%);opacity:.5}body.noscan #crt,body.noscan #uivig{display:none}.panel{background:var(--tx-plate);image-rendering:pixelated;border:2px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light);box-shadow:0 0 0 2px var(--c-panel-dark)}.slab{background:var(--tx-planks);image-rendering:pixelated;border:2px solid;border-color:var(--bevel-wood-light) var(--bevel-wood-dark) var(--bevel-wood-dark) var(--bevel-wood-light);box-shadow:0 0 0 2px #0c0a08}.btn{height:56px;padding:0 32px;box-sizing:border-box;background:var(--tx-button);background-color:var(--btn-face);background-blend-mode:multiply;image-rendering:pixelated;border:2px solid;border-color:var(--btn-light) var(--c-shadow) var(--c-shadow) var(--btn-light);font:var(--fs-h4) var(--f-head);color:var(--c-text);text-shadow:var(--shadow-text);display:inline-flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;pointer-events:auto;white-space:nowrap}.btn:hover,.btn.on{color:var(--c-text-bright);border-color:var(--btn-light-hover) var(--c-shadow) var(--c-shadow) var(--btn-light-hover)}.btn.selected{color:var(--c-cider);border-color:var(--c-shadow) var(--btn-light) var(--btn-light) var(--c-shadow)}.btn.off,.btn.off:hover{color:var(--c-text-dim);border-color:#6e6a62 var(--c-shadow) var(--c-shadow) #6e6a62;opacity:.7;cursor:default}.tri{width:0;height:0;border-left:14px solid var(--c-cider);border-top:10px solid transparent;border-bottom:10px solid transparent}.chip{height:36px;padding:0 14px;box-sizing:border-box;background:var(--c-shadow);border:2px solid var(--c-text-dim);font:24px var(--f-body);color:var(--c-text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;white-space:nowrap}.chip:hover{border-color:var(--c-text);color:var(--c-text-bright)}.chip.on{background:var(--c-cider);border-color:var(--c-cider-glow);color:var(--c-shadow)}.chip.flat{cursor:default;pointer-events:none}.chip.off,.chip.off:hover{border-color:#3e3020;color:var(--c-text-dim);cursor:default}.field{height:48px;box-sizing:border-box;background:var(--c-ground);border:2px solid;border-color:var(--bevel-dark) var(--bevel-light) var(--bevel-light) var(--bevel-dark);font:var(--fs-body-m) var(--f-body);color:var(--c-text-bright);padding:0 14px;outline:none;pointer-events:auto}.field::placeholder{color:var(--c-text-dim)}.field::selection,#coopCode::selection{background:var(--c-cider);color:var(--c-shadow)}.rail{width:100%;height:32px;background:var(--tx-rail);image-rendering:pixelated;flex:0 0 auto}.hr{height:2px;background:var(--bevel-dark);flex:0 0 auto}.stage{transform:scale(var(--panel-scale));transform-origin:center center}#title .stage,#pause .stage{transform:scale(var(--stage-scale, 1))}.frame{box-sizing:border-box;padding:24px}.frame>.inner{height:100%;box-sizing:border-box;background:var(--c-inner-soft);border:2px solid;border-color:var(--bevel-dark) var(--bevel-light) var(--bevel-light) var(--bevel-dark);padding:36px 56px;display:flex;flex-direction:column}.phead{display:flex;justify-content:space-between;align-items:center;flex:0 0 auto}.ptitle{font:var(--fs-h3) var(--f-head);line-height:1;color:var(--c-text);text-shadow:var(--shadow-text-h3)}.psub,.pesc{font-size:24px;line-height:1;color:var(--c-text);text-shadow:var(--shadow-text)}.pesc{pointer-events:auto;cursor:pointer}.pesc:hover{color:var(--c-text-bright)}.plabel{font:var(--fs-h4) var(--f-head);line-height:1;color:var(--c-text);text-shadow:var(--shadow-text)}.phint{font-size:24px;line-height:1;color:var(--c-text);text-shadow:var(--shadow-text)}.pfoot{font-size:24px;line-height:1;color:var(--c-text-dim);text-shadow:var(--shadow-text)}.box{background:var(--c-inner);border:2px solid var(--bevel-dark);box-sizing:border-box}#hud{position:fixed;inset:0;pointer-events:none;color:var(--c-text);overflow:hidden;font-family:var(--f-body)}#hud>*{z-index:3}#hud>#submerge,#hud>#pain,#hud>#vignette,#hud>#dmgarc,#hud>#lowhp,#hud>#flash{z-index:1}#hud>#lens,#hud>#floattext{z-index:2}#hud>#lowhp{z-index:0}#notify{position:absolute;left:var(--hud-inset);top:var(--hud-inset);display:flex;flex-direction:column;gap:calc(4px * var(--ui-scale));max-width:46vw}#notify .nline{font-size:var(--fs-body-m);line-height:1;color:var(--c-text);text-shadow:var(--shadow-text);animation:nfade var(--t-notify) linear forwards;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#notify .nline.hot{color:var(--c-cider-glow)}#notify .nline.bright{color:var(--c-text-bright)}@keyframes nfade{0%{opacity:1}to{opacity:0}}#teammates{position:absolute;left:var(--hud-inset);top:calc(200px * var(--ui-scale));display:flex;flex-direction:column;gap:calc(6px * var(--ui-scale));font-size:var(--fs-body-m);line-height:1;text-shadow:var(--shadow-text)}#teammates .tm{display:flex;gap:calc(16px * var(--ui-scale));color:var(--c-text)}#teammates .tmname{width:calc(96px * var(--ui-scale));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#teammates .tmhp{width:calc(48px * var(--ui-scale));text-align:right;color:var(--c-ok)}#teammates .tmhp.hurt{color:var(--c-cider-glow)}#teammates .tmhp.low{color:var(--c-danger)}#teammates .tmkills{width:calc(72px * var(--ui-scale));text-align:right}#teammates .tm.dead{color:var(--c-text-dim)}#teammates .tm.dead .tmhp{display:none}#teammates .tm.dead .tmkills{width:calc(136px * var(--ui-scale))}#modeline{position:absolute;right:var(--hud-inset);top:var(--hud-inset);font-size:var(--fs-body-m);line-height:1;color:var(--c-text);text-shadow:var(--shadow-text);opacity:0;transition:opacity .4s;text-align:right}#modeline.show{opacity:.6;transition:none}#editorchip{position:absolute;right:var(--hud-inset);top:calc(76px * var(--ui-scale));padding:calc(2px * var(--ui-scale)) calc(10px * var(--ui-scale));border:calc(2px * var(--ui-scale)) solid var(--c-text-dim);background:var(--c-shadow);color:var(--c-text);font-size:var(--fs-body-s);line-height:calc(24px * var(--ui-scale));pointer-events:auto;cursor:pointer;white-space:nowrap}#editorchip:hover{border-color:var(--c-cider);color:var(--c-text-bright)}#editorchip i{font-style:normal;color:var(--c-cider-glow);margin-left:calc(8px * var(--ui-scale))}#bossbar{position:absolute;left:50%;top:calc(24px * var(--ui-scale));transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:calc(8px * var(--ui-scale))}#bossbar .bossname{font:var(--fs-h4) var(--f-head);line-height:1;color:var(--c-text-bright);text-shadow:var(--shadow-text)}#bossbar .bar{width:calc(600px * var(--ui-scale));max-width:60vw;height:calc(20px * var(--ui-scale));background:var(--c-shadow);border:calc(2px * var(--ui-scale)) solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light);box-sizing:border-box;position:relative}#bossbar .fill{position:absolute;left:0;top:0;bottom:0;width:100%;background:var(--c-danger);transition:width .2s}#bossbar .bossnum{font-size:var(--fs-body-m);line-height:1;color:var(--c-text);text-shadow:var(--shadow-text)}#crosshair{position:absolute;left:50%;top:50%;width:0;height:0;--ch-dot: calc(4px * var(--ui-scale));--ch-tick: calc(2px * var(--ui-scale));--ch-len: calc(10px * var(--ui-scale));--ch-gap: calc(8px * var(--ui-scale));--ch-ring: calc(20px * var(--ui-scale))}#crosshair .dot{position:absolute;width:var(--ch-dot);height:var(--ch-dot);margin:calc(var(--ch-dot) / -2);background:var(--c-text-bright);box-shadow:0 0 0 1px var(--c-shadow)}#crosshair .tick{position:absolute;background:var(--c-text-bright);box-shadow:0 0 0 1px var(--c-shadow);transition:transform .08s}#crosshair .tick.n,#crosshair .tick.s{width:var(--ch-tick);height:var(--ch-len);margin-left:calc(var(--ch-tick) / -2)}#crosshair .tick.e,#crosshair .tick.w{height:var(--ch-tick);width:var(--ch-len);margin-top:calc(var(--ch-tick) / -2)}#crosshair .tick.n{top:calc(0px - var(--ch-gap) - var(--ch-len) - var(--spread, 0px))}#crosshair .tick.s{top:calc(var(--ch-gap) + var(--spread, 0px))}#crosshair .tick.w{left:calc(0px - var(--ch-gap) - var(--ch-len) - var(--spread, 0px))}#crosshair .tick.e{left:calc(var(--ch-gap) + var(--spread, 0px))}#crosshair .ring{position:absolute;width:var(--ch-ring);height:var(--ch-ring);margin:calc(var(--ch-ring) / -2);border:calc(2px * var(--ui-scale)) solid var(--c-text-bright);border-radius:50%;box-sizing:border-box;display:none}#crosshair.ch-ring .ring,#crosshair.ch-ring-wide .ring,#crosshair.ch-dot .ring,#crosshair.tp .ring{display:block}#crosshair.ch-ring-wide{--ch-ring: calc(32px * var(--ui-scale))}#crosshair.tp{--ch-ring: calc(36px * var(--ui-scale))}#crosshair.ch-dot{--ch-ring: calc(10px * var(--ui-scale))}#crosshair.ch-dot .tick{display:none}#crosshair.hit .tick{background:var(--c-cider);transform:translate(var(--tx),var(--ty))}#hitmarker{position:absolute;left:50%;top:50%;width:0;height:0;opacity:0}#hitmarker i{position:absolute;width:calc(2px * var(--ui-scale));height:calc(26px * var(--ui-scale));margin:calc(-13px * var(--ui-scale)) calc(-1px * var(--ui-scale));background:var(--c-danger)}#hitmarker i:first-child{transform:rotate(45deg)}#hitmarker i:last-child{transform:rotate(-45deg)}#hitmarker.show{opacity:1}#streak,#multikill{position:absolute;left:50%;top:50%;opacity:0;text-shadow:var(--shadow-text);white-space:nowrap}#streak{transform:translate(calc(50px * var(--ui-scale)),calc(-50px * var(--ui-scale)));font:var(--fs-pop)/1 var(--f-head);color:var(--c-cider)}#multikill{transform:translate(calc(50px * var(--ui-scale)),calc(30px * var(--ui-scale)));font:var(--fs-pop)/1 var(--f-head);color:var(--c-cider-glow)}#streak.show{animation:pop-up 1s linear forwards}#multikill.show{animation:pop-down 1s linear forwards}@keyframes pop-up{0%{opacity:1;transform:translate(calc(50px * var(--ui-scale)),calc(-50px * var(--ui-scale)))}to{opacity:0;transform:translate(calc(50px * var(--ui-scale)),calc(-90px * var(--ui-scale)))}}@keyframes pop-down{0%{opacity:1;transform:translate(calc(50px * var(--ui-scale)),calc(30px * var(--ui-scale)))}to{opacity:0;transform:translate(calc(50px * var(--ui-scale)),calc(-10px * var(--ui-scale)))}}#camlabel{position:absolute;left:50%;top:60%;transform:translate(-50%);font-size:var(--fs-body-m);line-height:1;color:var(--c-text);text-shadow:var(--shadow-text);opacity:0;transition:opacity .3s}#camlabel.show{opacity:1;transition:none}#banner{position:absolute;left:0;right:0;top:var(--banner-y);text-align:center;animation:bannerin var(--t-banner-in) ease-out}@keyframes bannerin{0%{opacity:0}to{opacity:1}}#banner .btitle{font:var(--fs-h3)/1 var(--f-head);color:var(--c-text);text-shadow:var(--shadow-text-h3)}#banner .bsub{margin-top:calc(16px * var(--ui-scale));font-size:var(--fs-body-m);line-height:1;color:var(--c-text-bright);text-shadow:var(--shadow-text)}#banner.boss .btitle{color:var(--c-danger)}#countdown{position:absolute;left:50%;top:calc(280px * var(--ui-scale));transform:translate(-50%);font:var(--fs-h1)/1 var(--f-head);color:var(--c-text-bright);text-shadow:var(--shadow-text-h1)}#intermission{position:absolute;left:50%;transform:translate(-50%);top:calc(120px * var(--ui-scale));width:max-content;max-width:60vw;display:flex;flex-direction:column;align-items:center;gap:calc(2px * var(--ui-scale));padding:calc(4px * var(--ui-scale)) calc(24px * var(--ui-scale));background:#120e0be0;transition:opacity .5s}#intermission.out{opacity:0}#intermission .ititle{font:var(--fs-h3)/1 var(--f-head);color:var(--c-text-bright);text-shadow:var(--shadow-text-h3);white-space:nowrap}#intermission .iline{font:24px/1 var(--f-body);color:var(--c-text);text-shadow:var(--shadow-text);text-align:center}html.k75 #intermission .iline,html.k50 #intermission .iline{font-size:20px}#intermission .iline b{font-weight:400;color:var(--c-text-bright);white-space:nowrap}#intermission .iline b#iBonus{color:var(--c-cider-glow)}#intermission .iline .il{white-space:nowrap}#intermission .inext{font-size:var(--fs-body-s);line-height:1;color:var(--c-text-bright);text-shadow:var(--shadow-text);white-space:nowrap}#newtool{position:absolute;left:0;top:0;display:none;align-items:center;gap:calc(12px * var(--ui-scale))}#newtool.show{display:flex}#newtool .txt{font:var(--fs-h4)/1 var(--f-head);color:var(--c-cider-glow);text-shadow:var(--shadow-text)}#newtool .arrow{width:0;height:0;border-left:calc(24px * var(--ui-scale)) solid var(--c-cider);border-top:calc(16px * var(--ui-scale)) solid transparent;border-bottom:calc(16px * var(--ui-scale)) solid transparent;animation:nudge .6s infinite alternate}@keyframes nudge{0%{transform:translate(0)}to{transform:translate(calc(8px * var(--ui-scale)))}}.digits{display:flex;align-items:flex-end;gap:calc(2px * var(--ui-scale));height:var(--digit-h)}.digits .d{width:var(--digit-w);height:var(--digit-h);background:url(../../assets/ui/ui-digits.png) 0 0 / var(--digit-sheet);image-rendering:pixelated;flex:0 0 auto}.digits .g{height:var(--digit-h);font:var(--fs-digit)/var(--digit-h) var(--f-head);color:var(--c-text-bright);text-shadow:var(--shadow-text-h3);flex:0 0 auto}.digits.low{animation:lowbeat var(--beat, .83s) ease-in-out infinite}@keyframes lowbeat{0%,to{filter:none}50%{filter:brightness(1.8) saturate(0) drop-shadow(0 0 2px #000)}}.digits.flash{filter:brightness(2.2) saturate(.4)}#hudleft{position:absolute;left:var(--hud-inset);bottom:var(--hud-inset);display:flex;align-items:flex-end;gap:calc(16px * var(--ui-scale))}#hudright{position:absolute;right:var(--hud-inset);bottom:var(--hud-inset);display:flex;flex-direction:column;align-items:flex-end;gap:calc(16px * var(--ui-scale))}.stat{display:flex;align-items:flex-end;gap:calc(16px * var(--ui-scale))}#armor{margin-left:calc(24px * var(--ui-scale))}#ammo{display:flex;align-items:flex-end;gap:calc(16px * var(--ui-scale))}.icon{width:var(--icon);height:var(--icon);box-sizing:border-box;margin-bottom:calc(8px * var(--ui-scale));position:relative;flex:0 0 auto;background-position:center center;background-repeat:no-repeat;background-size:var(--icon) var(--icon);image-rendering:pixelated}.icon.plus{background-image:url(../../assets/ui/ui-icon-health.png)}.icon.plank{background-image:url(../../assets/ui/ui-icon-armor.png)}.icon.ammo{background:var(--c-shadow);border:calc(2px * var(--ui-scale)) solid var(--c-text-dim);color:var(--c-text);font:var(--fs-icon)/calc(52px * var(--ui-scale)) var(--f-body);text-align:center}#stamina{display:flex;gap:calc(6px * var(--ui-scale));margin-left:calc(24px * var(--ui-scale));margin-bottom:calc(8px * var(--ui-scale))}#stamina i{display:block;width:var(--pip);height:var(--pip);box-sizing:border-box;background:var(--c-shadow);border:calc(2px * var(--ui-scale)) solid var(--c-text-dim)}#stamina i.full{background:var(--c-ok);border-color:var(--c-shadow)}#stamina.empty i{animation:stamflash .3s}@keyframes stamflash{0%,to{border-color:var(--c-text-dim)}40%{background:var(--c-danger);border-color:var(--c-danger)}}#weaponbar{display:flex;gap:calc(8px * var(--ui-scale));opacity:0;transition:opacity .4s}#weaponbar.show{opacity:.85;transition:none}.slot{width:var(--slot);height:var(--slot);box-sizing:border-box;background:var(--c-shadow);border:calc(2px * var(--ui-scale)) solid var(--c-text-dim);position:relative;opacity:.6}.slot .key{position:absolute;left:calc(4px * var(--ui-scale));top:calc(2px * var(--ui-scale));font-size:var(--fs-body-s);line-height:1;color:var(--c-text)}.slot .glyph{position:absolute;left:0;right:0;bottom:calc(6px * var(--ui-scale));height:calc(32px * var(--ui-scale));background-position:center bottom;background-repeat:no-repeat;background-size:calc(32px * var(--ui-scale)) calc(32px * var(--ui-scale));image-rendering:auto}.slot[data-w=nailgun] .glyph{background-image:url(../../assets/ui/ui-glyph-nailgun.png)}.slot[data-w=shotgun] .glyph{background-image:url(../../assets/ui/ui-glyph-shotgun.png)}.slot[data-w=ssg] .glyph{background-image:url(../../assets/ui/ui-glyph-ssg.png)}.slot[data-w=chaingun] .glyph{background-image:url(../../assets/ui/ui-glyph-chaingun.png)}.slot[data-w=railgun] .glyph{background-image:url(../../assets/ui/ui-glyph-railgun.png)}.slot[data-w=rocket] .glyph{background-image:url(../../assets/ui/ui-glyph-rocket.png)}.slot.owned{opacity:1}.slot.owned.empty .glyph{opacity:.35}.slot.locked{opacity:.4;border-color:#3e3020}.slot.locked .key{color:var(--c-text-dim)}.slot.locked .glyph{opacity:.5}.slot.current{background:var(--c-cider);border-color:var(--c-cider-glow);opacity:1}.slot.current .key{color:var(--c-shadow)}.slot.current .glyph{filter:drop-shadow(0 0 calc(1px * var(--ui-scale)) var(--c-shadow))}.slot.new{animation:slotnew .4s 4}@keyframes slotnew{0%,to{filter:none}50%{filter:brightness(2.6)}}#submerge{position:absolute;inset:0;background:var(--c-cider);opacity:0}#pain{position:absolute;inset:0;background:#ff1a10;opacity:0}#pain.armor{background:#d8a028}#vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,#f000 40%,#c80a0af2);opacity:0}#lowhp{position:absolute;inset:0;background:radial-gradient(closest-side,#ff202000 72%,#ff202080,#ff281eb3);opacity:0}#lowhp.crit{background:radial-gradient(closest-side,#ff202000 52%,#ff202099 84%,#ff281eb3)}#hud.lowhp #dmgarc:not(.armor){background:#fff;box-shadow:0 0 calc(6px * var(--ui-scale)) var(--c-danger)}#flash{position:absolute;inset:0;background:#fff8b0;opacity:0}#lens{position:absolute;inset:0;width:100%;height:100%}#floattext{position:absolute;inset:0}#floattext .ft{position:absolute;transform:translate(-50%,-50%);font-size:var(--fs-body-m);line-height:1;text-shadow:var(--shadow-text);white-space:nowrap;display:none}#dmgarc{position:absolute;background:var(--c-danger);opacity:0}#dmgarc.e-l{left:0;top:50%;margin-top:calc(-200px * var(--ui-scale));width:calc(8px * var(--ui-scale));height:calc(400px * var(--ui-scale))}#dmgarc.e-r{right:0;top:50%;margin-top:calc(-200px * var(--ui-scale));width:calc(8px * var(--ui-scale));height:calc(400px * var(--ui-scale))}#dmgarc.e-t{top:0;left:50%;margin-left:calc(-200px * var(--ui-scale));height:calc(8px * var(--ui-scale));width:calc(400px * var(--ui-scale))}#dmgarc.e-b{bottom:0;left:50%;margin-left:calc(-200px * var(--ui-scale));height:calc(8px * var(--ui-scale));width:calc(400px * var(--ui-scale))}#dmgarc.armor{background:var(--c-brass)}#debug{position:absolute;left:var(--hud-inset);top:300px;font:13px/1.4 monospace;color:#9f9;text-shadow:1px 1px 0 #000;white-space:pre}#sandbox{position:absolute;left:var(--hud-inset);bottom:calc(150px * var(--ui-scale));display:flex;flex-direction:column;gap:calc(4px * var(--ui-scale))}#sandbox .srow{font-size:var(--fs-body-s);line-height:1;color:var(--c-text);text-shadow:var(--shadow-text);white-space:nowrap}#sandbox .srow b{display:inline-block;min-width:calc(32px * var(--ui-scale));font-weight:400;color:var(--c-cider-glow)}#tags,#nametags{position:absolute;inset:0;pointer-events:none}#spectate{position:absolute;left:0;right:0;bottom:calc(64px * var(--ui-scale));display:flex;flex-direction:column;align-items:center;gap:calc(16px * var(--ui-scale))}#spectate:before{content:"";position:fixed;inset:0;background:var(--c-ground);opacity:.15;z-index:-1}#spectate .stitle{font:var(--fs-h3)/1 var(--f-head);color:var(--c-danger);text-shadow:var(--shadow-text-h3)}#spectate .ssub{font-size:var(--fs-body-m);line-height:1;color:var(--c-text-bright);text-shadow:var(--shadow-text)}#spectate .swatch{font-size:var(--fs-body-m);line-height:1;color:var(--c-text);text-shadow:var(--shadow-text)}#spectate .swatch b{font-weight:400;color:var(--c-text)}html.k75 #hud,html.k75 #netstatus{--fs-h1: 48px;--fs-h2: 32px;--fs-h3: 24px;--fs-h4: 16px;--fs-stat: 40px;--fs-body-l: 30px;--fs-body-m: 24px;--fs-body-s: 20px;--fs-pop: 16px;--fs-digit: 32px;--fs-icon: 24px;--shadow-text: 2px 2px 0 var(--c-shadow);--shadow-text-h3: 2px 2px 0 var(--c-shadow);--shadow-text-h1: 3px 3px 0 var(--c-shadow);--digit-w: 40px;--digit-h: 54px;--digit-sheet: 400px 54px;--hud-inset: 24px;--slot: 48px;--icon: 42px;--pip: 15px;--toast-y: 60px;--banner-y: 240px}html.k50 #hud,html.k50 #netstatus{--fs-h1: 32px;--fs-h2: 24px;--fs-h3: 16px;--fs-h4: 16px;--fs-stat: 30px;--fs-body-l: 20px;--fs-body-m: 20px;--fs-body-s: 20px;--fs-pop: 16px;--fs-digit: 24px;--fs-icon: 20px;--shadow-text: 1px 1px 0 var(--c-shadow);--shadow-text-h3: 2px 2px 0 var(--c-shadow);--shadow-text-h1: 2px 2px 0 var(--c-shadow);--digit-w: 27px;--digit-h: 36px;--digit-sheet: 270px 36px;--hud-inset: 16px;--slot: 32px;--icon: 28px;--pip: 10px;--toast-y: 40px;--banner-y: 160px}.screen{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:20;color:var(--c-text)}.screen:before{content:"";position:absolute;inset:0;background:var(--c-ground);opacity:.35}.screen>*{position:relative}#title{cursor:default}#title .stage{width:1920px;height:1080px;position:relative;flex:0 0 auto}#titletop{position:absolute;left:0;right:0;top:144px;display:flex;flex-direction:column;align-items:center;gap:24px}#wordmark{font:var(--fs-h1)/1 var(--f-head);color:var(--c-text);text-shadow:var(--shadow-text-h1);letter-spacing:4px}#subtitle{font:var(--fs-h3)/1 var(--f-head);color:var(--c-cider);text-shadow:var(--shadow-text-h3)}#titlerail{width:832px;height:32px;background:var(--tx-rail);image-rendering:pixelated;margin-top:8px}#tagline{font-size:var(--fs-body-m);line-height:1;color:var(--c-text-dim);text-shadow:var(--shadow-text)}#menu{position:absolute;left:0;right:0;top:520px;display:flex;flex-direction:column;align-items:center;gap:32px}#menu .mitem{position:relative;width:480px;display:flex;align-items:center;justify-content:center;font:var(--fs-h3)/1 var(--f-head);color:var(--c-text);text-shadow:var(--shadow-text-h3);pointer-events:auto;cursor:pointer}#menu .mitem .cursor{position:absolute;left:24px;width:0;height:0;border-left:20px solid var(--c-cider);border-top:14px solid transparent;border-bottom:14px solid transparent;visibility:hidden}#menu .mitem.on{color:var(--c-text-bright)}#menu .mitem.on .cursor{visibility:visible}#title.loading #menu{opacity:.35;pointer-events:none}#title.loading #menu .mitem.on{color:var(--c-text)}#title.loading #menu .cursor{visibility:hidden}#hint{position:absolute;left:0;right:0;top:800px;text-align:center;font-size:var(--fs-body-m);line-height:1;color:var(--c-text-dim);text-shadow:var(--shadow-text)}#title.loading #hint{display:none}#loading{position:absolute;left:0;right:0;top:800px;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:var(--fs-body-m);line-height:1;color:var(--c-text-bright);text-shadow:var(--shadow-text)}#loadsub{color:var(--c-text)}#loadbar{width:288px;height:12px;box-sizing:border-box;border:2px solid var(--c-text);background:var(--c-shadow);position:relative}#loadbar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--c-cider);transition:width .3s linear}#best{position:absolute;left:64px;bottom:56px;display:flex;flex-direction:column;gap:8px;font-size:var(--fs-body-m);line-height:1;color:var(--c-text);text-shadow:var(--shadow-text)}#title.loading #best{opacity:.5}#sharedbadge{position:absolute;right:64px;top:56px;display:flex;align-items:center;gap:12px;background:var(--c-shadow);border:2px solid var(--c-cider);padding:10px 16px;font-size:var(--fs-body-m);line-height:1;color:var(--c-cider-glow)}#sharedbadge i{width:12px;height:12px;background:var(--c-cider)}#studio{position:absolute;right:64px;bottom:48px;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.plate{width:256px;height:144px;background:url(../../assets/ui/ui-logo-rust.png) center/contain no-repeat;image-rendering:pixelated}#version,#notice{font-size:var(--fs-body-s);line-height:1;color:var(--c-text-dim);text-shadow:var(--shadow-text)}#play .frame{width:1280px;height:840px}#play .inner{gap:28px}#play .pcols{display:grid;grid-template-columns:minmax(488px,1fr) 1fr;gap:56px;flex:1;min-height:0}#play .pcol{display:flex;flex-direction:column;gap:14px;min-height:0}#play .prow{display:flex;justify-content:space-between;align-items:baseline}#play .plistwrap{display:flex;flex:1;min-height:0}#levelList{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--c-inner);border:2px solid var(--bevel-dark);box-sizing:border-box;pointer-events:auto;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;padding:12px}#levelList::-webkit-scrollbar{width:20px}#levelList::-webkit-scrollbar-track{background:var(--c-inner);border-left:2px solid var(--bevel-dark)}#levelList::-webkit-scrollbar-thumb{background:var(--c-brass);border:2px solid var(--c-inner)}.lcard{display:flex;flex-direction:column;min-width:0;box-sizing:border-box;border:2px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light);background:var(--c-shadow);color:var(--c-text);pointer-events:auto;cursor:pointer}.lcard:hover{color:var(--c-text-bright);border-color:var(--bevel-hover) var(--bevel-dark) var(--bevel-dark) var(--bevel-hover)}.lcard.on{color:var(--c-text-bright);border-color:var(--bevel-dark) var(--bevel-light) var(--bevel-light) var(--bevel-dark);box-shadow:0 0 0 2px var(--c-cider)}.lpic{position:relative;overflow:hidden;width:100%;aspect-ratio:16 / 9;background:var(--c-ground);flex:0 0 auto}.lpic img{display:block;width:100%;height:100%;object-fit:cover}.lpic.none{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;padding:0 8px;box-shadow:inset 2px 2px 0 var(--bevel-dark),inset -2px -2px 0 var(--bevel-light)}.lpic .lphname{max-width:100%;font:16px/1 var(--f-head);color:var(--c-text-bright);text-shadow:var(--shadow-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lpic .lphnote{font:20px/1 var(--f-body);color:var(--c-text)}.lcard .lname{display:block;height:48px;padding:6px 12px 0;box-sizing:border-box;font:16px/18px var(--f-head);text-shadow:var(--shadow-text);overflow:hidden}.lcard .lname i{font-style:normal;margin-right:8px}#coopLevels .lcard .lname,body.phone .lcard .lname{height:28px;padding:0 8px;font:20px/28px var(--f-body);white-space:nowrap;text-overflow:ellipsis}#play .pbtns{margin-top:auto;display:flex;justify-content:flex-end;gap:16px}#modeCards{display:flex;flex-direction:column;gap:14px}.mcard{display:flex;flex-direction:column;border:2px solid var(--c-text-dim);pointer-events:auto;cursor:pointer}.mcard .mhead{height:56px;padding:0 20px;box-sizing:border-box;background:var(--tx-button);background-color:#6a5a4a;background-blend-mode:multiply;image-rendering:pixelated;display:flex;align-items:center;gap:16px;border-bottom:2px solid var(--c-shadow);opacity:.85}.mcard .radio{width:20px;height:20px;box-sizing:border-box;border:2px solid var(--c-text-dim);background:var(--c-inner);flex:0 0 auto}.mcard .mname{font:var(--fs-h4)/1 var(--f-head);color:var(--c-text);text-shadow:var(--shadow-text)}.mcard .mdesc{padding:16px 20px;background:var(--c-inner);font-size:var(--fs-body-m);line-height:1.1;color:var(--c-text);text-shadow:var(--shadow-text)}.mcard .mcur{margin-left:auto;width:0;height:0;visibility:hidden;border-left:16px solid var(--c-cider);border-top:12px solid transparent;border-bottom:12px solid transparent}.mcard.on{border-color:var(--c-cider);box-shadow:0 0 0 2px var(--c-shadow)}.mcard.on .mhead{opacity:1}.mcard.on .radio{border-color:var(--c-cider-glow);background:var(--c-cider)}.mcard.on .mname{color:var(--c-cider-glow)}.mcard.on .mdesc{color:var(--c-text-bright)}.mcard.on .mcur{visibility:visible}#options .frame{width:1280px;height:1000px}#options .inner{gap:20px}#options .ocols{display:grid;grid-template-columns:1fr 1fr;column-gap:64px}#options .ocol{display:flex;flex-direction:column}#options .ogroup{font:var(--fs-h4)/1 var(--f-head);color:var(--c-text);text-shadow:var(--shadow-text);margin-bottom:6px}.krow{display:flex;justify-content:space-between;align-items:center;gap:16px;height:52px;box-sizing:border-box;border-bottom:2px solid var(--bevel-dark);font-size:var(--fs-body-m);line-height:1;text-shadow:var(--shadow-text)}.krow:last-child{border-bottom:0}.krow .klabel{color:var(--c-text)}.krow .kslots{display:flex;gap:8px;align-items:center}.kslot{min-width:48px;height:36px;padding:0 10px;box-sizing:border-box;background:var(--c-shadow);border:2px solid var(--c-text-dim);display:inline-flex;align-items:center;justify-content:center;color:var(--c-text-bright);font-size:24px;cursor:pointer;pointer-events:auto;white-space:nowrap}.kslot:hover{border-color:var(--c-text)}.kslot.empty{color:var(--c-text-dim)}.krow.capturing{background:var(--c-shadow);border:2px solid var(--c-cider);margin:0 -12px;padding:0 12px}.krow.capturing .klabel{color:var(--c-text-bright)}.krow.capturing .kslot{color:var(--c-cider);animation:blink .5s steps(1) infinite}.krow .kcancel{font-size:24px;color:var(--c-text)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:.25}}#keynote{min-height:30px;font-size:var(--fs-body-m);line-height:1;color:var(--c-cider);text-shadow:var(--shadow-text);opacity:0;transition:opacity .2s}#keynote.show{opacity:1}#options .orow{display:flex;justify-content:space-between;align-items:center;height:52px;font-size:var(--fs-body-m);line-height:1;color:var(--c-text);text-shadow:var(--shadow-text)}#options .chips{display:flex;gap:8px}#options .ofoot2{font-size:24px;line-height:1;color:var(--c-text);text-shadow:var(--shadow-text)}#options .obtm{margin-top:auto;display:flex;justify-content:space-between;align-items:flex-end}#options .ofoot{font-size:var(--fs-body-s);line-height:1;color:var(--c-text-dim);text-shadow:var(--shadow-text)}#options .pbtns{display:flex;gap:16px}#coop .frame{width:1280px;height:840px}#coop .inner{gap:24px}#coop .cname{display:flex;align-items:center;gap:24px}#coop .cname input{width:320px;text-transform:uppercase}#coop .ccols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;flex:1;min-height:0}#coop .ccol{padding:24px;display:flex;flex-direction:column;gap:18px}#coop .chead{font:var(--fs-h4)/1 var(--f-head);color:var(--c-text-bright);text-shadow:var(--shadow-text)}#coop .crow{display:flex;align-items:flex-start;gap:16px}#coop .crowlabel{font-size:24px;line-height:36px;color:var(--c-text);text-shadow:var(--shadow-text);width:80px;flex:0 0 auto}#coop .cseg{display:flex;gap:8px;flex-wrap:wrap}#coop .cseg .chip i{font-style:normal;margin-right:6px}#coop #coopLevels{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;position:relative;padding:4px;margin:-4px;pointer-events:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain}#coopLevels .lcard{flex:0 0 auto;width:164px;scroll-snap-align:start}#coopLevels::-webkit-scrollbar{height:12px}#coopLevels::-webkit-scrollbar-track{background:var(--c-inner)}#coopLevels::-webkit-scrollbar-thumb{background:var(--c-brass);border:2px solid var(--c-inner)}#lobby .lhead{display:flex;align-items:center;justify-content:space-between;gap:24px}#lobby .lheadtext{display:flex;flex-direction:column;gap:22px;min-width:0}#lobbyPic{width:128px;flex:0 0 auto;box-sizing:border-box;border:2px solid;border-color:var(--bevel-dark) var(--bevel-light) var(--bevel-light) var(--bevel-dark)}#coop .clabel{font-size:24px;line-height:1;color:var(--c-text);text-shadow:var(--shadow-text)}#coopCodeBox{position:relative;height:96px;background:var(--c-ground);border:2px solid var(--c-cider);box-shadow:0 0 0 2px var(--c-shadow);display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:auto;cursor:text}#coopCodeView{display:flex;align-items:center;gap:8px;font:48px/1 var(--f-head);color:var(--c-text-bright);text-shadow:var(--shadow-text-h1)}#coopCodeView .cc{width:48px;text-align:center}#coopCodeView .caret{width:24px;height:48px;background:var(--c-cider);animation:blink .5s steps(1) infinite}#coopCode{position:absolute;inset:0;width:100%;height:100%;opacity:0;border:0;background:none;font-size:48px;text-align:center;pointer-events:auto}#coopNote{min-height:30px;font-size:var(--fs-body-m);line-height:1;color:var(--c-cider-glow);text-shadow:var(--shadow-text)}#coopNote.warn{color:var(--c-danger)}#coop .cbtn{margin-top:auto}#coop .cbtn .btn{width:100%}#coop.busy #coopJoin,#coop.busy #coopHost{color:var(--c-text-dim);border-color:#6e6a62 var(--c-shadow) var(--c-shadow) #6e6a62;opacity:.7;pointer-events:none}#lobby .frame{width:1280px;height:880px}#lobby .inner{gap:22px}#lobby .lcode{padding:20px 24px;display:flex;align-items:center;gap:32px;border-color:var(--c-cider);box-shadow:0 0 0 2px var(--c-shadow)}#lobby .lcodeleft{display:flex;flex-direction:column;gap:10px}#lobby .lcodelabel{font:var(--fs-h4)/1 var(--f-head);color:var(--c-text);text-shadow:var(--shadow-text)}#lobbyCode{font:var(--fs-h1)/1 var(--f-head);color:var(--c-text-bright);text-shadow:var(--shadow-text-h1);letter-spacing:8px}#lobby .lcoderight{display:flex;flex-direction:column;gap:12px;margin-left:auto;align-items:flex-end}#lobbyCopied{font-size:var(--fs-body-m);line-height:1;color:var(--c-ok);text-shadow:var(--shadow-text);opacity:0;transition:opacity .2s}#lobbyCopied.show{opacity:1;transition:none}#lobby .lbtns{display:flex;gap:12px}#lobbyList{display:flex;flex-direction:column}#lobbyList .lrow{display:flex;align-items:center;gap:24px;height:60px;padding:0 20px;box-sizing:border-box;border-bottom:2px solid var(--bevel-dark);font-size:var(--fs-body-m);line-height:1}#lobbyList .lrow:last-child{border-bottom:0}#lobbyList .lname{width:240px;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#lobbyList .lrow.ready .lname{color:var(--c-text-bright)}#lobbyList .lrow.empty .lname{width:auto;color:var(--c-text)}#lobbyList .lstate{margin-left:auto;color:var(--c-text)}#lobbyList .lstate.ready{color:var(--c-ok)}#lobbyList .lstate.wait{color:var(--c-cider-glow)}#lobby .lhint{font-size:var(--fs-body-m);line-height:1;color:var(--c-text);text-shadow:var(--shadow-text)}#lobby .lfoot{margin-top:auto;display:flex;justify-content:space-between}#lobby.joining #lobbyList,#lobby.joining .lbtns{opacity:.5}#death{cursor:pointer}#deathPeek{display:none}#death.peek{align-items:flex-start}#death.peek:before,#death.peek .stage,#death.peek #deathLogo{display:none}#death.peek #deathPeek{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:7vh;padding:0 16px;animation:peekin .35s ease-out}#deathPeekTitle{font:var(--fs-h3)/1 var(--f-head);color:var(--c-text-bright);text-shadow:var(--shadow-text-h3);text-align:center}#deathPeekTitle.clock{color:var(--c-cider)}#deathPeekHint{font-size:var(--fs-body-m);line-height:1;color:var(--c-text-bright);text-shadow:var(--shadow-text);text-align:center;animation:peekpulse 1.6s ease-in-out infinite}@keyframes peekin{0%{transform:translateY(-24px);opacity:0}to{transform:none;opacity:1}}@keyframes peekpulse{0%,to{opacity:1}50%{opacity:.55}}#death:before{opacity:.5}#death .stage{transform:scale(var(--card-scale, 1))}#death .slab{width:1100px;box-sizing:border-box;padding:36px 56px 28px;display:flex;flex-direction:column;align-items:center;gap:18px;animation:slabin .3s ease-out;position:relative;background:#14100cc7}#death .slab:before,#results .slab:before{content:"";position:absolute;inset:0;background:var(--tx-planks);image-rendering:pixelated;opacity:.55;pointer-events:none}#death .slab>*,#results .slab>*{position:relative;z-index:1}@keyframes slabin{0%{transform:translateY(40px) scale(var(--card-scale, 1));opacity:0}to{transform:scale(var(--card-scale, 1));opacity:1}}#deathEyebrow,#resultsEyebrow{font:var(--fs-h4)/1 var(--f-head);color:var(--c-cider-glow);text-shadow:var(--shadow-text);letter-spacing:4px}#deathHeadline{font:var(--fs-h3)/1 var(--f-head);color:var(--c-text-bright);text-shadow:var(--shadow-text-h3);text-align:center}#deathHeadline.clock,#resultsHeadline.clock{color:var(--c-cider)}#killedBy{display:flex;align-items:center;gap:20px}#killedBy .kb{font-size:var(--fs-body-m);line-height:1;color:var(--c-text);text-shadow:var(--shadow-text)}#killerFace{width:64px;height:64px;border:2px solid var(--c-text);background:var(--c-shadow);image-rendering:pixelated}#killerName{font:24px/1 var(--f-head);color:var(--c-text-bright);text-shadow:var(--shadow-text)}#deathHero{display:flex;align-items:flex-end;justify-content:center;gap:72px;margin-top:4px}#deathHero .hstat{display:flex;flex-direction:column;align-items:center;gap:10px}#deathHero .hstat b{font:var(--fs-stat)/1 var(--f-body);font-weight:400;color:var(--c-text-bright);text-shadow:var(--shadow-text-h3)}#deathHero .hstat span{font:var(--fs-h4)/1 var(--f-head);color:var(--c-text);text-shadow:var(--shadow-text)}#deathHero .hstat.score b{color:var(--c-cider-glow)}#deathHero .hstat.aside b{font:var(--fs-body-l)/1 var(--f-body)}#deathStats{display:grid;grid-template-columns:repeat(3,1fr);column-gap:48px;row-gap:12px;width:100%;font-size:var(--fs-body-m);line-height:1;text-shadow:var(--shadow-text)}#deathStats .row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-bottom:8px;border-bottom:2px solid var(--bevel-dark)}#deathStats .row span{color:var(--c-text)}#deathStats .row b{font-weight:400;color:var(--c-text-bright)}#death .dbtm{margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:16px}#newhigh{font:24px/1 var(--f-head);color:var(--c-cider);text-shadow:var(--shadow-text);animation:highblink .6s steps(1) infinite}@keyframes highblink{0%,49%{color:var(--c-cider)}50%,to{color:var(--c-cider-glow)}}#restartline{font-size:var(--fs-body-m);line-height:1;color:var(--c-text-bright);text-shadow:var(--shadow-text)}#deathLogo{position:absolute;right:40px;bottom:32px;width:192px;height:108px;opacity:.8}#results{cursor:pointer}#results:before{opacity:.5}#results .stage{transform:scale(var(--card-scale, 1))}#results .frame{width:1100px;position:relative;background:#14100cc7}#results .inner{gap:18px;align-items:center;height:auto;background:none;padding:28px 44px}#resultsHeadline{font:var(--fs-h3)/1 var(--f-head);color:var(--c-text-bright);text-shadow:var(--shadow-text-h3);text-align:center}#resultsWave{font-size:var(--fs-body-l);line-height:1;color:var(--c-text-bright);text-shadow:var(--shadow-text);text-align:center}#resultsTable{width:100%;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;font-size:var(--fs-body-m);line-height:1;text-shadow:var(--shadow-text);background:var(--c-inner);border:2px solid var(--bevel-dark);box-sizing:border-box}#resultsTable .rh{padding:14px 20px;border-bottom:2px solid var(--bevel-light);font:var(--fs-h4)/1 var(--f-head);color:var(--c-text);text-align:right}#resultsTable .rh.first{text-align:left}#resultsTable .rc{height:60px;padding:0 20px;box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;border-bottom:2px solid var(--bevel-dark);color:var(--c-text)}#resultsTable .rc.rname{justify-content:flex-start;gap:16px;color:var(--c-text-bright)}#resultsTable .rc.mvp{background:var(--c-shadow)}#resultsTable .rc.score{color:var(--c-cider-glow)}#resultsTable .rc.other{color:var(--c-text)}#resultsTable .rrow-last .rc{border-bottom:0}#resultsMvp{font-size:var(--fs-body-m);line-height:1;color:var(--c-cider-glow);text-shadow:var(--shadow-text)}#results .rbtm{margin-top:4px;display:flex;flex-direction:column;align-items:center;gap:16px}#resultsLine{font-size:var(--fs-body-m);line-height:1;color:var(--c-text-bright);text-shadow:var(--shadow-text)}#resultsLine.wait{color:var(--c-text)}#pause{cursor:pointer;align-items:flex-start}#pause:before{opacity:.6}#pause .stage{width:1920px;height:1080px;position:relative;flex:0 0 auto}#pause .stage{transform:translateY(min(0px,calc(100vh - 540px - 540px * var(--stage-scale, 1)))) scale(var(--stage-scale, 1))}#pause .plines{position:absolute;left:0;right:0;top:400px;display:flex;flex-direction:column;align-items:center;gap:40px}#pause .big{font:var(--fs-h1)/1 var(--f-head);color:var(--c-text-bright);text-shadow:var(--shadow-text-h1)}#resumeline{font-size:var(--fs-body-l);line-height:1;color:var(--c-text-bright);text-shadow:var(--shadow-text)}#pauseHint{font-size:var(--fs-body-m);line-height:1;color:var(--c-text);text-shadow:var(--shadow-text)}#pause .pbottom{position:absolute;left:0;right:0;bottom:56px;display:flex;justify-content:center}.btn.fsbtn{height:var(--slot);min-width:448px;font:24px/1 var(--f-head)}#fsTitle{position:absolute;right:64px;top:160px}#pause .pbtnrow{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:center;gap:24px}#pauseOptions{height:var(--slot);min-width:256px;font:24px/1 var(--f-head)}#options .phead .fsbtn{height:48px;margin:-8px 0}.ebtn{background:var(--c-shadow);border:2px solid var(--c-text-dim);padding:8px 16px;font-size:var(--fs-body-m);line-height:1;color:var(--c-text);cursor:pointer;pointer-events:auto;white-space:nowrap}.ebtn:hover{border-color:var(--c-cider);color:var(--c-text-bright)}.ebtn b{font-weight:400;color:var(--c-cider-glow);margin-right:8px}#intermission .ebtn{font-size:var(--fs-body-s);padding:4px 10px}#updchip{position:fixed;left:50%;top:calc(16px * var(--ui-scale));transform:translate(-50%);z-index:65;height:max(32px,calc(40px * var(--ui-scale)));padding:0 calc(16px * var(--ui-scale));white-space:nowrap}#updchip[hidden]{display:none}body.phone #updchip.ontitle{left:50%;right:calc(16px + var(--sa-r));top:232px;transform:none;height:auto;min-height:48px;padding:8px 12px;white-space:normal;text-align:center;line-height:1.25}#netstatus{position:fixed;left:50%;top:var(--toast-y);transform:translate(-50%);z-index:60;background:var(--c-shadow);border:calc(2px * var(--ui-scale)) solid var(--c-text);padding:calc(10px * var(--ui-scale)) calc(24px * var(--ui-scale));font-size:var(--fs-body-m);line-height:1;color:var(--c-text-bright);text-shadow:2px 2px 0 var(--c-ground);pointer-events:none;white-space:nowrap}#netstatus.error{border-color:var(--c-danger);color:var(--c-danger)}html.touch,body.touch{overscroll-behavior:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}body.touch{position:fixed;inset:0}body.touch input,body.touch textarea{-webkit-user-select:text;user-select:text;touch-action:auto}body.touch #levelList{touch-action:pan-y}body.touch #coopLevels{touch-action:pan-x pan-y}body.touch #pause,body.touch #death,body.touch #results,body.touch #spectate{cursor:pointer}body.touch #weaponbar{opacity:.85;pointer-events:auto;touch-action:none}body.touch #intermission.tapskip .inext{pointer-events:auto;touch-action:none}:root{--sa-t: env(safe-area-inset-top, 0px);--sa-r: env(safe-area-inset-right, 0px);--sa-b: env(safe-area-inset-bottom, 0px);--sa-l: env(safe-area-inset-left, 0px)}body.touch{--safe-b: max(24px, calc(var(--sa-b) + 16px));--safe-bv: calc(var(--safe-b) + var(--vv-b, 0px))}#touch{position:fixed;inset:0;touch-action:none;-webkit-user-select:none;user-select:none}#touch .tbtn{position:absolute;box-sizing:border-box;display:flex;align-items:center;justify-content:center;font:30px/1 var(--f-body);letter-spacing:1px;color:var(--c-text-bright);text-shadow:2px 2px 0 var(--c-shadow);background:#14100c99;border:2px solid;border-color:var(--bevel-light) var(--bevel-dark) var(--bevel-dark) var(--bevel-light);box-shadow:0 0 0 2px #14100c99}#touch .tbtn.tfire{color:var(--c-cider-glow)}#touch .tbtn.on{color:var(--c-shadow);text-shadow:none;background:var(--c-cider);border-color:var(--c-shadow) var(--c-cider-glow) var(--c-cider-glow) var(--c-shadow)}#touch .tpause{top:calc(8px + var(--sa-t));right:calc(8px + var(--sa-r));width:56px;height:56px}#touch .tpause:before,#touch .tpause:after{content:"";width:6px;height:20px;margin:0 3px;background:var(--c-text-bright);box-shadow:2px 2px 0 var(--c-shadow)}#touch .tpause.on:before,#touch .tpause.on:after{background:var(--c-shadow);box-shadow:none}#touch .tring{position:absolute;pointer-events:none}#touch .tring canvas,#touch .tknob canvas{display:block;image-rendering:pixelated}#touch .tring.ghost{opacity:.35}#touch .tknob{position:absolute;left:50%;top:50%}#tsafe{position:fixed;left:0;top:0;width:0;height:0;visibility:hidden;pointer-events:none;padding:var(--sa-t) var(--sa-r) var(--sa-b) var(--sa-l)}#rotate,#tiny{display:none}body.tiny #tiny{display:flex;position:fixed;inset:0;z-index:80;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:8px 16px;background:var(--c-ground);text-align:center;pointer-events:auto;touch-action:none}#tinyMark{font:16px/1 var(--f-head);color:var(--c-cider);text-shadow:2px 2px 0 var(--c-shadow)}#tinyGo{min-height:48px;padding:0 20px;font:16px/1 var(--f-head);display:flex;align-items:center}#tinyLine,#tinyNote{font:20px/1 var(--f-body);color:var(--c-text-bright)}#tinyNote{color:var(--c-text)}body.tiny #title,body.tiny #pause,body.tiny #updchip{visibility:hidden}html body.tiny #rotate{display:none}@media(orientation:portrait){body.touch #rotate{display:flex;position:fixed;inset:0;z-index:70;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:24px;text-align:center;background:var(--c-ground);color:var(--c-text-bright);font:16px/1.5 var(--f-head)}body.touch #rotate:before{content:"";width:40px;height:72px;box-sizing:border-box;border:4px solid var(--c-text);border-top-width:10px;border-bottom-width:14px;animation:rotnudge 1.2s steps(1) infinite}}@keyframes rotnudge{0%,49%{transform:rotate(0)}50%,to{transform:rotate(-90deg);border-color:var(--c-cider)}}body.phone{--fs-h1: 32px;--fs-h2: 24px;--fs-h3: 16px;--fs-h4: 16px;--fs-body-l: 30px;--fs-body-m: 20px;--fs-body-s: 20px;--fs-stat: 40px;--hud-inset: 8px;--slot: 56px;--banner-y: 64px;--toast-y: 64px}body.phone #hudleft{top:calc(8px + var(--sa-t));left:calc(8px + var(--sa-l));bottom:auto;transform:scale(.5);transform-origin:0 0;align-items:flex-start}body.phone #hudright{top:calc(68px + var(--sa-t));right:calc(8px + var(--sa-r));bottom:auto}body.phone #ammo{transform:scale(.5);transform-origin:100% 0}body.phone #weaponbar{position:fixed;bottom:calc(8px + var(--sa-b));left:calc(50% + (var(--sa-l) - var(--sa-r)) / 2);transform:translate(-50%);gap:4px}body.phone #weaponbar .slot:not(.owned){display:none}body.phone .slot .key{display:none}body.phone #notify{gap:2px;top:calc(52px + var(--sa-t));left:calc(8px + var(--sa-l));max-width:min(250px,calc(33vw - 16px))}body.phone #teammates{top:calc(8px + var(--sa-t));left:calc(50% + (var(--sa-l) - var(--sa-r)) / 2);transform:translate(-50%);gap:2px;font-size:16px}body.phone #teammates .tm{gap:8px}body.phone #teammates .tmname{width:64px}body.phone #teammates .tmhp{width:40px}body.phone #teammates .tmkills{display:none}body.phone #modeline{top:calc(104px + var(--sa-t));right:calc(8px + var(--sa-r))}body.phone #editorchip{top:calc(8px + var(--sa-t));right:calc(72px + var(--sa-r))}body.phone #bossbar{top:calc(68px + var(--sa-t));gap:4px}body.phone #bossbar .bar{width:min(300px,33vw);height:12px}body.phone #bossbar .bossname{font:20px/1 var(--f-body)}body.phone #banner .bsub{margin-top:8px}body.phone #intermission{top:calc(60px + var(--sa-t));gap:6px;padding:0;background:none;max-width:none}body.phone #intermission .ititle{font-size:var(--fs-h2);text-shadow:var(--shadow-text-h1);background:#120e0be0;padding:6px 16px}body.phone #intermission .iline{display:none}body.phone #intermission .inext{font-size:var(--fs-body-m);background:#120e0be0;padding:14px 16px}body.phone #spectate{bottom:calc(72px + var(--sa-b));gap:6px}body.phone #camlabel{top:70%}body.phone #title .stage,body.phone #pause .stage,body.phone #play .stage,body.phone #options .stage,body.phone #coop .stage,body.phone #lobby .stage,body.phone #death .stage,body.phone #results .stage{transform:none}body.phone #play .stage,body.phone #options .stage,body.phone #coop .stage,body.phone #lobby .stage{width:calc(100% - 16px - var(--sa-l) - var(--sa-r));height:calc(100% - 8px - var(--safe-bv));padding:4px;margin:8px var(--sa-r) 0 var(--sa-l);align-self:flex-start}body.phone .frame>.inner{padding:8px 12px;gap:8px;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior:contain}body.phone .phead{flex-wrap:wrap;gap:8px}body.phone .rail{height:8px}body.phone .psub,body.phone .pfoot{font-size:20px}body.phone .phint{display:none}body.phone .pesc{min-height:48px;display:flex;align-items:center;padding:0 12px;font:16px/1 var(--f-head);border:2px solid var(--c-text-dim);background:var(--c-shadow);box-sizing:border-box}body.phone .btn{height:48px;padding:0 16px}body.phone .chip{height:48px;min-width:48px;padding:0 12px;font-size:20px}body.phone .field{height:48px;font-size:20px}body.phone .plabel{font-size:16px}body.phone #play .inner,body.phone #options .inner,body.phone #coop .inner,body.phone #lobby .inner{gap:8px}body.phone #play .plistwrap{flex:0 0 auto}body.phone #levelList{display:flex;gap:8px;padding:4px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;touch-action:pan-x pan-y;overscroll-behavior-x:contain}body.phone #levelList .lcard{flex:0 0 auto;width:164px;scroll-snap-align:center}body.phone #coopLevels .lcard{width:132px}@media(max-height:339px){body.phone #levelList .lcard{width:132px}}body.phone #options .ocols{column-gap:16px}body.phone #options .orow{min-height:52px;height:auto;gap:8px}body.phone #options .chips{flex-wrap:wrap;justify-content:flex-end}body.phone #options .ofoot2{font-size:20px;line-height:1.1}body.phone #options .pbtns,body.phone #play .pbtns,body.phone #lobby .lbtns{gap:8px}body.phone #coop .cname{gap:12px}body.phone #coop .cname input{width:200px}body.phone #coop .ccols{gap:8px;min-height:auto}body.phone #coop .ccol{padding:8px;gap:8px}body.phone #coop .crowlabel{font-size:20px;line-height:48px;width:56px}body.phone #coopCodeBox{height:56px}body.phone #coopCodeView{font-size:24px}body.phone #coopCodeView .cc{width:24px}body.phone #coopCodeView .caret{width:12px;height:24px}body.phone #lobbyList .lrow{height:40px;padding:0 12px}body.phone #lobby .lfoot{gap:8px}body.phone #play .rail,body.phone #options .rail,body.phone #coop .rail,body.phone #lobby .rail,body.phone #options .hr,body.phone #coop .hr,body.phone #options .psub,body.phone #coop .psub,body.phone #options .ofoot,body.phone #options .phead .fsbtn,body.phone #play .pfoot,body.phone #play .pcol:last-child>.prow,body.phone #lobby .lcodelabel,body.phone .mcard .radio,body.phone .mcard .mcur{display:none}body.phone #play .inner,body.phone #options .inner,body.phone #coop .inner,body.phone #lobby .inner{grid-auto-rows:max-content}body.phone #play .inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-content:start;gap:8px}body.phone #play .phead,body.phone #play .pcols,body.phone #play .pcol{display:contents}body.phone #play .ptitle{grid-area:1 / 1;align-self:center}body.phone #play .pcol:first-child>.pbtns{grid-area:1 / 2;margin:0}body.phone #play .pesc{grid-area:1 / 3;justify-self:end}body.phone #play .pcol:first-child>.prow{grid-area:2 / 1 / 3 / -1}body.phone #play .plistwrap{grid-area:3 / 1 / 4 / -1}body.phone #modeCards{grid-area:4 / 1 / 5 / -1;display:flex;flex-flow:row wrap;gap:8px}body.phone #play .pcol:last-child>.pbtns{grid-area:4 / 1 / 5 / -1;justify-self:end;margin:0;align-self:start;z-index:1}body.phone .mcard{display:contents}body.phone .mcard .mhead{height:48px;padding:0 12px;border:2px solid var(--c-text-dim)}body.phone .mcard.on .mhead{border-color:var(--c-cider);box-shadow:0 0 0 2px var(--c-shadow)}body.phone .mcard .mname{font:20px/1 var(--f-body)}body.phone .mcard:not(.on) .mdesc{display:none}body.phone .mcard .mdesc{order:1;flex:0 0 100%;padding:0;background:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}body.phone #options .inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;column-gap:16px;row-gap:8px}body.phone #options .phead{grid-area:1 / 1 / 2 / -1;min-height:48px;position:sticky;top:-8px;margin-top:-8px;padding-top:8px;background:var(--c-inner);z-index:1}body.phone #options .obtm{grid-area:1 / 2;justify-self:end;align-self:end;margin:0;position:sticky;top:0;z-index:2}body.phone #touchOpts{display:contents}body.phone #touchOpts>.ocol:first-child{grid-area:2 / 1 / 4 / 2}body.phone #touchOpts>.ocol+.ocol{grid-area:2 / 2}body.phone #options .ocols:not(#touchOpts){grid-area:3 / 2;display:flex;flex-direction:column;margin-top:-8px}body.phone #options .ofoot2{grid-area:4 / 1 / 5 / -1}body.phone #keynote{position:absolute;left:50%;bottom:16px;transform:translate(-50%);min-height:0;padding:6px 12px;background:var(--c-shadow);white-space:nowrap;pointer-events:none;z-index:3}@media(max-height:419px)and (min-width:760px){body.phone #options .ofoot2{display:none}}body.phone #coop .inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-content:start;gap:8px}body.phone #coop .phead{display:contents}body.phone #coop .ptitle{grid-area:1 / 1;align-self:center}body.phone #coop .cname{grid-area:1 / 2;justify-self:center}body.phone #coop .pesc{grid-area:1 / 3}body.phone #coop .ccols{grid-area:2 / 1 / 3 / -1}body.phone #coop .ccol{padding:4px 8px;gap:4px}body.phone #coop .cbtn{position:sticky;bottom:-8px;margin-bottom:-8px;padding-bottom:8px;z-index:1}body.phone #lobby .inner{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-content:start;gap:6px 8px}body.phone #lobby .lhead,body.phone #lobby .lheadtext,body.phone #lobby .lcode,body.phone #lobby .lcodeleft,body.phone #lobby .lcoderight{display:contents}body.phone #lobby .ptitle{grid-area:1 / 1;align-self:center}body.phone #lobbyCode{grid-area:1 / 2;align-self:center;font-size:24px;letter-spacing:4px}body.phone #lobbyCopied{grid-area:1 / 3;align-self:center;justify-self:end}body.phone #lobby .lcoderight .lbtns{grid-area:1 / 4}body.phone #lobbyPic{grid-area:2 / 1 / 3 / -1;justify-self:start}body.phone #lobbyMeta{grid-area:2 / 1 / 3 / -1;align-self:start;margin-left:136px;line-height:1.1}body.phone #lobbyList{grid-area:3 / 1 / 4 / -1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}body.phone #lobbyList .lrow{gap:8px;min-width:0}body.phone #lobbyList .lrow:nth-child(odd){border-right:2px solid var(--bevel-dark)}body.phone #lobbyList .lrow:nth-child(n+3){border-bottom:0}body.phone #lobbyList .lname{width:auto;flex:0 1 auto;min-width:0}body.phone #lobbyList .chip.flat{height:24px;min-width:0;padding:0 6px}body.phone #lobbyHint{grid-area:4 / 1 / 5 / -1}body.phone #lobby .lfoot{grid-area:5 / 1 / 6 / -1;position:sticky;bottom:-8px;margin:0 0 -8px;padding-bottom:8px;z-index:1}@media(max-width:759px){body.phone #options .inner{grid-template-columns:minmax(0,1fr) auto}body.phone #touchOpts>.ocol:first-child{grid-area:2 / 1 / 3 / -1}body.phone #touchOpts>.ocol+.ocol{grid-area:3 / 1 / 4 / -1}body.phone #options .ocols:not(#touchOpts){grid-area:4 / 1 / 5 / -1;margin-top:0}body.phone #options .ofoot2{grid-area:5 / 1 / 6 / -1}body.phone #lobby .lcoderight .lbtns{grid-area:2 / 1 / 3 / -1;margin-left:136px;align-self:end}}@media(max-height:339px){body.phone #play .pcol:first-child>.prow,body.phone .mcard.on .mdesc{display:none}body.phone #coop .chead,body.phone #coop .clabel,body.phone #coop .moderow .crowlabel{display:none}body.phone #coop .ccol:first-child{display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;column-gap:8px}body.phone #coop .ccol:first-child>.lvlrow{grid-column:1 / -1}body.phone #coop .ccol:first-child>.cbtn{margin:0;padding:0}body.phone #lobbyPic,body.phone #lobbyHint{display:none}body.phone #lobbyMeta{margin-left:0}}body.phone .btn.fsbtn{height:48px;min-width:288px;font-size:16px}body.phone #pauseOptions{height:48px;min-width:192px;font-size:16px}body.phone #pause .pbtnrow{gap:16px}body.phone #title .stage,body.phone #pause .stage{width:100%;height:100%}body.phone #titletop{left:calc(16px + var(--sa-l));right:50%;top:16px;align-items:flex-start;gap:8px}body.phone #wordmark{letter-spacing:0}body.phone #titlerail{display:none}body.phone #tagline{line-height:1.1}body.phone #menu{left:50%;right:calc(16px + var(--sa-r));top:16px;gap:8px;align-items:stretch}body.phone #menu .mitem{width:auto;height:48px;font-size:16px;border:2px solid var(--c-text-dim);background:#14100c99;box-sizing:border-box}body.phone #menu .mitem.on{border-color:var(--c-cider)}body.phone #menu .mitem .cursor{left:12px;border-left-width:12px;border-top-width:8px;border-bottom-width:8px}body.phone #hint{left:50%;right:calc(16px + var(--sa-r));top:192px;font-size:20px}body.phone #loading{left:50%;right:calc(16px + var(--sa-r));top:192px;gap:8px}body.phone #loadbar{width:100%;max-width:288px}body.phone #best{left:calc(16px + var(--sa-l));bottom:var(--safe-bv);right:calc(50% + 8px);gap:4px}body.phone #sharedbadge{left:calc(16px + var(--sa-l));right:auto;top:128px;padding:6px 8px;max-width:calc(50% - 32px);font-size:20px}body.phone #studio{display:none}body.phone #fsTitle{right:calc(16px + var(--sa-r));top:auto;bottom:var(--safe-bv)}body.phone #pause .plines{top:20%;gap:16px;padding:0 16px}body.phone #pauseHint{text-align:center;line-height:1.1}body.phone #pause .pbottom{bottom:var(--safe-bv)}body.phone #death,body.phone #results{padding:8px 8px var(--safe-bv)}body.phone #death .stage,body.phone #results .stage{width:100%;max-height:100%;overflow-y:auto;touch-action:pan-y;animation:none}body.phone #death .dbtm,body.phone #results .rbtm{position:sticky;bottom:0;align-self:stretch;padding:6px 0 4px;z-index:2}body.phone #death .stage.scrolls .dbtm,body.phone #results .stage.scrolls .rbtm{background:#14100cf0}body.phone #results .frame>.inner{overflow:visible}body.phone #death .slab{padding:12px 16px;gap:8px}body.phone #killedBy{gap:12px}body.phone #killerFace{width:32px;height:32px}body.phone #killerName{font-size:16px}body.phone #deathHero{gap:32px;margin-top:0}body.phone #deathHero .hstat{gap:4px}body.phone #deathStats{column-gap:16px;row-gap:4px}body.phone #deathStats .row{padding-bottom:4px}body.phone #death .dbtm,body.phone #results .rbtm{margin-top:0;gap:8px}body.phone #newhigh{font-size:16px}body.phone #deathLogo{display:none}body.phone #results .inner{padding:12px 16px;gap:8px}@media(max-height:340px){body.phone #death .slab{gap:4px;padding:8px 16px}body.phone #deathStats .row{padding-bottom:2px}body.phone #deathHero{gap:24px}}body.phone #resultsTable .rh{padding:8px 12px}body.phone #resultsTable .rc{height:36px;padding:0 12px}
