:root{--amber: #fcfc38;--green: #18fc18;--cyan: #38c8fc;--red: #fc3c24;--you: #2a8cff;--you-light: #7fc4ff;--you-dark: #1c5878;--foe: #ff3424;--foe-light: #ff7a6a;--foe-dark: #781c10;--text: #e8e8d8;--steel-hi: #8ca0b8;--steel: #3c4c60;--steel-lo: #141c24;--label: Verdana, Tahoma, "DejaVu Sans", sans-serif;--mono: Tahoma, Verdana, "DejaVu Sans", sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#000;color:var(--text);font-family:var(--mono);font-size:14px;user-select:none;-webkit-user-select:none}button{font:inherit}.rts{position:relative;height:100dvh;overflow:hidden}.field{position:absolute;inset:0;background:#000}.battlefield-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;touch-action:none}.hud{position:absolute;top:6px;left:8px;right:8px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.hud>*{pointer-events:auto}.hud-left,.hud-right{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hud-right{justify-content:flex-end}.hud-label{font-family:var(--label);font-size:13px;font-weight:700;color:var(--text);text-shadow:1px 1px 0 #000}.hud-label.visitors{opacity:.7;font-weight:500}@media (max-width: 1100px){.hud-label.visitors{display:none}}.lcd{font-family:var(--mono);font-size:18px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--green);background:#000;padding:2px 6px 0;border:1px solid #000;box-shadow:inset 1px 1px 0 var(--steel-lo),0 0 0 1px var(--steel-hi)}.res{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;color:var(--green);text-shadow:1px 1px 0 #000,2px 2px 0 #000}.res.gas{color:var(--cyan)}.res.sup{color:var(--green)}.res.sup .pip-sup{width:14px;height:14px;background:#c89810;box-shadow:inset 2px 2px #fce070,inset -2px -2px #584000,0 0 0 1px #000}.res.warn{color:var(--red)}.res-icon{width:22px;height:20px;object-fit:contain;image-rendering:pixelated}.res-icon.small{width:16px;height:14px}.net{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:14px;font-weight:700;color:var(--text);text-shadow:1px 1px 0 #000}.net.dim{color:#9a9a90}.ticker{position:absolute;left:10px;right:10px;z-index:3;pointer-events:none;font-family:var(--mono);font-size:18px;font-weight:700;line-height:1.2;color:var(--amber);text-shadow:1px 1px 0 #000,2px 2px 0 #000}.console{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;grid-template-columns:240px minmax(0,1fr) 480px;align-items:end;pointer-events:none}.console>*{pointer-events:auto}.race-pick{display:inline-flex;align-items:center;gap:8px}.race-pick select{height:26px;padding:0 6px;font-family:var(--label);font-size:13px;font-weight:700;color:var(--amber);cursor:pointer;background:#1c2430;border:1px solid #000;border-radius:0;box-shadow:inset 1px 1px 0 var(--steel-hi),inset -1px -1px #000}.race-pick select option{background:#10161e;color:var(--text)}.meter{display:flex;flex-direction:column;gap:2px;padding:3px 8px;background:#000000b8;box-shadow:0 0 0 1px var(--steel-hi)}.meter-wait{font-size:13px;font-weight:700;color:var(--cyan)}.meter-row{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;line-height:1}.meter-row b{width:34px;text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.meter-name{width:28px}.meter-name.you{color:var(--you-light)}.meter-name.foe{color:var(--foe-light)}.meter-bar{width:110px;height:7px;background:#0c1014;box-shadow:0 0 0 1px #000}.meter-bar span{display:block;height:100%}.meter-bar .you{background:var(--you)}.meter-bar .foe{background:var(--foe)}.c-left,.c-mid,.c-right{position:relative;height:100%;background:url(/detroitcraft-2037/assets/plate-BNM-R9ul.png) 0 0 / 256px 256px repeat;image-rendering:pixelated;border-top:2px solid #000;box-shadow:inset 0 1px 0 var(--steel-hi),inset 0 2px #5c6c80}.c-left{padding:14px 10px 10px;display:flex;border-right:2px solid #000;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}.c-mid{height:calc(100% - 26px);padding:14px 10px 10px;display:flex;flex-direction:column}.c-right{padding:14px 10px 10px 30px;border-left:2px solid #000;clip-path:polygon(26px 0,100% 0,100% 100%,0 100%,0 26px)}.hazard{position:absolute;left:0;right:0;top:0;height:6px;background:repeating-linear-gradient(-45deg,#c88c10 0 6px,#101010 6px 12px);border-bottom:1px solid #000}.c-left .hazard,.c-right .hazard{display:none}.screen{background:#000;border:1px solid #000;box-shadow:0 0 0 1px var(--steel-hi),0 0 0 2px #000,inset 1px 1px #0c140c;position:relative;overflow:hidden}.screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(0,0,0,.22) 0 1px,transparent 1px 2px)}.mini-screen{flex:1;min-height:0;aspect-ratio:5 / 3;align-self:center;max-width:100%}.minimap-canvas{width:100%;height:100%;display:block;image-rendering:pixelated;cursor:pointer;touch-action:none}.mid-row{flex:1;min-height:0;display:flex;gap:10px}.info-screen{flex:1;min-width:0;padding:8px 12px;color:var(--green)}.portrait-screen{flex:0 0 auto;aspect-ratio:1;height:100%}.portrait{width:100%;height:100%;display:grid;place-items:center;background:#000}.portrait.enemy{background:#0c0000}.portrait .sprite-icon{width:76%;height:76%;animation:idleBob 1.6s steps(2) infinite}@keyframes idleBob{50%{transform:translateY(-2px)}}.info-body{display:flex;flex-direction:column;gap:6px;height:100%}.info-name{display:flex;align-items:center;gap:10px;font-family:var(--label);font-size:15px;font-weight:700;line-height:1;color:var(--text)}.stars{color:#ffd030;font-size:14px;letter-spacing:1px}.team-tag{font-family:var(--label);font-size:12px;font-weight:700;padding:2px 5px;border:1px solid}.team-tag.player{color:var(--you-light);border-color:var(--you-dark)}.team-tag.enemy{color:var(--foe-light);border-color:var(--foe-dark)}.info-sub{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:14px;font-weight:700;line-height:1.1}.info-sub .dim{color:var(--text)}.queue{display:flex;gap:4px}.queue .q{position:relative;width:34px;height:30px;display:grid;place-items:center;background:#000;box-shadow:inset 1px 1px #000,0 0 0 1px #2c5c2c}.queue .q.active{box-shadow:0 0 0 1px var(--green)}.queue .q .sprite-icon{max-width:26px;max-height:22px}.queue .q-bar{position:absolute;left:0;bottom:0;height:3px;background:var(--green)}.wire{display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;height:100%;overflow:hidden}.wire-cell{width:36px;height:36px;padding:3px;display:grid;place-items:center;cursor:pointer;background:#000;border:1px solid var(--green)}.wire-cell .sprite-icon{max-width:100%;max-height:100%}.wire-cell:hover,.wire-cell.mid{border-color:var(--amber)}.wire-cell.low{border-color:var(--red)}.wire-more{align-self:center;font-size:16px;font-weight:700;color:var(--green);padding:0 4px}.overview{height:100%;display:flex;gap:10px;align-items:stretch}.ov-cell{flex:1 1 0;max-width:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--green);background:#000;border:1px solid #1c4c1c}.ov-cell:hover:not(:disabled){border-color:var(--amber)}.ov-cell:disabled{cursor:default;opacity:.45}.ov-cell .sprite-icon{width:40px;height:34px}.ov-count{font-size:22px;font-weight:700;line-height:1}.ov-count small{font-size:14px;color:var(--cyan);margin-left:2px}.ov-label{font-family:var(--label);font-size:12px;font-weight:700;color:var(--text);text-align:center}.ov-goal{flex:1.4 1 0;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:6px 10px;background:#000;border:1px solid #4c4410}.ov-goal .ov-label{text-align:left;color:var(--amber)}.goal-pips{display:flex;flex-wrap:wrap;gap:3px}.goal-pips i{width:10px;height:10px;background:#1c1c14;box-shadow:inset 1px 1px #000,0 0 0 1px #3c3820}.goal-pips i.on{background:#ffd030;box-shadow:inset 1px 1px #fff4b0,inset -1px -1px #806000}.goal-next{font-size:13px;font-weight:700;color:var(--text);line-height:1.2}.cmd-grid{height:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:5px}.cmd{position:relative;min-width:0;min-height:0;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:6px;align-items:center;padding:3px 5px 3px 4px;cursor:pointer;text-align:left;color:var(--text);background:#1c2430;border:1px solid #000;box-shadow:inset 1px 1px 0 var(--steel-hi),inset -1px -1px #000,inset 2px 2px #4c5c70,inset -2px -2px #0c1018}.cmd.empty{cursor:default;background:#0c1014;box-shadow:inset 1px 1px #000,inset -1px -1px #3c4c60}.cmd-ico{grid-row:1 / 3;width:34px;height:34px;display:grid;place-items:center;background:#000;box-shadow:inset 1px 1px #000,inset -1px -1px #4c5c70}.cmd .sprite-icon{max-width:100%;max-height:100%}.cmd-svg{width:80%;height:80%;image-rendering:pixelated}.cmd-label{align-self:end;padding-right:14px;font-family:var(--label);font-size:12px;font-weight:700;line-height:1.2;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-sub{align-self:start;display:flex;gap:6px;font-size:12px;font-weight:700;line-height:1.2;color:var(--cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmd-sub.bad{color:var(--red)}.c-min,.c-gas{display:inline-flex;align-items:center;gap:2px}.c-gas{color:var(--green)}.cmd.poor .c-min,.cmd.poor .c-gas{color:var(--red)}.cmd.poor .cmd-ico,.cmd.off .cmd-ico,.cmd.off .cmd-label{opacity:.5}.cmd:not(.empty):hover{box-shadow:inset 1px 1px #c8d8e8,inset -1px -1px #000,inset 2px 2px #6c809c,inset -2px -2px #0c1018}.cmd:not(.empty):hover .cmd-label{color:var(--amber)}.cmd:not(.empty):active,.cmd.on{background:#10161e;box-shadow:inset 1px 1px #000,inset -1px -1px 0 var(--steel-hi),inset 2px 2px #0c1018}.cmd.on .cmd-label{color:var(--amber)}.cmd-attack{background:#3c1008}.cmd-defend{background:#0c2440}.cmd:focus-visible,.mbtn:focus-visible,.ov-cell:focus-visible,.wire-cell:focus-visible{outline:1px dotted var(--amber);outline-offset:-4px}.hk{position:absolute;top:3px;right:4px;font-family:var(--label);font-size:12px;font-weight:700;line-height:1;color:var(--amber);text-shadow:1px 1px 0 #000}.result{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 12px}.result-title{font-family:var(--label);font-weight:700;font-size:30px;line-height:1;color:var(--green);text-shadow:2px 2px 0 #000}.result.lose .result-title{color:var(--red)}.result-sub{margin-top:8px;font-size:15px;font-weight:700;color:var(--text)}.result-sub.dim{font-size:13px;color:#b8b8a8}.result-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.mbtn{height:26px;padding:0 10px;cursor:pointer;font-family:var(--label);font-size:12px;font-weight:700;color:var(--amber);white-space:nowrap;text-transform:uppercase;background:#1c2430;border:1px solid #000;box-shadow:inset 1px 1px 0 var(--steel-hi),inset -1px -1px #000,inset 2px 2px #4c5c70,inset -2px -2px #0c1018}.mbtn:hover{color:#fff}.mbtn:active,.mbtn.on{background:#10161e;box-shadow:inset 1px 1px #000,inset -1px -1px 0 var(--steel-hi)}.mbtn.go{color:var(--green);background:#0c2c0c;box-shadow:inset 1px 1px #48a848,inset -1px -1px #000,inset 2px 2px #1c5c1c,inset -2px -2px #041004}.mbtn.go:hover{color:#fff}.mbtn.big{height:40px;padding:0 16px;font-size:14px}.sprite-icon{image-rendering:pixelated;object-fit:contain;display:block;pointer-events:none}@media (max-width: 1100px){.console{grid-template-columns:180px minmax(0,1fr) 440px}.ov-goal{display:none}}@media (max-width: 900px){.console{grid-template-columns:minmax(0,1fr) minmax(0,236px)}.c-mid{height:100%}.c-right{padding-left:6px;clip-path:none}.c-left,.portrait-screen{display:none}.c-mid,.c-right{padding:14px 6px 6px}.info-screen{padding:6px 8px}.info-name{font-size:13px;flex-wrap:wrap;gap:6px}.info-sub{flex-direction:column;gap:2px;font-size:13px}.overview{flex-direction:column;gap:4px}.ov-cell{max-width:none;flex-direction:row;gap:8px;justify-content:flex-start;padding:0 6px}.ov-cell .sprite-icon{width:26px;height:22px}.ov-count{font-size:18px}.wire-cell{width:28px;height:28px}.cmd{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;justify-items:center;padding:2px}.cmd-ico{grid-row:auto;width:28px;height:26px;border:0;background:none}.cmd-label{align-self:center;padding:0;font-size:12px}.cmd-sub,.hk,.hud-label{display:none}.hud{flex-direction:column;align-items:stretch;gap:6px}.hud-left{display:none}.res{font-size:18px}.meter,.race-pick .hud-label{display:none}.result{flex-direction:column;justify-content:center;gap:10px}}.portrait.painted{overflow:hidden}.portrait.painted img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated}.hpbar{height:6px;max-width:320px;background:#200000;box-shadow:0 0 0 1px #000}.hpbar span{display:block;height:100%;background:var(--green)}.hpbar span.mid{background:var(--amber)}.hpbar span.low{background:var(--red)}.settings{position:absolute;top:44px;right:8px;z-index:4;width:min(470px,calc(100% - 16px));padding:10px 12px 12px;display:flex;flex-direction:column;gap:10px;background:#1c2430;border:1px solid #000;box-shadow:inset 1px 1px 0 var(--steel-hi),inset -1px -1px #000,inset 2px 2px #4c5c70,inset -2px -2px #0c1018,0 6px #00000080}.settings-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--label);font-size:16px;font-weight:700;color:var(--amber);text-shadow:1px 1px 0 #000}.set-row{display:grid;grid-template-columns:96px minmax(0,1fr) 54px;align-items:center;gap:10px;font-family:var(--label);font-size:13px;font-weight:700;color:var(--text)}.set-row b{text-align:right;color:var(--green);font-variant-numeric:tabular-nums}.set-row input[type=range]{width:100%;accent-color:var(--amber);height:20px}.set-choices{display:flex;gap:4px;flex-wrap:wrap}.mbtn:disabled{opacity:.5;cursor:default}.set-now{color:var(--green)}.set-help{margin:0;font-size:12px;line-height:1.4;color:#b8b8a8}.hud-label.tag{padding:1px 6px;color:var(--green);background:#06200a;box-shadow:inset 0 0 0 1px #1c6c2c}.set-now.records{display:flex;flex-direction:column;gap:2px;font-size:12px}.result-actions .mbtn.big{height:32px;padding:0 10px;font-size:12px}.chat{position:absolute;left:10px;right:10px;z-index:4;display:flex;flex-direction:column;gap:2px;pointer-events:none;font-family:var(--mono);font-size:16px;font-weight:700;line-height:1.25;color:var(--text);text-shadow:1px 1px 0 #000,2px 2px 0 #000}.chat-line{max-width:70ch;overflow-wrap:anywhere}.chat-entry{display:flex;align-items:center;gap:6px;margin-top:4px;pointer-events:auto}.chat-prompt{color:var(--amber)}.chat-entry input{flex:1;max-width:70ch;height:26px;padding:0 6px;font:inherit;font-size:16px;color:var(--text);background:#000000b3;border:1px solid #000;box-shadow:inset 1px 1px 0 var(--steel-lo),0 0 0 1px var(--steel-hi);outline:none}.invite{position:absolute;top:48px;left:50%;transform:translate(-50%);z-index:4;display:inline-flex;align-items:center;gap:10px;padding:8px 12px;font-family:var(--mono);font-size:15px;font-weight:700;color:var(--text);background:#0c2c0c;box-shadow:inset 1px 1px #48a848,inset -1px -1px #000,0 2px #000}@media (max-width: 760px){.invite{top:56px;left:8px;right:8px;transform:none;flex-wrap:wrap}}