@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-vietnamese-400-normal-D0VnvwZ9.woff2)format("woff2"),url(/assets/vt323-vietnamese-400-normal-D_5Q7Vcv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-ext-400-normal-iUdYUaX4.woff2)format("woff2"),url(/assets/vt323-latin-ext-400-normal-DqOq58ri.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:VT323;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/vt323-latin-400-normal-wDgJuOC9.woff2)format("woff2"),url(/assets/vt323-latin-400-normal-Dqn9ZSPj.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--px:4px;--u:max(3px, var(--px));--cell:max(26px, calc(var(--px) * 8));--void:#050608;--ink:#0b0d12;--night:#141821;--shadow:#1c212b;--concrete-dark:#2a2f38;--concrete:#454c57;--concrete-light:#6b7280;--ash:#9aa0a6;--moss:#3f6b4f;--phosphor:#6fae7a;--phosphor-hot:#a8e0a0;--rust-dark:#3a1d12;--rust:#8a4a2a;--rust-light:#b8703a;--bone:#d8cfb8;--bone-dark:#9c927c;--blood:#5c1418;--blood-bright:#8e2a2a;--warning:#c0392b;--amber:#e0a040;--amber-dark:#8c5a1e;--fire:#f07a2a;--water-light:#3c6e78;--violet:#3a2a48;--violet-light:#7d62a0;--pawnbar-w:calc(var(--cell) * 7)}*{box-sizing:border-box}::-webkit-scrollbar{width:calc(var(--u) * 3);height:calc(var(--u) * 3)}::-webkit-scrollbar-track{background:var(--void)}::-webkit-scrollbar-corner{background:var(--void)}::-webkit-scrollbar-thumb{background:var(--amber-dark);box-shadow:inset 0 0 0 var(--u) var(--void)}::-webkit-scrollbar-thumb:hover{background:var(--amber)}::-webkit-scrollbar-thumb:active{background:#f2c46a}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--amber-dark) var(--void)}}html,body{background:var(--void);height:100%;color:var(--bone);-webkit-user-select:none;user-select:none;margin:0;font-family:VT323,monospace;overflow:hidden}#game{position:fixed;inset:0}#game canvas{touch-action:none}#ui{pointer-events:none;font-size:max(16px, calc(var(--px) * 5));line-height:1;position:fixed;inset:0}#ui .interactive,#ui button,#ui input,#ui select{pointer-events:auto}button{font:inherit;color:var(--bone);box-shadow:inset 0 0 0 1px #ffffff14, inset 0 calc(var(--u) * -.75) 0 var(--concrete-dark);padding:calc(var(--u) * 1.25) calc(var(--u) * 2.5) calc(var(--u) * 1.75);cursor:pointer;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#ffffff0b;border:none}button:hover:not(:disabled){box-shadow:inset 0 0 0 1px #e0a04059, inset 0 calc(var(--u) * -.75) 0 var(--amber-dark);color:var(--amber);background:#e0a0401f}button:active:not(:disabled){box-shadow:inset 0 0 0 1px #e0a04080, inset 0 calc(var(--u) * .75) 0 #0006;background:#e0a04038}button:disabled{opacity:.4;cursor:default;background-image:repeating-linear-gradient(-45deg,#ffffff0d 0 2px,#0000 2px 5px)}button.primary{background:linear-gradient(180deg, var(--amber), var(--amber-dark));box-shadow:inset 0 1px 0 #ffffff4d, inset 0 calc(var(--u) * -.75) 0 var(--rust-dark), 0 0 calc(var(--u) * 3) #e0a0404d;color:var(--void)}button.primary:hover:not(:disabled){background:linear-gradient(180deg, #f2c46a, var(--amber));box-shadow:inset 0 1px 0 #fff6, inset 0 calc(var(--u) * -.75) 0 var(--amber-dark), 0 0 calc(var(--u) * 4) #e0a0408c;color:var(--void)}button.danger{box-shadow:inset 0 0 0 1px var(--blood-bright), inset 0 calc(var(--u) * -.75) 0 var(--blood);color:#f0c8c0;background:#5c1418bf}button.danger:hover:not(:disabled){background:var(--blood-bright);box-shadow:inset 0 0 0 1px var(--warning), 0 0 calc(var(--u) * 3) #c0392b80;color:#fff}button.active,button.active:hover:not(:disabled){box-shadow:inset 0 0 0 1px #e0a0404d, inset 0 calc(var(--u) * -.75) 0 var(--amber);color:var(--amber);text-shadow:0 0 calc(var(--u) * 2) #e0a04099;background:linear-gradient(#e0a0400a,#e0a0404d)}button.small{padding:calc(var(--u) * .25) calc(var(--u) * 1.5) calc(var(--u) * .75);font-size:.85em}input[type=range]{accent-color:var(--amber)}select{font:inherit;color:var(--bone);appearance:none;padding:calc(var(--u) * .75) calc(var(--u) * 6) calc(var(--u) * .75) calc(var(--u) * 1.5);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h5v1H4v1H3v1H2V2H1V1H0z' fill='%23e0a040'/%3E%3C/svg%3E") no-repeat right calc(var(--u) * 1.5) center / calc(var(--u) * 2.5) auto, var(--ink);box-shadow:inset 0 0 0 1px var(--amber-dark);cursor:pointer;border:none}select:hover,select:focus{box-shadow:inset 0 0 0 1px var(--amber), 0 0 calc(var(--u) * 2) #e0a0404d;outline:none}option{background:var(--ink);color:var(--bone)}.panel,.chrome,.item-tooltip,.item-menu{--hl:var(--amber);--bl:calc(var(--u) * 3);pointer-events:auto;padding:calc(var(--u) * 2);background:linear-gradient(var(--hl) 0 0) left top / var(--bl) var(--u) no-repeat, linear-gradient(var(--hl) 0 0) left top / var(--u) var(--bl) no-repeat, linear-gradient(var(--hl) 0 0) right top / var(--bl) var(--u) no-repeat, linear-gradient(var(--hl) 0 0) right top / var(--u) var(--bl) no-repeat, linear-gradient(var(--hl) 0 0) left bottom / var(--bl) var(--u) no-repeat, linear-gradient(var(--hl) 0 0) left bottom / var(--u) var(--bl) no-repeat, linear-gradient(var(--hl) 0 0) right bottom / var(--bl) var(--u) no-repeat, linear-gradient(var(--hl) 0 0) right bottom / var(--u) var(--bl) no-repeat, repeating-linear-gradient(0deg, #ffffff06 0 1px, transparent 1px 3px), linear-gradient(180deg, #141821f2, #07080cf2);box-shadow:inset 0 0 0 1px #e0a04029, 0 0 0 var(--u) var(--void), 0 calc(var(--u) * 2) calc(var(--u) * 4) #0000008c}.panel{padding:calc(var(--u) * 3)}.chrome-title{padding:0 var(--u) var(--u);letter-spacing:.2em;text-transform:uppercase;color:var(--amber);border-bottom:1px solid #e0a04038;justify-content:space-between;font-size:.75em;display:flex}.chrome-title>:first-child:before{content:"// ";color:var(--amber-dark)}.seg{height:calc(var(--u) * 2);background:color-mix(in srgb, var(--c,var(--phosphor)) 16%, var(--void));position:relative;overflow:hidden}.seg>i{background:var(--c,var(--phosphor));position:absolute;inset:0 auto 0 0}.seg:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 calc(var(--u) * 2), var(--void) calc(var(--u) * 2) calc(var(--u) * 2 + 2px));position:absolute;inset:0}.panel h2,.panel h3{margin:0 0 calc(var(--u) * 2);color:var(--amber);text-transform:uppercase;letter-spacing:.08em;font-weight:400}.panel h2{text-shadow:0 0 calc(var(--u) * 3) #e0a04066;font-size:1.35em}.panel h2.bad{color:var(--warning);text-shadow:0 0 calc(var(--u) * 3) #c0392b99}.panel h2.good{color:var(--phosphor-hot);text-shadow:0 0 calc(var(--u) * 3) #a8e0a080}.panel>h2:first-child,.panel>.spread:first-child{padding-bottom:calc(var(--u) * 1.5);border-bottom:1px solid #e0a04038}.panel h3{letter-spacing:.2em;color:var(--amber);margin-top:calc(var(--u) * 3);font-size:.8em}.panel h3:before{content:"// ";color:var(--amber-dark)}.muted{color:var(--bone-dark)}.dim{color:var(--concrete-light)}.good{color:var(--phosphor-hot)}.bad{color:var(--warning)}.warn{color:var(--amber)}.row{gap:calc(var(--u) * 2);flex-wrap:wrap;align-items:center;display:flex}.col{gap:calc(var(--u) * 1.5);flex-direction:column;display:flex}.spread{justify-content:space-between;align-items:center;gap:calc(var(--u) * 2);display:flex}.close{float:right;margin:calc(var(--u) * -1) calc(var(--u) * -1) 0 calc(var(--u) * 2)}.hud-top{top:calc(var(--u) * 2);align-items:stretch;gap:calc(var(--u) * 3.5);padding:calc(var(--u) * 1.75) calc(var(--u) * 4);white-space:nowrap;display:flex;position:absolute;left:50%;transform:translate(-50%)}.gauge{grid-template-columns:minmax(calc(var(--u) * 16), 1fr) auto;gap:calc(var(--u) * .75) calc(var(--u) * 2);grid-template-areas:"tag val""seg rate";align-items:center;display:grid}.gauge-tag{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--c), #fff 30%);grid-area:tag;align-self:end;font-size:.7em}.gauge-val{color:var(--bone);text-shadow:0 0 calc(var(--u) * 2.5) color-mix(in srgb, var(--c) 70%, transparent);grid-area:val;justify-self:end;font-size:1.3em;line-height:.8}.gauge-rate{color:var(--concrete-light);grid-area:rate;justify-self:end;font-size:.7em}.gauge-rate.bad{color:var(--warning)}.gauge .seg{grid-area:seg}.gauge .seg>i{box-shadow:0 0 calc(var(--u) * 2) var(--c)}.gauge.low .gauge-val{color:var(--warning);text-shadow:0 0 calc(var(--u) * 2.5) #c0392bb3}.gauge.low .seg{box-shadow:0 0 0 1px var(--warning)}.fps{--bl:calc(var(--u) * 2);top:calc(var(--u) * 2);right:calc(var(--pawnbar-w) + var(--u) * 4);align-items:baseline;gap:calc(var(--u) * 1.5);padding:calc(var(--u) * 1) calc(var(--u) * 2);white-space:nowrap;font-size:.85em;display:flex;position:absolute}.fps-label{letter-spacing:.16em;color:var(--concrete-light);font-size:.8em}.fps-val{text-align:right;min-width:2ch;color:var(--phosphor-hot);text-shadow:0 0 calc(var(--u) * 2) #a8e0a08c}.fps[data-tier=warn] .fps-val{color:var(--amber);text-shadow:0 0 calc(var(--u) * 2) #e0a0408c}.fps[data-tier=bad] .fps-val{color:var(--warning);text-shadow:0 0 calc(var(--u) * 2) #c0392b99}.readout{justify-content:center;gap:calc(var(--u) * .75);min-width:calc(var(--u) * 12);flex-direction:column;display:flex}.readout-label{letter-spacing:.16em;text-transform:uppercase;color:var(--concrete-light);font-size:.7em}.readout-val{color:var(--phosphor);text-shadow:0 0 calc(var(--u) * 2) #6fae7a73}.readout.good .readout-val{color:var(--phosphor-hot);text-shadow:0 0 calc(var(--u) * 2.5) #a8e0a099}.readout.bad .readout-label,.readout.bad .readout-val{color:var(--warning);text-shadow:0 0 calc(var(--u) * 2) #c0392b99}.bar{height:calc(var(--u) * 1.75);background:#ffffff0f;position:relative;overflow:hidden}.bar>i{background:var(--c,var(--phosphor));box-shadow:0 0 calc(var(--u) * 2) var(--c,var(--phosphor));position:absolute;inset:0 auto 0 0}.bar:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 calc(var(--u) * 2), var(--void) calc(var(--u) * 2) calc(var(--u) * 2 + 2px));pointer-events:none;position:absolute;inset:0}.bar.tall{height:calc(var(--u) * 2.5)}.hud-sep{width:var(--u);background:repeating-linear-gradient(180deg, #e0a04066 0 var(--u), transparent var(--u) calc(var(--u) * 2));flex:none}.toolbar{bottom:calc(var(--u) * 2);gap:var(--u);padding:calc(var(--u) * 1.5) calc(var(--u) * 2);align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.toolbar button:not(.active):not(:hover){color:var(--bone-dark)}.toolbar kbd,.key{color:var(--amber);margin-left:calc(var(--u) * 1);font-family:inherit;font-size:.75em}.toolbar kbd{color:var(--amber-dark)}.toolbar button.active kbd,.toolbar button:hover kbd{color:var(--amber)}.tool-hint{bottom:calc(var(--u) * 20);gap:var(--u);width:min(96vw, calc(var(--u) * 225));padding:calc(var(--u) * 2) calc(var(--u) * 2.5);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.raid-banner{--hl:var(--warning);top:calc(var(--u) * 17);gap:var(--u);width:min(90vw, calc(var(--u) * 110));padding:calc(var(--u) * 2) calc(var(--u) * 2.5);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.raid-banner .chrome-title{color:var(--warning);border-bottom-color:#c0392b59}.tool-hint .chrome-title{padding-bottom:calc(var(--u) * 1.5);align-items:center}.tool-hint .chrome-title button{letter-spacing:.06em;font-size:1.15em}.tool-hint-how{color:var(--amber);text-shadow:0 0 calc(var(--u) * 2) #e0a04059}.tool-hint-note{padding-left:calc(var(--u) * 2);box-shadow:inset calc(var(--u) * .5) 0 0 currentColor;font-size:.9em}.wire-panel{bottom:calc(var(--u) * 20);gap:calc(var(--u) * 2);width:min(96vw, calc(var(--u) * 225));padding:calc(var(--u) * 2) calc(var(--u) * 2.5);white-space:nowrap;flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.wire-panel>.hint{white-space:normal;min-height:2.2em}.wire-panel .chrome-title{padding-bottom:calc(var(--u) * 1.5);align-items:center}.wire-panel .chrome-title button{letter-spacing:.06em;font-size:1.15em}.wire-modes{gap:calc(var(--u) * 1.5);display:flex}.wire-mode{align-items:center;gap:calc(var(--u) * 2);min-width:0;padding:calc(var(--u) * 1.5) calc(var(--u) * 2) calc(var(--u) * 1.75);text-align:left;text-transform:none;letter-spacing:0;flex:1 1 0;display:flex}.wire-mode-text{gap:calc(var(--u) * .5);flex-direction:column;min-width:0;display:flex}.wire-mode-cost{text-overflow:ellipsis;overflow:hidden}.wire-mode-name{text-transform:uppercase;letter-spacing:.08em}.wire-mode-cost{color:var(--concrete-light);font-size:.75em}.wire-mode.active .wire-mode-cost{color:var(--bone-dark);text-shadow:none}.wire-glyph{width:calc(var(--u) * 6);height:calc(var(--u) * 6);background:var(--void);box-shadow:inset 0 0 0 1px var(--concrete-dark);flex:none;position:relative}.wire-mode.active .wire-glyph{box-shadow:inset 0 0 0 1px var(--amber)}.wire-glyph:before{content:"";height:calc(var(--gauge) * 2px);background:var(--phosphor);box-shadow:0 0 calc(var(--u) * 1.5) #6fae7a99;position:absolute;top:50%;left:15%;right:15%;transform:translateY(-50%)}.wire-glyph.lamp:after{content:"";background:var(--phosphor);height:2px;position:absolute;top:22%;left:15%;right:15%}.wire-glyph.lamp:before{height:36%;box-shadow:0 0 0 1px var(--concrete), 0 0 calc(var(--u) * 2) #e0a040cc;background:#ffd27a;top:34%;left:36%;right:36%;transform:none}.wire-glyph.cut:before{background:linear-gradient(90deg, var(--warning) 0 38%, transparent 38% 62%, var(--warning) 62%);height:2px;box-shadow:none}.power-legend{gap:var(--u) calc(var(--u) * 3);color:var(--bone-dark);flex-wrap:wrap;font-size:.8em;display:flex}.power-legend span{align-items:center;gap:calc(var(--u) * 1.25);display:inline-flex}.power-legend .swatch{width:calc(var(--u) * 2.5);height:calc(var(--u) * 2.5);box-shadow:0 0 0 1px var(--void);display:inline-block}.pawn-bar{right:calc(var(--u) * 2);top:calc(var(--u) * 2);max-height:calc(100vh - var(--u) * 24);width:var(--pawnbar-w);gap:var(--u);padding:calc(var(--u) * 2);flex-direction:column;display:flex;position:absolute;overflow-y:auto}.pawn-row{--stat:var(--phosphor);gap:calc(var(--u) * 2);padding:var(--u) calc(var(--u) * 1.5) var(--u) calc(var(--u) * 2);background:linear-gradient(90deg, color-mix(in srgb, var(--stat) 12%, transparent), transparent 70%), var(--ink);box-shadow:inset var(--u) 0 0 var(--stat), inset 0 0 0 1px #ffffff0a;cursor:pointer;flex:none;display:flex;position:relative}.pawn-row.status-warn{--stat:var(--amber)}.pawn-row.status-bad{--stat:var(--warning)}.pawn-row.status-sleep{--stat:var(--concrete-light)}.pawn-row.status-sleep>*{filter:grayscale(.7)brightness(.75)}.pawn-row:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--stat) 22%, transparent), transparent 80%), var(--night)}.pawn-row.selected{background:linear-gradient(90deg, #e0a04033, transparent 80%), var(--night);box-shadow:inset var(--u) 0 0 var(--stat), inset 0 0 0 1px var(--amber), 0 0 calc(var(--u) * 3) #e0a04059}.pawn-row.roster:after{content:"";border-top:calc(var(--u) * 2.5) solid var(--rust-light);border-left:calc(var(--u) * 2.5) solid transparent;position:absolute;top:0;right:0}.pawn-row.away{opacity:.55}.pawn-row .portrait{width:calc(var(--cell) * 1.25);height:calc(var(--cell) * 1.25);background:radial-gradient(circle at 50% 40%, color-mix(in srgb, var(--stat) 30%, var(--ink)), var(--void) 75%);box-shadow:0 0 0 1px color-mix(in srgb, var(--stat) 55%, transparent), 0 0 0 var(--u) var(--void);border:none;align-self:center;position:relative}.pawn-row .portrait:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px);position:absolute;inset:0}.pawn-row .pawn-info{gap:calc(var(--u) * .75);font-size:1em}.pawn-head{align-items:center;gap:var(--u);min-width:0;display:flex}.pawn-row .pawn-name{min-width:0;color:var(--bone);text-transform:uppercase;letter-spacing:.08em;flex:1;font-size:.9em}.pawn-tags{gap:var(--u);flex-shrink:0;display:flex}.pawn-tag{padding:0 calc(var(--u) * .75);letter-spacing:.08em;text-transform:uppercase;font-size:.65em;line-height:1.3;box-shadow:inset 0 0 0 1px}.pawn-tag.sleep{color:var(--ash)}.pawn-lvl{letter-spacing:.08em;color:var(--amber);flex-shrink:0;font-size:.65em}.pawn-doing{text-overflow:ellipsis;white-space:nowrap;font-size:.85em;overflow:hidden}.pawn-row .pawn-doing{color:var(--concrete-light);font-size:.7em}.pawn-meters{gap:calc(var(--u) * .5) var(--u);letter-spacing:.1em;color:var(--concrete-light);grid-template-columns:auto 1fr;align-items:center;font-size:.55em;display:grid}.pawn-meters .seg{height:calc(var(--u) * 1.25)}.side{right:calc(var(--pawnbar-w) + var(--u) * 4);top:calc(var(--u) * 20);bottom:calc(var(--u) * 22);width:min(92vw, calc(var(--u) * 100));position:absolute;overflow-y:auto}.dock{left:calc(var(--u) * 2);bottom:calc(var(--u) * 17);max-height:calc(100vh - var(--u) * 37);max-width:calc(100vw - var(--pawnbar-w) - var(--u) * 8);gap:calc(var(--u) * 2);padding:calc(var(--u) * 2) calc(var(--u) * 3);flex-direction:column;display:flex;position:absolute}.dock-head{align-items:center;gap:calc(var(--u) * 1.5) calc(var(--u) * 3);width:0;min-width:100%;padding-bottom:calc(var(--u) * 1.5);border-bottom:1px solid #e0a04038;flex-wrap:wrap;flex:none;display:flex}.panel .dock-head h2{white-space:nowrap;margin:0}.dock-actions{align-items:center;gap:calc(var(--u) * 1.5);flex-wrap:wrap;margin-left:auto;display:flex}.dock-pills{align-items:center;gap:var(--u) calc(var(--u) * 2);flex-wrap:wrap;display:flex}.dock-pills .tag{margin:0}.dock-body{gap:calc(var(--u) * 3);flex:0 auto;min-height:0;display:flex;overflow-x:auto}.dock-stack{gap:calc(var(--u) * 2);min-height:0;padding-right:var(--u);flex-direction:column;flex:none;display:flex;overflow-y:auto}.dock-stack+.dock-stack{padding-left:calc(var(--u) * 3);border-left:1px solid #e0a04024}.dock-cell{flex:none}.dock-cell:empty{display:none}.dock-cell:not(:empty)~.dock-cell:not(:empty)>.dock-sec{padding-top:calc(var(--u) * 2);border-top:1px solid #e0a04024}.dock-sec{width:calc(var(--u) * 96);gap:var(--u);flex-direction:column;display:flex}.dock-sec.wide{width:calc(var(--u) * 198)}.craft-split{align-items:flex-start;gap:calc(var(--u) * 3);display:flex}.craft-split .recipe-grid{flex:1 1 0;min-width:0}.craft-queue{flex:0 0 calc(var(--u) * 45);gap:calc(var(--u) * 1.5);padding-left:calc(var(--u) * 3);border-left:1px solid #e0a04024;flex-direction:column;display:flex}.craft-queue .craft-slot{gap:calc(var(--u) * .5);min-height:calc(var(--u) * 12);padding:calc(var(--u) * 1.5) calc(var(--u) * 1.5) calc(var(--u) * 1.5) calc(var(--u) * 2.5);flex-direction:column;display:flex}.craft-slot.empty{color:#ffffff40;border:1px dashed #e0a0402e;justify-content:center;align-items:center}.panel .dock-sec h3{margin:0 0 var(--u)}.panel .dock-sec>*+h3{margin-top:calc(var(--u) * 2)}.recipe-grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--u) * 46), 1fr));gap:calc(var(--u) * 1.5);display:grid}.recipe-grid .card{gap:calc(var(--u) * .5);padding:calc(var(--u) * 1.5) calc(var(--u) * 1.5) calc(var(--u) * 1.5) calc(var(--u) * 2.5);flex-direction:column;display:flex}.center{max-width:96vw;max-height:88vh;position:absolute;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.dim-bg{pointer-events:auto;background:repeating-linear-gradient(0deg,#00000040 0 1px,#0000 1px 3px),radial-gradient(#05060873,#050608e0);position:absolute;inset:0}.toasts{right:calc(var(--pawnbar-w) + var(--u) * 4);bottom:calc(var(--u) * 20);align-items:flex-end;gap:calc(var(--u) * 1);max-width:min(60vw, calc(var(--u) * 110));flex-direction:column;display:flex;position:absolute}.toast{--t:var(--concrete-light);padding:calc(var(--u) * 1.5) calc(var(--u) * 2.5) calc(var(--u) * 1.5) calc(var(--u) * 3);background:repeating-linear-gradient(0deg, #ffffff06 0 1px, transparent 1px 3px), linear-gradient(90deg, color-mix(in srgb, var(--t) 20%, transparent), transparent 65%), #07080cf0;box-shadow:inset var(--u) 0 0 var(--t), inset 0 0 0 1px color-mix(in srgb, var(--t) 30%, transparent), 0 0 calc(var(--u) * 3) color-mix(in srgb, var(--t) 22%, transparent);color:var(--bone);animation:.18s steps(3,end) toast-in}.toast.good{--t:var(--phosphor)}.toast.bad{--t:var(--warning)}.toast.combat{--t:var(--amber)}@keyframes toast-in{0%{opacity:0;transform:translate(-20%)}}.card{background:linear-gradient(90deg, #e0a0400f, transparent 60%), var(--ink);box-shadow:inset var(--u) 0 0 var(--amber-dark), inset 0 0 0 1px #ffffff0d;padding:calc(var(--u) * 2) calc(var(--u) * 2) calc(var(--u) * 2) calc(var(--u) * 3)}.card.selected{background:linear-gradient(90deg, #e0a0402e, transparent 70%), var(--night);box-shadow:inset var(--u) 0 0 var(--amber), inset 0 0 0 1px var(--amber), 0 0 calc(var(--u) * 3) #e0a0404d}.card.clickable{cursor:pointer}.card.clickable:hover{background:linear-gradient(90deg, #e0a04024, transparent 70%), var(--night);box-shadow:inset var(--u) 0 0 var(--amber), inset 0 0 0 1px #e0a04059}.jobs-board{left:calc(50% - var(--pawnbar-w) / 2);width:min(calc(100vw - var(--pawnbar-w) - var(--u) * 10), calc(var(--u) * 320));-webkit-user-select:none;user-select:none}.jobs-status{height:calc(var(--u) * 11);align-items:center;display:flex;overflow:hidden}.jobs-status>.hint{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.jobs-picked{box-sizing:border-box;align-items:center;gap:calc(var(--u) * 3);white-space:nowrap;flex:1;height:100%;padding-top:0;padding-bottom:0;display:flex}.jobs-picked-stats{text-overflow:ellipsis;min-width:0;overflow:hidden}.jobs-picked-actions{gap:calc(var(--u) * 2);flex-shrink:0;margin-left:auto;display:flex}.jobs-body{gap:calc(var(--u) * 3);align-items:flex-start;display:flex}.jobs-pool{flex:0 0 calc(var(--cell) * 5.5);gap:var(--u);padding:calc(var(--u) * 2);background:var(--ink);flex-direction:column;display:flex;box-shadow:inset 0 0 0 1px #e0a04033}.jobs-pool h3{margin-top:0}.jobs-rooms{flex-direction:column;flex:1;min-width:0;display:flex}.jobs-grid{grid-template-columns:repeat(auto-fill, minmax(calc(var(--cell) * 7.5), 1fr));gap:calc(var(--u) * 2);display:grid}.job-card{gap:var(--u);padding:calc(var(--u) * 2) calc(var(--u) * 2) calc(var(--u) * 2) calc(var(--u) * 3);background:linear-gradient(90deg, #e0a0400f, transparent 60%), var(--ink);box-shadow:inset var(--u) 0 0 var(--amber-dark), inset 0 0 0 1px #ffffff0d;flex-direction:column;display:flex}.job-card.short{box-shadow:inset var(--u) 0 0 var(--amber), inset 0 0 0 1px #e0a04040}.job-card-head{gap:calc(var(--u) * 2);white-space:nowrap;align-items:baseline;display:flex}.job-card-head>:last-child{flex-shrink:0;margin-left:auto}.job-card-title{text-overflow:ellipsis;min-width:0;color:var(--bone);text-transform:uppercase;letter-spacing:.08em;overflow:hidden}.job-fit{white-space:nowrap;text-overflow:ellipsis;height:1.35em;font-size:.85em;line-height:1.35em;overflow:hidden}.job-card.targetable,.jobs-pool.targetable{cursor:pointer}.job-card.targetable:hover,.jobs-pool.targetable:hover,.job-card.drop,.jobs-pool.drop{background:linear-gradient(90deg, #e0a04033, transparent 70%), var(--night);box-shadow:inset var(--u) 0 0 var(--amber), inset 0 0 0 1px var(--amber), 0 0 calc(var(--u) * 3) #e0a0404d}.job-chips{gap:var(--u);flex-direction:column;display:flex}.job-chip,.job-slot{--stat:var(--phosphor);align-items:center;gap:calc(var(--u) * 1.5);min-height:calc(var(--cell) * 1.1);padding:calc(var(--u) * .5) calc(var(--u) * 1.5);background:linear-gradient(90deg, color-mix(in srgb, var(--stat) 12%, transparent), transparent 70%), var(--void);box-shadow:inset var(--u) 0 0 var(--stat), inset 0 0 0 1px #ffffff0a;font-size:.85em;display:flex}.job-chip{cursor:grab;touch-action:none}.job-chip:hover{background:linear-gradient(90deg, color-mix(in srgb, var(--stat) 24%, transparent), transparent 80%), var(--night)}.job-chip.idle{--stat:var(--amber)}.job-chip.away{opacity:.5;cursor:default}.job-chip.picked{box-shadow:inset var(--u) 0 0 var(--amber), inset 0 0 0 1px var(--amber), 0 0 calc(var(--u) * 3) #e0a04073}.job-chip.drop{box-shadow:inset var(--u) 0 0 var(--phosphor-hot), inset 0 0 0 1px var(--phosphor-hot)}.job-chip .portrait{width:var(--cell);height:var(--cell)}.job-chip-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--bone);text-transform:uppercase;letter-spacing:.06em;flex:1;overflow:hidden}.job-chip-stat{color:var(--amber);font-size:.85em}.job-slot{--stat:var(--concrete);color:var(--concrete-light);letter-spacing:.15em;text-transform:uppercase;background:repeating-linear-gradient(135deg,#ffffff08 0 4px,#0000 4px 8px);justify-content:center;font-size:.7em}.fit-good{color:var(--phosphor-hot)}.fit-ok{color:var(--amber)}.fit-poor{color:var(--warning)}.job-ghost{z-index:50;pointer-events:none;padding:calc(var(--u) * .75) calc(var(--u) * 2);background:var(--night);box-shadow:inset 0 0 0 1px var(--amber), 0 0 calc(var(--u) * 3) #e0a04073;color:var(--amber);text-transform:uppercase;letter-spacing:.08em;position:fixed;transform:translate(-50%,-120%)}.build-drawer{--tiles:6;--tile-w:calc(var(--px) * 48 + var(--u) * 2);bottom:calc(var(--u) * 19);width:-moz-fit-content;width:fit-content;min-width:min(96vw, calc(var(--tiles) * var(--tile-w) + (var(--tiles) - 1) * var(--u) * 2 + var(--u) * 6));box-sizing:border-box;gap:calc(var(--u) * 2);max-width:96vw;padding:calc(var(--u) * 2);flex-direction:column;animation:.16s steps(4,end) drawer-in;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes drawer-in{0%{opacity:0;transform:translate(-50%,25%)}}.build-head{align-items:center;gap:calc(var(--u) * 2);display:flex}.build-head kbd{color:var(--amber);margin-left:var(--u);font-family:inherit;font-size:.75em}.build-frame{margin-right:calc(var(--u) * 2);padding:calc(var(--u) * 1.25) calc(var(--u) * 3) calc(var(--u) * 1.75);background:repeating-linear-gradient(-45deg, #e0a04029 0 calc(var(--u) * 2), transparent calc(var(--u) * 2) calc(var(--u) * 4)), var(--ink);box-shadow:inset 0 0 0 1px var(--amber-dark);color:var(--amber);border:none}.build-frame:hover:not(:disabled),.build-frame.active{background:repeating-linear-gradient(-45deg, #e0a04066 0 calc(var(--u) * 2), transparent calc(var(--u) * 2) calc(var(--u) * 4)), var(--rust-dark);box-shadow:inset 0 0 0 1px var(--amber), 0 0 calc(var(--u) * 3) #e0a04059;color:#fff}.build-tabs{align-items:center;gap:calc(var(--u) * .5);flex:1;display:flex}.build-tabs button{--cut:calc(var(--u) * 2.5);padding:calc(var(--u) * 1.25) calc(var(--u) * 4) calc(var(--u) * 1.75);box-shadow:none;color:var(--concrete-light);letter-spacing:.1em;clip-path:polygon(var(--cut) 0, 100% 0, calc(100% - var(--cut)) 100%, 0 100%);background:#ffffff0d;border:none}.build-tabs button:hover:not(:disabled){color:var(--amber);background:#e0a04024}.build-tabs button.active,.build-tabs button.active:hover:not(:disabled){background:linear-gradient(180deg, var(--amber), var(--amber-dark));box-shadow:none;color:var(--void)}.build-tabs button.active .dim{color:var(--rust-dark)}.build-strip{gap:calc(var(--u) * 2);contain:inline-size;padding:var(--u);display:flex;overflow:scroll hidden}.build-tile{gap:var(--u);padding:var(--u) var(--u) calc(var(--u) * 1.25);background:var(--ink);text-transform:none;letter-spacing:0;border:none;flex-direction:column;flex:none;transition:transform 80ms steps(2,end);display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.build-tile:after{content:"";border-bottom:calc(var(--u) * 2.5) solid var(--accent);border-left:calc(var(--u) * 2.5) solid transparent;opacity:.6;position:absolute;bottom:0;right:0}.build-tile:hover:not(:disabled){background:var(--night);color:var(--bone);transform:translateY(calc(var(--u) * -1));box-shadow:inset 0 0 0 1px var(--accent), 0 0 calc(var(--u) * 3) color-mix(in srgb, var(--accent) 45%, transparent)}.build-tile:hover:after{opacity:1}.tile-art{width:calc(var(--px) * 48);height:calc(var(--px) * 42);box-shadow:0 0 0 var(--u) var(--void);display:block;position:relative;overflow:hidden}.tile-art img{width:100%;height:100%;image-rendering:pixelated;transition:filter .12s steps(2,end);display:block}.tile-art:before{content:"";height:calc(var(--u) * .75);background:var(--accent);opacity:.7;z-index:1;position:absolute;inset:auto 0 0}.tile-art:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0003 0 1px,#0000 1px 3px),radial-gradient(at 50% 45%,#0000 55%,#0000008c);position:absolute;inset:0}.tile-cost:before{content:"";width:calc(var(--u) * 1.5);height:calc(var(--u) * 1.5);margin-right:var(--u);background:var(--rust-light);box-shadow:0 0 0 1px var(--void);vertical-align:middle;display:inline-block}.build-tile:hover .tile-art img{filter:brightness(1.2)}.build-tile.poor .tile-art img{filter:grayscale(.75)brightness(.5)}.tile-key,.tile-owned{top:calc(var(--u) * 2);z-index:2;padding:0 var(--u) calc(var(--u) * .5);background:var(--void);font-size:.75em;position:absolute}.tile-key{left:calc(var(--u) * 2);color:var(--amber)}.tile-mats{left:var(--u);bottom:calc(var(--u) * 1.5);z-index:2;gap:calc(var(--u) * .5);display:flex;position:absolute}.tile-mats>span{width:calc(var(--px) * 8);height:calc(var(--px) * 8);padding:calc(var(--px) * .5);background:var(--void);box-shadow:inset 0 0 0 1px var(--concrete-dark);display:flex}.tile-mats>span.short{box-shadow:inset 0 0 0 1px var(--warning)}.tile-mats>span.short img{opacity:.45}.tile-mats img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.detail-mats{align-items:center;gap:calc(var(--u) * .5) calc(var(--u) * 2);flex-wrap:wrap;display:flex}.detail-mats>.dim:first-child{flex-basis:100%}.tile-owned{right:calc(var(--u) * 2);color:var(--bone)}.tile-name{max-width:calc(var(--px) * 48);text-overflow:ellipsis;text-align:left;color:color-mix(in srgb, var(--accent), #fff 30%);text-transform:uppercase;letter-spacing:.04em;font-size:.85em;overflow:hidden}.tile-foot{justify-content:space-between;align-items:center;font-size:.85em;display:flex}.tile-pips{align-items:center;gap:var(--u);display:flex}.pip{width:calc(var(--u) * 2);height:calc(var(--u) * 2);box-shadow:0 0 0 calc(var(--u) * .5) var(--void);display:inline-block}.pip.crew{width:var(--u);background:var(--bone-dark)}.build-tile.selected{background:var(--shadow);outline:var(--u) solid var(--amber);box-shadow:0 0 calc(var(--u) * 5) #e0a04073}.build-tile.selected .tile-art:after{background:linear-gradient(#0000,#e0a0404d,#0000) 0 0/100% 30% no-repeat,repeating-linear-gradient(0deg,#0003 0 1px,#0000 1px 3px),radial-gradient(at 50% 45%,#0000 55%,#0000008c);animation:1.6s steps(24,end) infinite tile-scan}@keyframes tile-scan{0%{background-position:0 -45%,0 0,0 0}to{background-position:0 145%,0 0,0 0}}.build-status,.build-detail{bottom:calc(100% + var(--u) * 3);pointer-events:none;position:absolute}.build-status{padding:calc(var(--u) * 1.5) calc(var(--u) * 3);color:var(--amber);width:max-content;max-width:90vw;left:50%;transform:translate(-50%)}.build-detail{--half:calc(var(--px) * 48 + var(--u) * 3);left:clamp(var(--half), var(--x), calc(100% - var(--half)));width:calc(var(--px) * 96 + var(--u) * 6);--hl:var(--accent);gap:calc(var(--u) * 2);padding:calc(var(--u) * 3);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent), 0 0 0 var(--u) var(--void), 0 0 calc(var(--u) * 5) color-mix(in srgb, var(--accent) 25%, transparent);flex-direction:column;animation:.1s steps(2,end) detail-in;display:flex;transform:translate(-50%)}@keyframes detail-in{0%{opacity:0;transform:translate(-50%, calc(var(--u) * 3))}}.detail-art{width:calc(var(--px) * 96);height:calc(var(--px) * 48);image-rendering:pixelated;box-shadow:0 0 0 var(--u) var(--void);display:block}.detail-body{gap:calc(var(--u) * 1.5);font-size:.9em;line-height:1.1}.detail-name{color:color-mix(in srgb, var(--accent), #fff 30%);text-transform:uppercase;letter-spacing:.08em;font-size:1.2em}.chips{gap:var(--u);flex-wrap:wrap;display:flex}.chip{padding:0 calc(var(--u) * 1.5) calc(var(--u) * .5);background:var(--void);box-shadow:inset 0 0 0 calc(var(--u) * .5) var(--concrete-dark);color:var(--bone);font-size:.9em}.grid-list{grid-template-columns:repeat(auto-fill, minmax(calc(var(--u) * 48), 1fr));gap:calc(var(--u) * 2);display:grid}.stat-row{grid-template-columns:calc(var(--u) * 16) 1fr calc(var(--u) * 6);gap:calc(var(--u) * 2);align-items:center;display:grid}.check{text-align:center;width:1em;display:inline-block}.tag{padding:calc(var(--u) * .25) calc(var(--u) * 1.5) calc(var(--u) * .5);margin:0 calc(var(--u) * 1) calc(var(--u) * 1) 0;letter-spacing:.04em;background:#ffffff0a;display:inline-block;box-shadow:inset 0 0 0 1px #d8cfb847}.tag.trauma{box-shadow:inset 0 0 0 1px var(--warning), 0 0 calc(var(--u) * 2) #c0392b4d;color:#f0c8c0;background:#5c14188c}.report-modal{width:min(94vw, calc(var(--u) * 220));overflow-y:auto}.report-head h2{margin:0}.report-head .dim{text-transform:uppercase;letter-spacing:.12em;font-size:.85em}.report-meta{color:var(--bone);flex-wrap:wrap}.report-stats{gap:calc(var(--u) * 3);color:var(--bone-dark);display:flex}.report-stats b{color:var(--amber);font-weight:400}.loot-heading{margin-top:calc(var(--u) * 2)}.loot-heading h3{margin:0}.loot-heading .dim{font-size:.85em}.loot-groups{grid-template-columns:repeat(auto-fill, minmax(calc(var(--u) * 66), 1fr));gap:calc(var(--u) * 2);align-items:start;display:grid}.loot-group{padding:calc(var(--u) * 1.5) calc(var(--u) * 2) calc(var(--u) * 1);background:#ffffff08;box-shadow:inset 0 0 0 1px #d8cfb829}.loot-group header{letter-spacing:.18em;text-transform:uppercase;color:var(--amber);padding-bottom:var(--u);margin-bottom:var(--u);border-bottom:1px solid #e0a0402e;font-size:.75em}.loot-group header>:last-child{color:var(--bone-dark);letter-spacing:.06em}.loot-row{align-items:center;gap:var(--u);padding:calc(var(--u) * .5) 0;display:flex}.loot-row:hover{background:#e0a0400f}.loot-row .icon{flex:none}.loot-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.loot-n{color:var(--bone-dark);font-variant-numeric:tabular-nums}.loot-groups.lost .loot-group{background:#5c141859;box-shadow:inset 0 0 0 1px #c0392b80}.loot-groups.lost .loot-group header{color:#f0c8c0;border-bottom-color:#c0392b66}.report-casualties{gap:var(--u);padding:calc(var(--u) * 1.5) calc(var(--u) * 2);background:#5c141833;flex-direction:column;display:flex;box-shadow:inset 0 0 0 1px #c0392b4d}.report-modal>.primary{margin-top:calc(var(--u) * 2)}.log-entry{padding:calc(var(--u) * .75) 0 calc(var(--u) * .75) calc(var(--u) * 2);box-shadow:inset calc(var(--u) * .5) 0 0 var(--concrete-dark);border-bottom:1px solid #ffffff0a;line-height:1.15}.log-entry.good{box-shadow:inset calc(var(--u) * .5) 0 0 var(--phosphor)}.log-entry.bad{box-shadow:inset calc(var(--u) * .5) 0 0 var(--warning)}.log-entry.warn{box-shadow:inset calc(var(--u) * .5) 0 0 var(--amber)}.log-entry>.dim:first-child{color:var(--phosphor);text-shadow:0 0 calc(var(--u) * 1.5) #6fae7a66}.inv-grid{background-color:var(--ink);background-image:linear-gradient(#e0a0401a var(--u), transparent var(--u)), linear-gradient(90deg, #e0a0401a var(--u), transparent var(--u));background-size:var(--cell) var(--cell);border:var(--u) solid var(--void);box-sizing:content-box;position:relative;box-shadow:0 0 0 1px #e0a04040}.inv-item{cursor:grab;box-shadow:inset 0 0 0 1px var(--rc,var(--concrete-light));background:#1c212bd9;position:absolute;overflow:hidden}.inv-item:hover{background:#454c57e6}.inv-item.selected{box-shadow:inset 0 0 0 2px var(--amber)}.inv-item.dragging{opacity:.25}.inv-item img,.slot img,.icon img{image-rendering:pixelated;pointer-events:none}.inv-item img{position:absolute;top:0;left:0}.inv-item .n{color:var(--bone);text-shadow:1px 1px 0 var(--void);font-size:.8em;position:absolute;bottom:0;right:2px}.no-art{color:var(--void);text-align:center;background:#f0f;justify-content:center;align-items:center;font-size:.7em;display:inline-flex}.inv-item .no-art{position:absolute;inset:2px}.inv-hover{pointer-events:none;box-shadow:inset 0 0 0 2px var(--phosphor-hot);background:#6fae7a59;position:absolute}.inv-hover.bad{box-shadow:inset 0 0 0 2px var(--warning);background:#c0392b4d}.drag-ghost{pointer-events:none;z-index:100;opacity:.85;box-shadow:inset 0 0 0 2px var(--amber);background:#1c212bb3;position:fixed;overflow:hidden}.drag-ghost img{image-rendering:pixelated;position:absolute;top:0;left:0}.drag-ghost .n{color:var(--bone);text-shadow:1px 1px 0 var(--void);font-size:.8em;position:absolute;bottom:0;right:2px}.slot{--tl:calc(var(--u) * 1.5);--tk:#e0a0408c;width:calc(var(--cell) * 2);height:calc(var(--cell) * 2);background:linear-gradient(var(--tk) 0 0) left top / var(--tl) 1px no-repeat, linear-gradient(var(--tk) 0 0) left top / 1px var(--tl) no-repeat, linear-gradient(var(--tk) 0 0) right top / var(--tl) 1px no-repeat, linear-gradient(var(--tk) 0 0) right top / 1px var(--tl) no-repeat, linear-gradient(var(--tk) 0 0) left bottom / var(--tl) 1px no-repeat, linear-gradient(var(--tk) 0 0) left bottom / 1px var(--tl) no-repeat, linear-gradient(var(--tk) 0 0) right bottom / var(--tl) 1px no-repeat, linear-gradient(var(--tk) 0 0) right bottom / 1px var(--tl) no-repeat, radial-gradient(ellipse at center, #e0a0400f, transparent 70%), var(--ink);border:var(--u) solid var(--void);cursor:grab;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 1px #e0a0401f}.slot:not(.filled){cursor:default}.slot.selected{box-shadow:inset 0 0 0 2px var(--amber)}.slot.can-drop{box-shadow:inset 0 0 0 2px var(--phosphor);background:#6fae7a1f}.slot.dim{opacity:.45}.slot.hover{box-shadow:inset 0 0 0 2px var(--phosphor-hot)}.slot.hover.bad{box-shadow:inset 0 0 0 2px var(--warning)}.slot .slot-label{letter-spacing:.14em;color:var(--amber-dark);text-transform:uppercase;font-size:.6em;position:absolute;top:2px;left:4px}.slot img{max-width:90%;max-height:90%}.icon{vertical-align:middle;width:1.2em;height:1.2em;margin-right:calc(var(--u) * 1);justify-content:center;align-items:center;display:inline-flex}.icon img{max-width:100%;max-height:100%}.item-detail{min-height:calc(var(--cell) * 2.5);gap:calc(var(--u) * 2) calc(var(--u) * 3);padding:calc(var(--u) * 1.5) calc(var(--u) * 2);background:linear-gradient(90deg, #e0a04012, transparent 70%), var(--ink);border:var(--u) solid var(--void);flex-wrap:wrap;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #e0a04026}.inv-editor .item-detail{height:calc(var(--cell) * 2.5);flex-wrap:nowrap}.loot-ground{width:calc(var(--cell) * 12)}.loot-kit{align-items:flex-start}.item-detail-art .icon{width:calc(var(--cell) * 1.5);height:calc(var(--cell) * 1.5);margin:0}.item-detail-text{gap:var(--u);flex:1;min-width:0;overflow:hidden}.item-detail-text>.muted{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-detail-actions{justify-content:flex-end;gap:var(--u);flex:0 auto;max-width:50%}.inv-panel{width:min(96vw, calc(var(--cell) * 27));height:min(88vh, calc(var(--cell) * 22));overflow:hidden}.inv-embed{height:min(72vh, calc(var(--cell) * 19));flex-direction:column;flex-shrink:0;display:flex}.inv-editor{gap:calc(var(--u) * 2);flex:1;grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid}.pawn-strip{gap:calc(var(--u) * 2);padding:var(--u);display:flex;overflow:auto hidden}.pawn-card{width:calc(var(--cell) * 5.75);gap:calc(var(--u) * 1.5);padding:calc(var(--u) * 1.5) calc(var(--u) * 1.5) calc(var(--u) * 1.5) calc(var(--u) * 2.5);background:linear-gradient(90deg, #e0a04012, transparent 70%), var(--ink);box-shadow:inset var(--u) 0 0 var(--amber-dark), inset 0 0 0 1px #ffffff0d;cursor:pointer;flex:none;display:flex}.pawn-card:hover{background:linear-gradient(90deg, #e0a04029, transparent 80%), var(--night)}.pawn-card.in-squad{box-shadow:inset var(--u) 0 0 var(--phosphor), inset 0 0 0 1px #6fae7a59}.pawn-card.active{background:linear-gradient(90deg, #e0a04033, transparent 80%), var(--night);outline:1px solid var(--amber);outline-offset:-1px}.pawn-card.drop{outline:1px solid var(--phosphor-hot);outline-offset:-1px;background:#6fae7a40}.portrait{width:calc(var(--cell) * 1.75);height:calc(var(--cell) * 1.75);background:radial-gradient(circle at 50% 40%, #e0a04033, var(--void) 75%);box-shadow:0 0 0 1px #e0a04066, 0 0 0 var(--u) var(--void);flex:none;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.portrait:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#00000038 0 1px,#0000 1px 3px);position:absolute;inset:0}.portrait img{width:100%;height:100%;image-rendering:pixelated;pointer-events:none}.pawn-info{gap:calc(var(--u) * .75);flex-direction:column;flex:1;min-width:0;font-size:.9em;display:flex}.pawn-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pawn-gear{gap:var(--u);align-items:center;min-width:0;min-height:1.2em;display:flex}.pawn-weapon{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inv-body{gap:calc(var(--u) * 3);grid-template-columns:minmax(0,1fr) auto;min-height:0;display:grid}.inv-col{scrollbar-gutter:stable;gap:calc(var(--u) * 2);flex-direction:column;min-height:0;display:flex;overflow:auto}.paper-doll{gap:calc(var(--u) * 3);align-items:flex-start;display:flex}.doll-slots{grid-template-columns:repeat(3, calc(var(--cell) * 2));grid-template-rows:repeat(2, calc(var(--cell) * 2));gap:var(--u);flex:none;grid-template-areas:"helmet weapon weapon""armor rig backpack";display:grid}.doll-slots .slot{width:auto;height:auto}.slot-helmet{grid-area:helmet}.slot-weapon{grid-area:weapon}.slot-armor{grid-area:armor}.slot-rig{grid-area:rig}.slot-backpack{grid-area:backpack}.doll-stats{gap:var(--u);min-width:0;font-size:.9em}.doll-stats button{align-self:flex-start}.bags{gap:calc(var(--u) * 3);flex-wrap:wrap;align-items:flex-start;display:flex}.inv-grid-wrap{gap:calc(var(--u) * .5)}.inv-grid-label{min-height:1.4em;font-size:.85em}.crate-drawer{gap:calc(var(--u) * .5);padding-top:calc(var(--u) * 2);border-top:var(--u) solid #e0a04040;flex-direction:column;display:flex}.item-tooltip{z-index:120;pointer-events:none;--bl:calc(var(--u) * 2);gap:var(--u);max-width:260px;padding:calc(var(--u) * 2);flex-direction:column;font-size:.9em;display:flex;position:fixed}.item-menu{z-index:110;--bl:calc(var(--u) * 2);min-width:170px;padding:calc(var(--u) * 1.5);flex-direction:column;gap:1px;display:flex;position:fixed}.item-menu button{text-align:left}.item-menu button:not(.primary):not(.danger){box-shadow:none;background:0 0}.item-menu button:not(.primary):not(.danger):hover:not(:disabled){box-shadow:inset var(--u) 0 0 var(--amber);background:linear-gradient(90deg,#e0a04038,#0000)}.item-menu-title{padding:var(--u) calc(var(--u) * 1.5);letter-spacing:.08em;text-transform:uppercase;color:var(--amber);border-bottom:1px solid #e0a04038;font-size:.9em}.combat-top{top:calc(var(--u) * 2);left:calc(var(--u) * 2);right:calc(var(--u) * 26);justify-content:space-between;align-items:flex-start;gap:calc(var(--u) * 2);display:flex;position:absolute}.combat-bottom{bottom:calc(var(--u) * 2);gap:calc(var(--u) * 2);align-items:stretch;display:flex;position:absolute;left:50%;transform:translate(-50%)}.fighter{min-width:calc(var(--u) * 56)}.fighter.down{--hl:var(--warning);opacity:.55;filter:grayscale(.6)}.abil{position:relative;overflow:hidden}.abil .cd{pointer-events:none;background:#050608bf;position:absolute;bottom:0;left:0;right:0}.abil.ready{color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber), inset 0 calc(var(--u) * -.75) 0 var(--amber), 0 0 calc(var(--u) * 3) #e0a04073;animation:1.2s steps(2,end) infinite abil-ready}@keyframes abil-ready{50%{box-shadow:inset 0 0 0 1px var(--amber), inset 0 calc(var(--u) * -.75) 0 var(--amber), 0 0 calc(var(--u) * 1.5) #e0a04033}}.hint{color:var(--bone-dark);font-size:.85em}.help-panel{width:min(96vw, calc(var(--u) * 230));height:min(92vh, calc(var(--u) * 180));flex-direction:column;max-height:none;padding:0;line-height:1.15;animation:.24s steps(4,end) help-in;display:flex;overflow:hidden}@keyframes help-in{0%{opacity:0;transform:translate(-50%,-46%)}}.help-hero{min-height:calc(var(--u) * 38);padding:calc(var(--u) * 6) calc(var(--u) * 26) calc(var(--u) * 3.5);background:repeating-linear-gradient(0deg, #00000047 0 var(--u), transparent var(--u) calc(var(--u) * 2)), radial-gradient(ellipse 55% 90% at 50% 100%, #e0a04033, transparent 70%), linear-gradient(180deg, var(--void), var(--rust-dark));border-bottom:var(--u) solid var(--void);box-shadow:inset 0 calc(var(--u) * -1) 0 var(--rust);flex:none;justify-content:center;align-items:flex-end;display:flex;position:relative;overflow:hidden}.hazard{height:calc(var(--u) * 2.5);background:repeating-linear-gradient(-45deg, var(--amber-dark) 0 calc(var(--u) * 3), var(--void) calc(var(--u) * 3) calc(var(--u) * 6));box-shadow:0 var(--u) 0 var(--void);position:absolute;inset:0 0 auto}.help-hero img{bottom:var(--u);image-rendering:pixelated;pointer-events:none;position:absolute}.hero-dweller{left:calc(var(--u) * 10);height:calc(var(--u) * 26);filter:drop-shadow(0 0 calc(var(--u) * 3) #e0a04059)}.hero-conductor{right:calc(var(--u) * 4);height:calc(var(--u) * 38);filter:brightness(.5) drop-shadow(0 0 calc(var(--u) * 3) #8e2a2acc)}.hero-text{align-items:center;gap:calc(var(--u) * 1.5);text-align:center;flex-direction:column;display:flex;position:relative}.hero-log{color:var(--phosphor);text-transform:uppercase;letter-spacing:.14em;font-size:.8em}.hero-log:after{content:"_";animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.help-hero h1{color:var(--amber);text-transform:uppercase;letter-spacing:.12em;text-shadow:calc(var(--u) * .75) calc(var(--u) * .75) 0 var(--rust-dark), 0 0 calc(var(--u) * 5) #e0a04073;margin:0;font-size:3.4em;font-weight:400;line-height:.9;animation:7s step-end infinite flicker}@keyframes flicker{92%{opacity:1}93%{opacity:.55}94%{opacity:1}96%{opacity:.75}97%{opacity:1}}.hero-tagline{max-width:calc(var(--u) * 150);color:var(--bone-dark)}.help-close{top:calc(var(--u) * 4.5);right:calc(var(--u) * 2);position:absolute}.help-tabs{gap:var(--u);padding:calc(var(--u) * 2) calc(var(--u) * 3) 0;border-bottom:var(--u) solid var(--concrete-dark);flex:none;display:flex}.help-tabs button{box-shadow:none;border:none;border-bottom:var(--u) solid transparent;margin-bottom:calc(var(--u) * -1);padding:calc(var(--u) * 1.5) calc(var(--u) * 4);color:var(--concrete-light);letter-spacing:.1em;background:0 0}.help-tabs button:hover:not(:disabled){background:var(--night);color:var(--bone)}.help-tabs button.active,.help-tabs button.active:hover:not(:disabled){background:var(--night);box-shadow:none;color:var(--amber);border-bottom-color:var(--amber)}.help-body{min-height:0;padding:calc(var(--u) * 3);flex:1;overflow-y:auto}.help-body em{color:var(--amber);font-style:normal}.help-body b{color:var(--warning);font-weight:400}.help-tips{grid-template-columns:repeat(auto-fill, minmax(calc(var(--u) * 90), 1fr));gap:calc(var(--u) * 2);display:grid}.help-tip{gap:calc(var(--u) * 2.5);padding:calc(var(--u) * 2);background:var(--night);border:var(--u) solid var(--void);box-shadow:inset var(--u) 0 0 var(--amber-dark);align-items:flex-start;display:flex}.help-tip:hover{background:var(--shadow);box-shadow:inset var(--u) 0 0 var(--amber)}.help-icon{width:calc(var(--cell) * 1.6);height:calc(var(--cell) * 1.6);background:var(--ink);border:var(--u) solid var(--void);box-shadow:inset 0 0 0 1px var(--shadow);flex:none;justify-content:center;align-items:center;display:flex}.help-icon img{object-fit:contain;width:88%;height:88%;image-rendering:pixelated}.help-tip-text{gap:var(--u);min-width:0}.help-tip-title{align-items:center;gap:calc(var(--u) * 2);color:var(--amber);text-transform:uppercase;letter-spacing:.08em;display:flex}.keys{gap:var(--u);flex-wrap:wrap;display:inline-flex}.keycap{min-width:1.5em;padding:0 calc(var(--u) * 1) calc(var(--u) * .5);text-align:center;text-transform:uppercase;letter-spacing:.04em;color:var(--bone);background:var(--concrete-dark);border:calc(var(--u) * .5) solid var(--void);box-shadow:inset 0 calc(var(--u) * -.75) 0 var(--shadow), inset 0 1px 0 var(--concrete-light);font-family:inherit;font-size:.8em;line-height:1.2;display:inline-block}.help-controls{grid-template-columns:repeat(auto-fill, minmax(calc(var(--u) * 90), 1fr));gap:calc(var(--u) * 2) calc(var(--u) * 6);display:grid}.help-controls section{gap:calc(var(--u) * 1.5);flex-direction:column;display:flex}.help-controls h3{margin:0 0 var(--u);padding-bottom:var(--u);border-bottom:var(--u) solid var(--night)}.help-controls section.compact{gap:calc(var(--u) * 1.5) calc(var(--u) * 4);grid-template-columns:1fr 1fr;align-content:start;display:grid}.help-controls section.compact h3{grid-column:1/-1}.help-controls section.compact .control-row{grid-template-columns:calc(var(--u) * 8) 1fr}.help-controls .hint{grid-column:1/-1}.control-row{grid-template-columns:calc(var(--u) * 34) 1fr;gap:calc(var(--u) * 2);align-items:center;display:grid}.help-foot{justify-content:space-between;align-items:center;gap:calc(var(--u) * 2);padding:calc(var(--u) * 2.5) calc(var(--u) * 3);background:var(--ink);border-top:var(--u) solid var(--void);box-shadow:inset 0 var(--u) 0 var(--concrete-dark);flex:none;display:flex}.help-confirm{gap:calc(var(--u) * 1.5);animation:.12s steps(2,end) fade-in}@keyframes fade-in{0%{opacity:0}}.help-confirm .bad{text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 calc(var(--u) * 2) #c0392b80}.help-start{padding:calc(var(--u) * 1.5) calc(var(--u) * 8) calc(var(--u) * 2);font-size:1.2em}@media (max-width:720px){.help-hero{padding-left:calc(var(--u) * 3);padding-right:calc(var(--u) * 3)}.help-hero img{display:none}.help-hero h1{font-size:2.4em}}.pulse{animation:.6s steps(2,end) infinite pulse}@keyframes pulse{50%{color:var(--warning)}}