@font-face{font-family:Archivo Condensed;src:url(./Archivo-W75-SemiBold-C5ts0w3W.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Archivo Condensed;src:url(./Archivo-W75-Bold-DVu1L2lH.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Roboto Mono;src:url(./RobotoMono-Medium-DcGPNROd.woff2)format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Roboto Mono;src:url(./RobotoMono-Bold-_JitiixL.woff2)format("woff2");font-weight:700;font-display:swap}:root{--ink:#0d0b0a;--paper:#e8e2d4;--paper-dim:#b9b2a3;--paper-faint:#e8e2d48c;--red:#c0403c;--red-dark:#3a1414;--steel:#7d90a8;--green:#86d66b;--code:"Archivo Condensed", "Arial Narrow", sans-serif;--num:"Roboto Mono", ui-monospace, monospace;--bone:#e9e0cd;--bone-m:#b9b0a0;--bone-f:#857e73;--ally:#9fb6d4;--horde:#c9a0a2;--alert:#ff6a5a;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{background:var(--ink);width:100%;height:100%;color:var(--paper);font-family:var(--mono);overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100dvh;margin:0;padding:0;font-size:12px;overflow:hidden}#app{height:100dvh;position:fixed;inset:0}#app :not(input,textarea,select,#join,#join *){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#touch,#touch *{touch-action:none}canvas#game{touch-action:none;cursor:crosshair;display:block;position:absolute;inset:0}.hidden{display:none!important}#hud{pointer-events:none;font-family:var(--code);letter-spacing:.08em;color:var(--bone);text-shadow:0 1px 2px #0d0b0a8c;font-weight:700;position:absolute;inset:0}#minimap{top:calc(10px + var(--safe-t));right:calc(10px + var(--safe-r));background:#0a08078c;width:150px;height:150px;position:absolute}#hud .clock{top:calc(10px + var(--mm-h,150px) + 6px + var(--safe-t));right:calc(10px + var(--safe-r));font-family:var(--num);letter-spacing:0;color:var(--bone);font-size:15px;font-weight:700;position:absolute}#hud .clock.last{color:var(--alert)}#hud .vitals{flex-direction:column;align-items:stretch;gap:4px;margin:0 6px;padding-top:16px;display:flex}#hud .loadout.out{opacity:0}#hud .cells{gap:4px;display:flex}#hud .cell{background:var(--bone);width:26px;height:8px}#hud .cell.empty{background:#e9e0cd2e}#hud .vitals.low .cell:not(.empty){background:var(--alert)}#hud .cell.lost{animation:.45s ease-out cell-lost}@keyframes cell-lost{0%{background:#fff;transform:scaleY(1.8)}to{transform:scaleY(1)}}#hud .stam{background:#e9e0cd2e;height:3px}#hud .stam>div{background:var(--bone-m);width:100%;height:100%}#hud .stam.low>div{background:var(--alert)}#hud .bottomleft{top:calc(12px + var(--safe-t));left:calc(14px + var(--safe-l));position:absolute}#hud .context{color:var(--paper-dim);min-height:15px;margin-bottom:6px}#hud .context .key{color:var(--paper-faint);margin-right:6px;font-size:10px}#hud .status{color:var(--paper);letter-spacing:.08em;min-height:16px;margin-bottom:6px;font-size:13px}#hud .status.laststand,#hud .status.downed{color:var(--alert)}#hud .status.ghost{color:var(--ally)}#hud .auto{color:var(--green);letter-spacing:.1em;font-size:10px}#hud .hint{left:50%;bottom:calc(8px + var(--safe-b));color:var(--bone-f);white-space:nowrap;font-size:12px;font-weight:600;position:absolute;transform:translate(-50%)}#hud .toast{letter-spacing:.12em;color:var(--paper);white-space:nowrap;opacity:0;font-size:18px;transition:opacity .35s;position:absolute;top:17%;left:50%;transform:translate(-50%)}#hud .toast.show{opacity:1}#hud .toast.red{color:#f06a50}#hud .toast.big{letter-spacing:.14em;text-shadow:0 0 6px #000,0 0 14px #000c,0 1px #000;font-size:26px}#hud .toast.big.red{color:#ff6a4e;animation:.9s ease-in-out 3 toast-throb}@keyframes toast-throb{0%,to{transform:translate(-50%)scale(1)}40%{transform:translate(-50%)scale(1.06)}}#hud .vignette{pointer-events:none;opacity:0;background:radial-gradient(#780a0a00 52%,#780e0c4d 82%,#5a06068c 100%);transition:opacity .8s;position:absolute;inset:0}#hud .vignette.on{opacity:1;animation:2.4s ease-in-out infinite vignette-breathe}@keyframes vignette-breathe{50%{opacity:.7}}#hud .hurt{pointer-events:none;opacity:0;will-change:opacity;position:absolute;inset:0;box-shadow:inset 0 0 5vmin .4vmin #fff9,inset 0 0 16vmin 2vmin #f5f2eb52}#hud .toast.green{color:var(--green)}#hud .notice{bottom:calc(52px + var(--safe-b));color:#e8c890;opacity:0;white-space:nowrap;font-size:12px;transition:opacity .3s;position:absolute;left:50%;transform:translate(-50%)}#hud .notice.show{opacity:1}#conn-banner{color:var(--paper);letter-spacing:.05em;pointer-events:none;background:#0a0807d9;padding:10px 18px;font-size:13px;position:absolute;top:38%;left:50%;transform:translate(-50%)}#debug{left:calc(12px + var(--safe-l));top:calc(64px + var(--safe-t));color:#cfe8c0;white-space:pre;pointer-events:none;background:#0009;min-height:32px;padding:6px 44px 6px 8px;font-size:11px;line-height:1.45;position:absolute}.panel-backdrop{z-index:20;background:#080605b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.panel{max-width:min(640px,94vw);max-height:calc(100dvh - 20px - var(--safe-t) - var(--safe-b));box-sizing:border-box;background:#161311f5;border:1px solid #e8e2d438;flex-direction:column;padding:20px 26px;display:flex;position:relative;box-shadow:0 10px 40px #0009}.panel-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow:auto}.panel h2{letter-spacing:.2em;color:var(--paper);margin:0 0 12px;padding-right:30px;font-size:14px;font-weight:400}.panel table{border-collapse:collapse;width:100%}.panel td{vertical-align:top;color:var(--paper-dim);padding:3px 10px 3px 0}.panel td:first-child{color:var(--paper);white-space:nowrap}.panel .buttons{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}@media (max-width:560px){.panel{max-width:calc(100vw - 16px - var(--safe-l) - var(--safe-r));padding:14px}.panel tr{margin-bottom:7px;display:block}.panel td{padding:0;display:block}.panel td:first-child{white-space:normal}}body.touch .panel .btn{min-height:38px}.panel h3.how{letter-spacing:.2em;color:var(--paper-dim);margin:16px 0 8px;font-size:12px;font-weight:400}.panel .btn.customize{width:100%;margin:0 0 12px;display:block}.btn{font-family:var(--mono);color:var(--paper);cursor:pointer;letter-spacing:.05em;background:0 0;border:1px solid #e8e2d466;padding:7px 12px;font-size:12px}.btn:hover{background:#e8e2d414}.btn.primary{background:#7a2324;border-color:#a8403c}.btn.primary:hover{background:#8e2a2a}#emote-wheel{z-index:15;background:#08060540;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#emote-wheel .ring{width:280px;height:280px;position:relative}#emote-wheel .item{font-family:var(--mono);color:var(--paper);cursor:pointer;white-space:nowrap;background:#100d0ceb;border:1px solid #e8e2d459;padding:8px 10px;font-size:12px;position:absolute;transform:translate(-50%,-50%)}#emote-wheel .item:hover,#emote-wheel .item:active{background:#5a1c1d}#emote-wheel .item .k{color:var(--paper-faint);margin-right:6px}#join{z-index:30;touch-action:pan-y;background:radial-gradient(ellipse at center, #0d0b0a00 30%, #0d0b0ad9 100%), var(--join-bg,none) center / cover, #1d1a18;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:auto}#join .card{-webkit-user-select:text;user-select:text;background:#0e0c0bc7;border:1px solid #e8e2d429;width:min(560px,92vw);padding:22px 28px 20px;box-shadow:0 20px 60px #0000008c}#join h1{font-family:var(--mono);letter-spacing:.32em;color:var(--paper);text-shadow:3px 3px #5a1c1d,0 0 18px #000c;margin:0;font-size:46px;font-weight:700}#join .sub{color:#c9a0a2;letter-spacing:.5em;text-transform:uppercase;margin:2px 0 18px;font-size:13px}#join .rule{opacity:.8;background:linear-gradient(90deg,#7a2324 0% 40%,#7a232400 100%);height:3px;margin:0 0 16px}#join label{color:var(--paper-faint);letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font-size:11px;display:block}#join input[type=text]{width:100%;font-family:var(--mono);color:var(--paper);background:#00000073;border:1px solid #e8e2d44d;outline:none;margin-bottom:14px;padding:9px 10px;font-size:15px}#join input[type=text]:focus{border-color:#e8e2d4b3}#join .kit{color:var(--paper-dim);margin-bottom:16px;font-size:11.5px;line-height:1.45}#join .go{letter-spacing:.18em;width:100%;padding:11px;font-size:15px}#join .foot{color:var(--paper-faint);margin-top:12px;font-size:10.5px;line-height:1.5}#touch{touch-action:none;position:absolute;inset:0}.stick{pointer-events:none;background:#0a080752;border-radius:50%;width:124px;height:124px;margin:-62px 0 0 -62px;position:absolute}.stick .knob{background:#e9e0cd3d;border-radius:50%;width:42%;height:42%;margin:-21% 0 0 -21%;position:absolute;top:50%;left:50%}.stick.active{background:#0a080773}.stick.attack.active .knob{background:#ff6a5a8c}.stick .lbl{left:0;right:0;bottom:calc(-18px * var(--bs,1));text-align:center;color:var(--bone-f);font-family:var(--code);font-weight:700;font-size:calc(11px * var(--bs,1));letter-spacing:.1em;position:absolute}.tbtn{width:64px;height:64px;color:var(--bone);font-family:var(--code);font-weight:700;font-size:calc(12px * var(--bs,1));letter-spacing:.08em;touch-action:none;-webkit-user-select:none;user-select:none;background:#0a080773;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.tbtn.big{font-size:calc(14px * var(--bs,1))}.tbtn.heavy{background:#c86e3c52}.tbtn.block{background:#9fb6d44d}.tbtn.long{font-size:calc(11px * var(--bs,1));letter-spacing:.04em}.tbtn.small{width:calc(56px * var(--bs,1));height:calc(56px * var(--bs,1));font-size:calc(11px * var(--bs,1))}.tbtn.small.auto,.tbtn.small.emote{top:calc(var(--mm-h,104px) + 18px + var(--safe-t));right:calc(10px + var(--safe-r))}.tbtn.small.emote{right:calc(16px + 56px * var(--bs,1) + var(--safe-r))}.tbtn.down{background:#ff6a5a80}.tbtn.stickmode{color:#0000;background:0 0}.tbtn.on{color:var(--bone);background:#86d66b4d}.bstick{pointer-events:none;z-index:2;background:#0a080759;border-radius:50%;position:absolute}.bstick .knob{width:38.6%;height:38.6%;color:var(--bone);font-family:var(--code);font-size:calc(12px * var(--bs,1));letter-spacing:.06em;border-radius:50%;justify-content:center;align-items:center;margin:-19.3% 0 0 -19.3%;font-weight:700;display:flex;position:absolute;top:50%;left:50%}.bstick.heavy{background:#c86e3c38}.bstick.heavy .knob{background:#c860309e}.bstick.block{background:#9fb6d433}.bstick.block .knob{background:#5b6d86bf}.bstick:after{content:"";background:#e9e0cd14;border-radius:50%;width:22%;height:22%;margin:-11% 0 0 -11%;position:absolute;top:50%;left:50%}body.touch #hud .hint{display:none}body.touch #minimap{width:104px;height:104px}body.touch #hud .clock{top:calc(10px + var(--mm-h,104px) - 18px + var(--safe-t));right:calc(10px + 104px + 8px + var(--safe-r));font-size:13px}body.touch #hud .loadout{bottom:calc(10px + var(--safe-b))}body.touch #hud .toast.big{font-size:19px}@media (max-height:460px){#join .card{padding:12px 18px}#join h1{font-size:30px}#join .sub{margin-bottom:8px;font-size:11px}#join .rule{margin-bottom:8px}#join input[type=text]{margin-bottom:8px;padding:6px 8px}#join .kit{margin-bottom:8px}#join .foot{display:none}#join .go{padding:8px}}#hud .sound{top:calc(10px + var(--safe-t));right:calc(10px + 150px + 8px + var(--safe-r));pointer-events:auto;cursor:pointer;width:30px;height:30px;color:var(--bone-m);background:#0a08078c;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}#hud .sound:hover{color:var(--bone);background:#e9e0cd24}#hud .sound svg{width:18px;height:18px;display:block}#hud .sound.muted{color:#c97a6a}#fsbtn{top:calc(10px + var(--safe-t));right:calc(10px + 150px + 8px + 30px + 6px + var(--safe-r));pointer-events:auto;cursor:pointer;width:30px;height:30px;color:var(--bone-m);background:#0a08078c;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}#fsbtn:hover{color:var(--bone);background:#e9e0cd24}#fsbtn.on{color:var(--green)}#fsbtn svg{width:18px;height:18px;display:block}body.touch #fsbtn{right:calc(10px + 104px + 8px + 34px + 6px + var(--safe-r));width:34px;height:34px}#fshint{top:calc(10px + 34px + 8px + var(--safe-t));right:calc(10px + 104px + 8px + var(--safe-r));max-width:min(300px,70vw);color:var(--bone);font-family:var(--code);letter-spacing:.04em;pointer-events:none;z-index:11;background:#0d0b0ae0;border:1px solid #e9e0cd40;padding:8px 12px;font-size:13px;font-weight:700;line-height:1.4;position:absolute}@media (max-width:560px){#fshint{top:calc(var(--mm-h,104px) + 18px + var(--safe-t));right:calc(10px + var(--safe-r));max-width:calc(100vw - 20px - var(--safe-l) - var(--safe-r))}}body.touch #hud .sound{right:calc(10px + 104px + 8px + var(--safe-r));width:34px;height:34px}.panel .volume{color:var(--paper-dim);align-items:center;gap:10px;margin-top:12px;display:flex}.panel .volume input[type=range]{accent-color:#a8403c;flex:1}#hud .tutorial{left:50%;bottom:calc(23% + var(--safe-b));color:var(--paper);letter-spacing:.05em;white-space:nowrap;opacity:0;background:#0c0a09b8;border-left:3px solid #7a2324;padding:8px 16px 8px 12px;font-size:13px;transition:opacity .35s,transform .35s;position:absolute;transform:translate(-50%,6px)}#hud .tutorial.show{opacity:1;transform:translate(-50%)}#hud .tutorial b{color:#f0c8a0;font-weight:400}#hud .tutorial b.g{color:var(--green)}#hud .tutorial .n{color:var(--paper-faint);margin-right:10px;font-size:10px}body.touch #hud .tutorial{top:calc(50px + var(--safe-t));padding:6px 12px 6px 10px;font-size:11px;bottom:auto}#warend{z-index:12;text-align:center;pointer-events:none;text-shadow:0 1px #000;width:min(520px,90vw);padding:22px 30px 18px;animation:.9s ease-out warend-in;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}@keyframes warend-in{0%{opacity:0;transform:translate(-50%,-50%)scale(1.04)}to{opacity:1;transform:translate(-50%,-54%)scale(1)}}#warend .ink{z-index:-1;pointer-events:none;position:absolute;top:-40px;left:-40px}#warend .title{letter-spacing:.34em;color:var(--paper);text-shadow:3px 3px #5a1c1d,0 0 18px #000c;margin-right:-.34em;font-size:34px}#warend.lost .title{letter-spacing:.22em;color:#e0b0a0;text-shadow:2px 2px #2a2422,0 0 18px #000c;margin-right:-.22em;font-size:26px}#warend .sub{color:#c9a0a2;letter-spacing:.4em;text-transform:uppercase;margin-top:4px;font-size:12px}#warend.lost .sub{color:var(--paper-dim)}#warend .rule{height:6px;margin:10px 0 12px}#warend .time{color:var(--paper-dim);margin-bottom:10px;font-size:11px;line-height:1.5}#warend .stats{border-collapse:collapse;margin:0 auto;font-size:12px}#warend .stats td{color:var(--paper-dim);text-align:right;padding:2px 8px}#warend .stats td+td{text-align:left;color:var(--paper);min-width:70px}#warend .note{color:var(--paper-faint);letter-spacing:.02em;margin-top:8px;font-size:9.5px}#warend .countdown{color:#e8c890;letter-spacing:.12em;margin-top:12px;font-size:13px}#warend .btn{pointer-events:auto;background:#0a080780;margin-top:10px;padding:5px 10px;font-size:11px}#warend.collapsed{top:auto;bottom:calc(64px + var(--safe-b));background:#0c0a09bf;border:1px solid #e8e2d433;width:auto;padding:6px 14px;animation:none;transform:translate(-50%)}#warend.collapsed .inner,#warend.collapsed .ink{display:none}#warend.collapsed .countdown{margin-top:0}#warend.collapsed .btn{margin-top:6px}@media (max-height:460px){#warend{width:min(470px,64vw);padding:10px 22px}#warend .title{font-size:24px}#warend.lost .title{font-size:19px}#warend .sub{font-size:10px}#warend .rule{margin:6px 0}#warend .time{margin-bottom:4px;font-size:10px}#warend .stats{font-size:10.5px}#warend .stats td{padding:0 6px}#warend .note{display:none}#warend .countdown{margin-top:6px;font-size:11px}#warend .btn{margin-top:6px}}#chooser{z-index:14;text-align:center;text-shadow:0 1px #000;pointer-events:auto;touch-action:manipulation;background:#0e0c0bdb;border:1px solid #e8e2d438;border-top:3px solid #7a2324;min-width:250px;max-width:92vw;padding:12px 18px 11px;position:absolute;top:58%;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #0009}#chooser .title{letter-spacing:.2em;color:var(--paper);font-size:15px}#chooser .sub{color:var(--paper-faint);letter-spacing:.06em;margin-top:3px;font-size:10.5px}#chooser .places{flex-direction:column;gap:6px;margin:10px 0 8px;display:flex}#chooser .place{text-align:left;background:#00000059;padding:8px 12px;font-size:13px}#chooser .place .k{color:var(--paper-faint);margin-right:10px}#chooser .place.fort{border-color:#c0403cb3}#chooser .place.closed{color:var(--paper-faint);cursor:not-allowed;background:#280a0a59;border-style:dashed;border-color:#c0403c73}#chooser .place.picked{background:#7a2324;border-color:#c0403c}#chooser .none{color:var(--paper-dim)}#chooser .countdown{color:#e8c890;letter-spacing:.1em;font-size:11.5px}body.touch #chooser{padding:8px 14px;top:50%;transform:translate(-50%,-30%)}body.touch #chooser .place{padding:10px 14px}#craft{z-index:14;width:min(560px,94vw);max-height:calc(100dvh - 140px - var(--safe-t));box-sizing:border-box;text-shadow:0 1px #000;pointer-events:auto;touch-action:manipulation;background:#0e0c0be0;border:1px solid #e8e2d438;border-top:3px solid #8a7056;flex-direction:column;padding:10px 14px 9px;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #0009}#craft .head{justify-content:space-between;align-items:center;min-height:34px;padding-right:34px;display:flex}#craft .body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto}#craft .title{letter-spacing:.2em;color:var(--paper);font-size:15px}#craft .sub{color:var(--paper-faint);letter-spacing:.06em;text-align:center;margin-top:4px;font-size:10.5px}#craft .recipes{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin:8px 0 4px;display:grid}#craft .recipe{text-align:left;background:#00000059;min-height:52px;padding:9px 10px;position:relative;overflow:hidden}#craft .recipe .bar{background:#e8c890;width:0;height:3px;position:absolute;bottom:0;left:0}#craft .recipe .name{font-size:13px}#craft .recipe .k{color:var(--paper-faint);margin-right:8px}#craft .recipe .cost{color:var(--paper-dim);margin-top:3px;font-size:10.5px}#craft .recipe.short{opacity:.45}#craft .recipe.active{background:#5a463273;border-color:#e8c890}#craft .wear{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:4px;display:flex}#craft .wear .sub{width:100%}#craft .gear{padding:8px 14px}body.touch #craft{max-height:calc(100dvh - 20px - var(--safe-t) - var(--safe-b));top:50%;bottom:auto;transform:translate(-50%,-50%)}body.touch #craft .recipe{min-height:58px}#craft .switch{margin-left:auto;margin-right:8px;padding:4px 10px}#crate{z-index:14;width:min(600px,94vw);max-height:min(70vh, calc(100dvh - 140px - var(--safe-t)));box-sizing:border-box;text-shadow:0 1px #000;font-family:var(--mono);color:var(--paper);background:#0e0c0be0;border:1px solid #e8e2d438;border-top:3px solid #6b4e34;flex-direction:column;padding:10px 14px 9px;display:flex;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 10px 34px #0009}#crate .body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;overflow-y:auto}#crate .head{justify-content:space-between;align-items:center;min-height:34px;padding-right:34px;display:flex}#crate .title{letter-spacing:.2em;font-size:15px}#crate .sub{color:var(--paper-faint);letter-spacing:.06em;text-align:center;margin-top:4px;font-size:10.5px}#crate .actions{flex-wrap:wrap;gap:6px;margin:8px 0 4px;display:flex}#crate .big{flex:120px;min-height:44px;padding:8px 10px}#crate .big:disabled{opacity:.4}#crate .lists{grid-template-columns:1fr 1fr;gap:10px;display:grid}#crate .row{align-items:center;gap:6px;margin-top:5px;display:flex}#crate .row .name{flex:1;font-size:12.5px}#crate .row .btn{min-height:36px;padding:4px 10px;font-size:11.5px}#crate .none{color:var(--paper-faint);text-align:center;margin-top:6px;font-size:11px}body.touch #crate{top:50%;bottom:auto;transform:translate(-50%,-50%)}body.touch #crate .row .btn{min-height:44px}@media (max-width:520px){#crate .lists{grid-template-columns:1fr}#craft .recipes{grid-template-columns:repeat(2,1fr)}}#warend.campaign .title,#warend.campaign.lost .title{letter-spacing:.08em;margin-right:0;font-size:19px}#warend.campaign .sub{text-transform:none;letter-spacing:.06em;font-size:12px}@media (max-height:460px){#warend.campaign .title,#warend.campaign.lost .title{font-size:15px}}#debug-tag{top:calc(10px + var(--mm-h,150px) + 30px + var(--safe-t));right:calc(10px + var(--safe-r));z-index:16;font-family:var(--mono);letter-spacing:.16em;color:#ffd27a;cursor:pointer;background:#5a2800bf;border:1px solid #c88a2a;padding:2px 7px;font-size:10px;font-weight:700;position:absolute}body.touch #debug-tag{top:calc(10px + 34px + 6px + var(--safe-t));right:calc(10px + 104px + 8px + var(--safe-r))}#debug-panel{top:calc(10px + var(--mm-h,150px) + 56px + var(--safe-t));right:calc(10px + var(--safe-r));z-index:16;background:#100d0ceb;border:1px solid #c88a2a;flex-direction:column;gap:4px;width:190px;padding:8px;display:flex;position:absolute;box-shadow:0 8px 26px #0009}body.touch #debug-panel{top:calc(10px + 34px + 30px + var(--safe-t));right:calc(10px + 104px + 8px + var(--safe-r));max-height:calc(100dvh - 84px);overflow:auto}#debug-panel .title{color:#ffd27a;letter-spacing:.14em;min-height:30px;margin-bottom:2px;padding-right:36px;font-size:10px}#debug-panel .btn{text-align:left;padding:5px 8px;font-size:11px}#spectate{left:calc(12px + var(--safe-l));top:calc(64px + var(--safe-t));z-index:16;color:#e8dcc8;width:min(430px,100vw - 24px);font-family:var(--mono);background:#100d0ce6;border:1px solid #c88a2a;padding:8px 10px;font-size:11px;line-height:1.45;position:absolute}#spectate .title{color:#ffd27a;min-height:28px;margin-bottom:4px;padding-right:36px;font-weight:700}#spectate .odd{color:#ff8a6a;margin-bottom:4px;font-weight:700}#spectate pre{font:inherit;white-space:pre-wrap;margin:0}#spectate .trail{color:#b9ad98;border-top:1px solid #c88a2a66;margin-top:6px;padding-top:4px}#spectate .row{align-items:center;gap:6px;margin-top:6px;display:flex}#spectate .btn{padding:4px 8px;font-size:11px}#spectate .note{color:#9fd08a}#buildbar,#throwbar{pointer-events:none;left:50%;bottom:calc(100px + var(--safe-b));z-index:14;max-width:92vw;font-family:var(--code);letter-spacing:.08em;color:var(--bone);text-align:center;white-space:nowrap;background:#121010d1;padding:8px 44px;font-weight:700;position:absolute;transform:translate(-50%)}#buildbar.blocked .title,#throwbar.blocked .title{color:var(--alert)}#buildbar .title,#throwbar .title{text-transform:uppercase;font-size:14px}#buildbar .warn,#throwbar .warn{color:var(--bone-m);margin-top:4px;font-size:11.5px}#buildbar .warn:empty,#throwbar .warn:empty{display:none}#buildbar .warn.decay,#throwbar .warn.decay{color:var(--alert)}#buildbar .hint,#throwbar .hint{color:var(--bone-f);margin-top:3px;font-size:11px}#buildbar .row,#throwbar .row{display:none}body.touch #buildbar,body.touch #throwbar{top:calc(8px + var(--safe-t));padding:6px 44px;bottom:auto}body.touch #buildbar .title,body.touch #throwbar .title{font-size:12px}body.touch #buildbar .warn,body.touch #throwbar .warn,body.touch #buildbar .hint,body.touch #throwbar .hint{font-size:10px}#hud .loadout{left:50%;bottom:calc(30px + var(--safe-b));align-items:flex-start;gap:10px;transition:opacity .3s;display:flex;position:absolute;transform:translate(-50%)}.slot{--s:40px;width:var(--s);height:var(--s);color:var(--bone);background:#1210108c;flex:none;place-items:center;display:grid;position:relative}.slot svg,.tbtn.icon svg,.tbtn.square svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:square;stroke-linejoin:miter;width:58%;height:58%}.slot .n{font:700 13px/1 var(--num);letter-spacing:0;color:var(--bone);position:absolute;bottom:2px;right:4px}.slot .k{font:700 9px/1 var(--code);letter-spacing:.08em;color:var(--bone-f);font-style:normal;position:absolute;top:3px;left:4px}.slot.empty{background:#e9e0cd09}.slot.util{background:#e9e0cd24}.slot.none,.slot.none .n{color:var(--bone-f)}.slot.swapping{background:#e9e0cd33}.slotcap{flex-direction:column;align-items:center;gap:5px;display:flex}.slotcap>span{font:700 10px/1 var(--code);letter-spacing:.08em;color:var(--bone-m);white-space:nowrap}u.swap{visibility:hidden;background:#e9e0cd2e;align-self:stretch;height:3px;text-decoration:none;display:block}u.swap.on{visibility:visible}u.swap s{background:var(--bone-m);width:0;height:100%;display:block}u.swap.refill s{background:var(--bone-f)}#hud .loadout.phone .slot{--s:34px}#hud .loadout.phone .cell{width:22px}#hud .loadout.phone .slot .n{font-size:11px;bottom:1px;right:2px}#hud .loadout.phone .vitals{padding-top:13px}#bag{z-index:18;font-family:var(--code);letter-spacing:.08em;color:var(--bone);background:#0d0b0a73;font-weight:700;position:absolute;inset:0}#bag .card{box-sizing:border-box;background:#121010f0;flex-direction:column;gap:14px;width:470px;padding:22px 26px;display:flex;position:absolute;top:max(16px,50% - 280px);left:50%;transform:translate(-50%)}#bag .col{flex-direction:column;gap:12px;display:flex}#bag .head{align-items:baseline;gap:12px;padding-right:30px;display:flex}#bag .title{font-size:20px}#bag .num{font-family:var(--num);letter-spacing:0}#bag .load{color:var(--bone);font-size:15px}#bag .load.full{color:var(--alert)}#bag button{font:inherit;letter-spacing:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0}#bag button:focus{outline:none}#bag .equip{gap:14px;display:flex}#bag .equip .slot{--s:76px;cursor:pointer}#bag .sub{color:var(--bone-f);margin-top:4px;font-size:13px}#bag .grid{grid-template-columns:repeat(6,56px);gap:8px;display:grid}#bag .grid .slot{--s:56px;cursor:pointer}#bag .slot{background:#e9e0cd14}#bag .slot.empty{cursor:default;background:#e9e0cd09}#bag .slot.util{background:#e9e0cd29}#bag .slot.sel{background:#e9e0cd4d}#bag .sel{flex-direction:column;gap:8px;padding-top:10px;display:flex}#bag .selname{align-items:baseline;gap:10px;display:flex}#bag .selname b{font-size:20px}#bag .selname .num{font-size:15px}#bag .selname .tag{color:var(--bone-f);font-size:11px}#bag .blurb{color:var(--bone-f);min-height:15px;font-size:13px}#bag .btns{flex-wrap:wrap;gap:6px 16px;min-height:16px;display:flex}#bag .act{color:var(--bone);font-size:14px}#bag .act:hover{color:#fff}#bag .act.off{color:var(--bone-f);cursor:default}#bag .act .note{margin-left:8px;font-size:11px}#bag .act.holding{color:var(--alert)}#bag.phone{pointer-events:none;background:#0d0b0a4d}#bag.phone .card{pointer-events:auto;top:calc(10px + var(--safe-t));width:min(520px, calc(100vw - 2 * (164px + var(--safe-l))));flex-direction:row;gap:16px;padding:14px 16px;transform:translate(-50%)}#bag.phone .col{gap:8px}#bag.phone .col:first-child{flex:auto;min-width:0}#bag.phone .title{font-size:16px}#bag.phone .load{font-size:13px}#bag.phone .col+.col>.sub{min-height:34px;padding-right:40px}#bag.phone .equip{gap:8px}#bag.phone .equip .slot{--s:50px}#bag.phone .slotcap>span{font-size:9px}#bag.phone .sub{margin-top:0;font-size:11px}#bag.phone .grid{grid-template-columns:repeat(4,44px);gap:6px}#bag.phone .grid .slot{--s:44px}#bag.phone .sel{gap:6px;padding-top:2px}#bag.phone .selname b{font-size:16px}#bag.phone .blurb{font-size:11px}#bag.phone .act{padding:4px 0;font-size:13px}body.bagopen #touch .tbtn:not(.bagbtn),body.touch.bagopen #hud .loadout{display:none}.tbtn.icon{flex-direction:column;gap:3px}.tbtn.icon svg{width:calc(24px * var(--bs,1));height:calc(24px * var(--bs,1))}.tbtn.icon span{font-size:calc(12px * var(--bs,1))}.tbtn.icon b{font:700 calc(12px * var(--bs,1)) / 1 var(--num);letter-spacing:0;color:var(--bone-m)}.tbtn.use{background:#e9e0cd38}.tbtn.use.armed{background:#e9e0cd80}.tbtn.use.none{color:var(--bone-f)}.tbtn.square{width:auto;height:max(28px, calc(32px * var(--bs,1)));padding:0 calc(10px * var(--bs,1));font-size:calc(12px * var(--bs,1));border-radius:0;flex-direction:row;gap:6px}.tbtn.square svg{width:calc(18px * var(--bs,1));height:calc(18px * var(--bs,1))}.tbtn.bagbtn{left:calc(10px + var(--safe-l));top:calc(10px + var(--safe-t));background:#1210108c}body.touch #hud .bottomleft{top:calc(52px + var(--safe-t))}.stick.attack.active.aims .knob{background:#e9e0cd80}#hud .warbadge{top:calc(10px + var(--mm-h,150px) + 28px + var(--safe-t));right:calc(10px + var(--safe-r));text-align:right;width:150px;position:absolute}#hud .warbadge .lv{font-family:var(--num);letter-spacing:0;color:var(--bone-m);font-size:11px}#hud .warbadge .xpbar,#warend .week .xpbar{background:#0d0b0a8c;height:3px;margin-top:3px}#hud .warbadge .xpbar>div,#warend .week .xpbar>div{background:#e8c890;height:100%}#hud .warbadge .note{color:var(--bone-m);margin-top:3px;font-size:11px}#hud .warbadge .note.spend{color:#e8c890}body.touch #hud .warbadge{top:calc(10px + var(--mm-h,104px) + 8px + var(--safe-t));right:calc(10px + 104px + 8px + var(--safe-r));width:120px}#warend.weeks{width:min(700px,94vw);max-height:calc(100dvh - 20px - var(--safe-t) - var(--safe-b));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#6b5a3e transparent;pointer-events:auto;animation:.9s ease-out warend-in-weeks;overflow:hidden auto;transform:translate(-50%,-50%)}#warend.weeks.collapsed{max-height:none;animation:none;overflow:visible;transform:translate(-50%)}@keyframes warend-in-weeks{0%{opacity:0}to{opacity:1}}#warend .week{pointer-events:auto;font-family:var(--code)}#warend .week .rested{color:#e0b0a0;max-width:560px;margin:2px auto 6px;font-size:13px;line-height:1.4}#warend .week .rested.ok{color:var(--green)}#warend .week .weekxp{font-family:var(--num);color:#e8c890;font-size:16px}#warend .week .level{font-family:var(--num);color:var(--paper-dim);margin-top:4px;font-size:11px}#warend .week .xpbar{width:min(360px,80%);height:5px;margin:5px auto 0}#warend .week .bane{color:#d8b878;margin-top:6px;font-size:12px}#warend .week .uphead{letter-spacing:.3em;color:var(--paper);margin-top:14px;font-size:15px}#warend .week .points{color:var(--paper-dim);margin-top:2px;font-size:12px}#warend .week .points.spend{color:#e8c890}#warend .week .upcols{text-align:left;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px;display:grid}#warend .week .branch{letter-spacing:.28em;color:var(--bone-m);border-bottom:1px solid #e8e2d440;margin-bottom:6px;padding-bottom:3px;font-size:11px}#warend .week .up{grid-template-columns:1fr auto;grid-template-areas:"name plus""pips plus""effect effect";align-items:center;column-gap:6px;margin-bottom:8px;display:grid}#warend .week .up .name{color:var(--paper);grid-area:name;justify-content:space-between;font-size:13px;display:flex}#warend .week .up .rank{font-family:var(--num);color:var(--bone-f);font-size:10px}#warend .week .up .pips{grid-area:pips;gap:3px;margin-top:2px;display:flex}#warend .week .up .pips i{background:#e8e2d424;flex:1;height:5px}#warend .week .up .pips i.on{background:#e8c890}#warend .week .up .effect{letter-spacing:.02em;color:var(--paper-dim);grid-area:effect;margin-top:2px;font-size:10.5px}#warend .week .up .plus{min-width:36px;min-height:36px;font-family:var(--num);color:var(--ink);cursor:pointer;touch-action:manipulation;background:#e8c890;border:none;grid-area:plus;font-size:20px;line-height:1}#warend .week .up .plus:hover:not(:disabled){background:#f4dcae}#warend .week .up .plus:disabled{color:var(--bone-f);cursor:default;background:#e8e2d414}#warend .week .up .digit{display:none}body:not(.touch) #warend .week .up .digit{font-family:var(--num);color:var(--bone-f);border:1px solid #e8e2d440;margin-right:5px;padding:0 3px;font-size:9px;display:inline-block}@media (max-width:820px){#warend .week .upcols{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){#warend .week .upcols{grid-template-columns:1fr}}@media (max-height:460px){#warend.weeks{width:min(760px,96vw)}#warend .week .uphead{margin-top:8px}}#hud .bossbar{top:calc(10px + var(--safe-t));pointer-events:none;background:#0d0b0a8c;width:min(340px,46vw);padding:5px 10px 6px;position:absolute;left:50%;transform:translate(-50%)}#hud .bossbar .top{justify-content:space-between;align-items:baseline;display:flex}#hud .bossbar .name{font-family:var(--code);letter-spacing:.12em;text-transform:uppercase;color:var(--horde);font-size:13px}#hud .bossbar .pct{font-family:var(--num);color:var(--bone-m);font-size:11px}#hud .bossbar .bar{background:#e9e0cd24;height:6px;margin-top:3px}#hud .bossbar .bar>div{background:linear-gradient(90deg,#8a1c1e,#c0403c);height:100%;transition:width .25s}#hud .bossbar .parts{color:var(--bone-m);justify-content:space-between;align-items:center;margin-top:4px;font-size:11px;display:flex}#hud .bossbar .pips{gap:5px;display:flex}#hud .bossbar .pip{background:#c9708e;border:1px solid #0d0b0acc;width:8px;height:8px;transform:rotate(45deg)}#hud .bossbar .pip.broken{background:0 0;border-color:#e9e0cd59}#hud .bossbar .pip.unknown{background:#c9708e59}#hud .bossbar .sacs{color:#d8e0a0}body.touch #hud .bossbar{width:min(260px,42vw);padding:4px 8px 5px}body.touch #hud .bossbar .name{font-size:11px}.closex,#bag .closex{z-index:3;width:44px;height:44px;color:var(--bone);cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:0;right:0}.closex{--x-tile:26px;--x-glyph:16px;--x-stroke:3}#bag .card>.closex,#buildbar>.closex,#throwbar>.closex{--x-tile:20px;--x-glyph:12px;--x-stroke:3.6}.closex:before{content:"";left:calc((44px - var(--x-tile)) / 2);top:calc((44px - var(--x-tile)) / 2);width:var(--x-tile);height:var(--x-tile);background:#a8322e;position:absolute}.closex svg{width:var(--x-glyph);height:var(--x-glyph);display:block;position:relative}.closex path{stroke-width:var(--x-stroke)}.closex:hover:before{background:#c23c36}.closex:active:before{background:#8a2724}.closex:focus{outline:none}#touch.editing{background:#0d0b0a59}#touch.editing .stick{pointer-events:auto}#touch.editing .stick,#touch.editing .tbtn{outline-offset:2px;outline:2px dashed #e9e0cd73}#touch.editing .sel{outline:2px solid var(--green)}#touchedit{left:50%;top:calc(6px + var(--safe-t));z-index:60;width:min(340px,100vw - 16px);color:var(--bone);font-family:var(--code);letter-spacing:.04em;background:#0d0b0a;border:1px solid #e9e0cd4d;flex-direction:column;gap:4px;padding:6px 8px;font-size:12px;font-weight:700;display:flex;position:absolute;transform:translate(-50%)}#touchedit.flip{top:auto;bottom:calc(6px + var(--safe-b))}#touch.portrait #touchedit{top:28%}#touch.portrait #touchedit.flip{top:calc(6px + var(--safe-t));bottom:auto}#touchedit .t{text-transform:uppercase;color:var(--bone-m);flex:1;font-size:10px}#touchedit .selname{color:var(--green)}#touchedit .row{align-items:center;gap:4px;display:flex}#touchedit .row.off{opacity:.35;pointer-events:none}#touchedit .lbl{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}#touchedit .v{text-align:center;min-width:40px;font-family:var(--num)}#touchedit button{min-width:42px;min-height:42px;color:var(--bone);font:inherit;touch-action:none;-webkit-user-select:none;user-select:none;background:#e9e0cd1f;border:1px solid #e9e0cd40;padding:0 10px;font-size:14px}#touchedit button.press{background:#86d66b73}#touchedit button.primary{background:#86d66b40;padding:0 12px}