@font-face{font-family:Barlow Semi Condensed;font-weight:400;font-display:swap;src:url(/fonts/barlow-semi-condensed-400.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:500;font-display:swap;src:url(/fonts/barlow-semi-condensed-500.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:600;font-display:swap;src:url(/fonts/barlow-semi-condensed-600.woff2)format("woff2")}@font-face{font-family:Barlow Semi Condensed;font-weight:700;font-display:swap;src:url(/fonts/barlow-semi-condensed-700.woff2)format("woff2")}@font-face{font-family:Big Shoulders Stencil Display;font-weight:100 900;font-display:swap;src:url(/fonts/big-shoulders-stencil-display.woff2)format("woff2")}:root{--asphalt:#1f2120;--asphalt-90:#1f2120e6;--asphalt-80:#1f2120cc;--plate:#34373a;--plate-hi:#3d4043;--plate-hover:#44484b;--plate-low:#2a2c2d;--rule:#4a4d50;--concrete:#8e8b84;--chalk:#ecebe4;--chalk-muted:#b0aea6;--label:#a19e97;--disabled:#7d7f80;--lime:#c3d936;--lime-hi:#d3e64a;--oxide:#8a3a26;--hazard:#e0452f;--hazard-text:#ff7660;--hazard-tape:#b8321f;--tape:#ddd5bf;--tape-ink:#222;--team-a:#4c8be0;--team-b:#e8803f;--team-a-text:#7fb0f0;--team-b-text:#f2a06a;--font-display:"Big Shoulders Stencil Display", Impact, "Arial Narrow", sans-serif;--font-ui:"Barlow Semi Condensed", "Segoe UI", system-ui, sans-serif;--text-xs:.8rem;--text-sm:.9rem;--text-md:1rem;--text-lg:1.2rem;--text-xl:1.6rem;--text-2xl:2.2rem;--text-3xl:3.2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--edge:1.5rem;--edge-menu:3rem;--hud-inset:max(var(--edge), calc((100vw - 100vh * 16 / 9) / 2 + var(--edge)));--dur-fast:90ms;--dur-base:.14s;--dur-draw:.2s;--ease:cubic-bezier(.2, .8, .2, 1);--drop:6px;--ui-scale:1;font-size:calc(clamp(14px, .75vh + 7px, 18px) * var(--ui-scale))}:root[data-hud-full]{--hud-inset:var(--edge)}:root[data-reduced-motion]{--dur-fast:0s;--dur-base:0s;--dur-draw:0s;--drop:0px}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-base:0s;--dur-draw:0s;--drop:0px}}body{font-family:var(--font-ui);font-variant-numeric:tabular-nums;color:var(--chalk)}button,input,select{font:inherit;color:inherit}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.01em;font-weight:900;line-height:.95}.panel{color:var(--chalk);background:linear-gradient(180deg, #262827, var(--asphalt));box-shadow:inset 0 1px #ffffff0f,inset 0 -2px #0006,0 1rem 2rem #00000059}.plate{gap:var(--space-2);min-height:2.4rem;padding:var(--space-2) var(--space-4);font:700 var(--text-md) / 1 var(--font-ui);color:var(--chalk);text-align:left;background:linear-gradient(180deg, var(--plate-hi), var(--plate));cursor:pointer;transition:background var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);border:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,inset 0 -3px #00000059,0 2px #0006}.plate:hover:not(:disabled){background:linear-gradient(180deg, #4a4e52, var(--plate-hi))}.plate:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 -2px #00000059,0 1px #0006}.plate.primary{color:var(--asphalt);background:linear-gradient(180deg, var(--lime-hi), var(--lime))}.plate.primary:hover:not(:disabled){background:linear-gradient(180deg, #dfef6a, var(--lime-hi))}.plate.danger{color:var(--hazard-text)}.plate.confirm{color:var(--chalk);background:var(--hazard-tape)}.plate.active,.plate[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--lime), inset 0 -.3rem 0 var(--lime)}.plate:disabled{color:var(--disabled);background:var(--plate-low);box-shadow:inset 0 0 0 1px var(--plate-hi);cursor:default}.plate.big{min-height:3.4rem;padding:var(--space-2) var(--space-6);font:900 var(--text-2xl) / 1 var(--font-display);text-transform:uppercase}.plate.square{min-width:2.4rem;padding:var(--space-1)}.plate.square .icon{width:1.3rem;height:1.3rem}.plate.small{min-height:2rem;padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.plate.small.square{min-width:2rem}.plate.small.square .icon{width:1.1rem;height:1.1rem}.count{box-sizing:border-box;min-width:1.15rem;font:700 var(--text-xs) / 1.15rem var(--font-ui);text-align:center;color:var(--asphalt);background:var(--lime);pointer-events:none;padding:0 .2rem;position:absolute;top:-.4rem;right:-.4rem}.has-count{position:relative}.menu-popover{width:max-content;max-width:min(16rem,100vw - 1rem);padding:var(--space-1);color:var(--chalk);background:var(--asphalt);border:1px solid var(--rule);margin:0;position:fixed;inset:auto;box-shadow:0 .5rem 1rem #0006}.menu-popover:popover-open{gap:var(--space-1);display:grid}.menu-popover .plate{width:100%;min-height:2rem;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);justify-content:flex-start}.notices{justify-items:center;gap:var(--space-2);pointer-events:none;display:grid}.notices:empty{display:none}.notices>.tape{gap:var(--space-2);max-width:min(34rem, calc(100vw - 2 * var(--edge)));overflow-wrap:anywhere;pointer-events:auto;animation:notice-in var(--dur-base) var(--ease) both;align-items:center;margin:0;display:flex}.notices>.tape button{color:inherit;cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}@keyframes notice-in{0%{opacity:0;translate:0 calc(-1 * var(--drop))}}*{scrollbar-width:thin;scrollbar-color:var(--rule) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--rule)}::-webkit-scrollbar-thumb:hover{background:var(--concrete)}:focus-visible{outline:2px dashed var(--chalk);outline-offset:3px}.plate:focus-visible,.field:focus-within{box-shadow:inset 0 -.3rem 0 var(--lime), 0 2px 0 #0006}.tape{padding:var(--space-1) var(--space-3);color:var(--tape-ink);background:var(--tape);font-weight:700;display:inline-block;transform:rotate(-1deg);box-shadow:0 1px 2px #00000059}.tape.hazard{color:var(--chalk);background:var(--hazard-tape)}.field{gap:var(--space-2);padding:var(--space-1) var(--space-3);color:var(--tape-ink);background:var(--tape);align-items:center;display:flex}.field input{width:100%;min-width:0;padding:var(--space-1) 0;color:inherit;background:0 0;border:0;outline:none;font-weight:600}kbd{min-width:1.5em;font:600 var(--text-xs) / 1.5 var(--font-ui);text-align:center;color:var(--chalk);border:1px solid #ecebe473;padding:0 .3em;display:inline-block}button:has(>kbd):not(.bind){position:relative}button:not(.bind)>kbd{z-index:1;min-width:1em;font:700 .7rem / 1.2 var(--font-ui);white-space:nowrap;color:var(--tape-ink);background:var(--tape);pointer-events:none;border:0;padding:.1rem .25rem;position:absolute;top:-.35rem;right:.2rem;transform:rotate(-1deg);box-shadow:0 1px 2px #00000059}:root:not([data-keyboard-hints]) button:not(.bind)>kbd{display:none}.icon{vertical-align:-.18em;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;stroke-linejoin:miter;flex:none;width:1.15em;height:1.15em}.cells{--on:10;background:linear-gradient(to right, var(--cell,var(--chalk)) calc(var(--on) * 10%), var(--rule) calc(var(--on) * 10%));height:.8rem;-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 3px),#0000 calc(10% - 3px) 10%);mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 3px),#0000 calc(10% - 3px) 10%)}.cells.low{--cell:var(--hazard)}.chalk{fill:none;stroke:var(--chalk);stroke-width:3px;stroke-linecap:round}html,body{background:var(--asphalt);height:100%;margin:0;overflow:hidden}canvas{display:block}.screen{display:contents}.scrim{pointer-events:none;background:linear-gradient(90deg,#1f2120d1,#1f212073 38%,#0000 62%);position:fixed;inset:0}.wordmark{left:var(--edge-menu);pointer-events:none;width:max-content;position:fixed;top:2.5rem}.wordmark h1{color:var(--chalk);text-shadow:0 .15rem #00000059;margin:0;font-size:clamp(4.5rem,9vh,9rem);line-height:.9}.wordmark .stroke{fill:none;width:100%;height:1.1rem;stroke:var(--lime);stroke-width:9px;stroke-linecap:round;stroke-dasharray:700;animation:draw-on var(--dur-draw) var(--ease) both;display:block}@keyframes draw-on{0%{stroke-dashoffset:700px}}.account-bar{right:var(--edge-menu);z-index:12;gap:var(--space-2);align-items:stretch;display:flex;position:fixed;top:2.5rem}:is(.screen-profile,.screen-settings,.screen-results) .account-bar{top:var(--space-3);right:var(--edge)}.account-bar .menu-group{display:flex}.identity{gap:var(--space-3);max-width:20rem}.identity b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.identity .icon{color:var(--chalk-muted)}.identity:disabled{color:var(--chalk);background:linear-gradient(180deg, var(--plate-hi), var(--plate))}.avatar{width:2.4rem;height:2.4rem;font:900 var(--text-xl) var(--font-display);color:var(--asphalt);background:var(--chalk);flex:none;place-items:center;display:grid}.profile-identity{align-items:center;gap:var(--space-3);display:flex}.profile-identity h3{overflow-wrap:anywhere}.profile-stats{gap:var(--space-3);grid-template-columns:1fr auto;display:grid}.profile-stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.menu-plates{left:var(--edge-menu);gap:var(--space-3);width:22rem;animation:settle var(--dur-base) var(--ease) both;display:grid;position:fixed;bottom:6rem}.menu-plates .plate{justify-content:flex-start}.plate.big .icon{width:1.6rem;height:1.6rem}.menu-alert{gap:var(--space-2);display:grid}.menu-alert>.tape{max-width:100%;margin:0 0 var(--space-1);overflow-wrap:anywhere;justify-self:start}.unavailable{display:grid;position:relative}.unavailable .tape{max-width:62%;font-size:var(--text-sm);pointer-events:none;position:absolute;top:50%;right:-.75rem;transform:translateY(-50%)rotate(-2deg)}.pa{gap:var(--space-4);padding:var(--space-3) var(--edge-menu);font-size:var(--text-lg);background:var(--asphalt-90);border-top:3px solid var(--lime);align-items:center;font-weight:600;display:flex;position:fixed;bottom:0;left:0;right:0}.pa-tag{padding:.15rem var(--space-2);font:900 var(--text-md) var(--font-display);text-transform:uppercase;color:var(--asphalt);background:var(--lime)}.startup{left:var(--edge-menu);justify-items:start;gap:var(--space-4);width:min(30rem, calc(100vw - 2 * var(--edge-menu)));padding:var(--space-6);animation:settle var(--dur-base) var(--ease) both;display:grid;position:fixed;bottom:6rem}.startup .status{font-size:var(--text-lg);margin:0;font-weight:600}.placeholder{left:var(--edge-menu);top:var(--edge-menu);padding:var(--space-6);position:fixed}@keyframes settle{0%{opacity:0;transform:translateY(calc(-1 * var(--drop)))}}#build-nav{top:var(--space-3);left:var(--space-3);gap:var(--space-1);display:flex;position:fixed}.overlay{z-index:10;background:#0f10108c;place-items:center;display:grid;position:fixed;inset:0}.game-menu{gap:var(--space-3);width:20rem;padding:var(--space-6);animation:settle var(--dur-base) var(--ease) both;display:grid}.game-menu h2{margin:0 0 var(--space-2);font-size:var(--text-3xl)}.settings{width:min(52rem, calc(100vw - 2 * var(--edge)));max-height:calc(100vh - 2 * var(--edge));animation:settle var(--dur-base) var(--ease) both;grid-template-rows:auto minmax(0,1fr) auto;display:grid}.screen-settings .settings,.screen-profile .settings{position:fixed;top:50%;left:50%;translate:-50% -50%}.profile .settings-body{display:block}.profile .profile-identity{padding:var(--space-3) 0}.profile .profile-identity h3{font-size:var(--text-xl);border:0;margin:0}.account-settings-sync{gap:var(--space-2) var(--space-3);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--plate-low);flex-wrap:wrap;grid-column:1/-1;align-items:center;display:flex}.account-settings-sync .note{flex:1;margin:0}.account-settings-sync .note.problem{color:var(--hazard-text)}.account-settings-sync .row-end{margin:0}.account-settings-sync .plate{min-height:2rem;padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.settings>header,.settings>footer{gap:var(--space-3);padding:var(--space-4) var(--space-6);align-items:center;display:flex}.settings>header h2{font-size:var(--text-2xl);margin:0}.settings>footer{border-top:1px dashed var(--rule);justify-content:flex-end}.settings-body{gap:0 var(--space-8);padding:0 var(--space-6) var(--space-4);grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));display:grid;overflow-y:auto}.settings-body>section:last-child{grid-column:1/-1}.settings h3{margin:var(--space-4) 0 var(--space-2);padding-bottom:var(--space-1);font:900 var(--text-lg) / 1 var(--font-display);text-transform:uppercase;color:var(--label);border-bottom:1px dashed var(--rule)}.settings h4{margin:var(--space-3) 0 var(--space-1);font-size:var(--text-md)}.settings .note{margin:0 0 var(--space-2);font-size:var(--text-sm);color:var(--chalk-muted)}.settings-row{gap:var(--space-3);grid-template-columns:minmax(8rem,1fr) minmax(6rem,10rem) 3.5rem;align-items:center;min-height:2.2rem;display:grid}.settings-row.toggle{grid-template-columns:1fr auto}.settings-row output{text-align:right;font-weight:700}.settings-row input[type=range],.settings-row input[type=checkbox]{accent-color:var(--lime)}.settings-row input[type=checkbox]{width:1.2rem;height:1.2rem}.bindings{gap:var(--space-1) var(--space-8);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));display:grid}.bindings .settings-row{grid-template-columns:1fr 7rem}.plate.bind{min-height:2rem;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);justify-content:flex-start}.plate.bind.capturing{color:var(--asphalt);background:var(--tape)}.plate.bind .tape{padding:0 var(--space-2)}.row-end{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;justify-content:flex-end;display:flex}.dev-tag{left:50%;top:var(--space-2);z-index:20;pointer-events:none;position:fixed;translate:-50%}img.avatar{object-fit:cover}.top-centre{left:50%;top:var(--space-3);z-index:30;justify-items:center;gap:var(--space-2);width:max-content;max-width:calc(100vw - 2 * var(--edge));pointer-events:none;display:grid;position:fixed;translate:-50%}.top-centre[data-for=test]{top:var(--edge)}.matchmaking{box-sizing:border-box;max-width:min(36rem, calc(100vw - 2 * var(--edge)));padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border-left:.3rem solid var(--lime);pointer-events:auto;animation:settle var(--dur-base) var(--ease) both}.queue-status{gap:var(--space-3);align-items:center;min-height:2rem;display:flex}.queue-summary{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0;font-weight:700}.queue-status.searching .queue-summary:before{content:"";width:.6rem;height:.6rem;margin-right:var(--space-2);background:var(--lime);display:inline-block}.queue-roster{gap:var(--space-1);color:var(--chalk-muted);align-items:center;font-weight:700;display:inline-flex}.match-countdown{align-items:center;gap:var(--space-2) var(--space-4);padding-right:var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.match-countdown p{overflow-wrap:anywhere;margin:0}.countdown-line,.loading-clock{font-variant-numeric:tabular-nums}.countdown-line{font:900 var(--text-lg) / 1.1 var(--font-display);text-transform:uppercase}.draft-notice{color:var(--chalk-muted)}.match-countdown .draft-notice{font-size:var(--text-sm);grid-column:1/-1}.match-countdown .draft-notice.problem{color:var(--hazard-text)}.countdown-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.match-loading{width:min(34rem, calc(100vw - 2 * var(--edge)))}.screen-loading>:not(.match-loading,.wordmark,#load-error){visibility:hidden}.screen-menu .menu-plates{max-height:calc(100vh - 11.5rem - clamp(4.5rem,9vh,9rem));overflow-y:auto}:is(.screen-settings,.screen-profile) .settings{max-height:calc(100vh - 7rem);top:calc(50% + 1.5rem)}.social-dock{display:flex}.social-trigger{gap:var(--space-1);padding:var(--space-1) var(--space-3)}.social-trigger .icon{width:1.3rem;height:1.3rem}.social-trigger .party-size{margin-right:var(--space-2);font-variant-numeric:tabular-nums}.social{box-sizing:border-box;width:min(24rem,100vw - 1rem);max-height:calc(100vh - 1rem);font-size:var(--text-md);border:0;margin:0;padding:0;position:fixed;inset:auto}.social:popover-open{flex-direction:column;display:flex}.social-scroll{min-height:0;padding:0 var(--space-4) var(--space-3);flex:1;overflow-y:auto}.social-controls{border:0;min-width:0;margin:0;padding:0}.social-head{gap:var(--space-2);margin:var(--space-3) 0 var(--space-2);justify-content:space-between;align-items:center;display:flex}.social-head h3,.social-head h4{margin:0}.social-head h3{font:900 var(--text-xl) / 1 var(--font-display);text-transform:uppercase}.social-head h3 span{font:600 var(--text-sm) var(--font-ui);text-transform:none;color:var(--chalk-muted)}.party-panel{padding-bottom:var(--space-2);border-bottom:1px dashed var(--rule)}.social-search{gap:var(--space-1);display:flex}.social-search input{min-width:0;padding:var(--space-1) var(--space-2);color:var(--tape-ink);background:var(--tape);border:0;flex:1;font-weight:600}.social-search input::placeholder{color:#2229}.social-list h4,.social-offline summary{margin:var(--space-3) 0 var(--space-1);font-size:var(--text-sm);color:var(--label);font-weight:700}.social-offline summary{cursor:pointer}.social-person{gap:var(--space-3);padding:var(--space-2) 0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;display:grid}.social-person .avatar{width:2rem;height:2rem;font-size:var(--text-lg)}.social-person-name{flex-direction:column;min-width:0;display:flex}.social-person-name b{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-person-name b .icon{color:var(--lime);margin-left:.35em}.social-presence{font-size:var(--text-sm);color:var(--chalk-muted);overflow-wrap:anywhere;align-items:center;gap:.4em;display:flex}.social-person[data-presence]:not([data-presence=offline]) .social-presence:before{content:"";background:var(--lime);flex:none;width:.5rem;height:.5rem}.social-actions{gap:var(--space-1);align-items:center;display:flex}.social-actions .menu-group{display:flex}.party-invite.incoming{margin:var(--space-1) calc(-1 * var(--space-2));padding-inline:var(--space-2);box-shadow:inset 3px 0 0 var(--lime);background:#c3d93614}.social-empty{margin:var(--space-2) 0;font-size:var(--text-sm);color:var(--chalk-muted)}.social-code{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px dashed var(--rule);flex-wrap:wrap;align-items:center;display:flex}.social-code .label{font-size:var(--text-sm);color:var(--chalk-muted)}.social-code code{letter-spacing:.02em;margin-right:auto;font-weight:700}.social-code .code-note{color:var(--chalk-muted);flex-basis:100%}#inspector{top:var(--space-3);box-sizing:border-box;font:500 var(--text-sm) / 1.35 var(--font-ui);color:var(--chalk);background:linear-gradient(180deg, #262827, var(--asphalt));flex-direction:column;display:flex;position:fixed;bottom:2.75rem;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 1rem 2rem #00000059}#inspector>*{flex-shrink:0}#inspector>.inspector-content{min-height:0;margin:calc(-1 * var(--space-3)) calc(-1 * var(--space-4)) var(--space-3);padding:var(--space-3) var(--space-4) 0;flex:1;overflow-y:auto}#inspector{right:var(--space-3);width:19rem;padding:var(--space-3) var(--space-4)}:where(.screen-build) h2{margin:0 0 var(--space-2);font:900 var(--text-xl) / 1 var(--font-display);text-transform:uppercase}:where(.screen-build) h3{margin:var(--space-4) 0 var(--space-1);font:700 var(--text-xs) / 1.2 var(--font-ui);color:var(--label)}:where(.screen-build) h2 small{margin-bottom:var(--space-1);font:600 var(--text-xs) / 1.2 var(--font-ui);text-transform:none;color:var(--label);display:block}:where(.screen-build) button{cursor:pointer;background:0 0;border:0}:where(.screen-build) button:disabled{cursor:default}.swatch{flex:none;width:.7rem;height:.7rem;display:inline-block;box-shadow:inset 0 0 0 1px #ecebe440}.paint-palette,.paint-actions{gap:var(--space-1);margin:var(--space-2) 0;flex-wrap:wrap;display:flex}.paint-palette .paint-swatch,.paint-colour .paint-add{flex:none;width:1.5rem;height:1.5rem;padding:0;box-shadow:inset 0 0 0 1px #ecebe459}.paint-swatch[aria-pressed=true]{outline:2px solid var(--lime);outline-offset:2px}.paint-swatch:hover,.paint-colour .paint-add:hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--chalk)}.paint-palette .paint-clear{background:linear-gradient(45deg,#0000 45%,#b8321f 46% 54%,#0000 55%),#fff;box-shadow:inset 0 0 0 2px #b8321f}.paint-target{margin:var(--space-2) 0 0;min-height:2.5em;color:var(--chalk-muted);font-size:var(--text-xs)}.paint-colour{gap:var(--space-2);display:flex}.paint-colour input[type=color]{width:1.5rem;height:1.5rem;padding:0}.paint-colour input[type=text]{width:6rem;min-width:0;height:1.5rem;padding:0 var(--space-2);color:var(--tape-ink);background:var(--tape);border:0}.paint-colour .paint-add{color:var(--chalk);font-size:var(--text-lg);line-height:1}.paint-colour .paint-add:disabled{opacity:.35}.summary{gap:var(--space-1) var(--space-3);margin:0 0 var(--space-1);grid-template-columns:auto 1fr;display:grid}.summary dt{color:var(--label)}.summary dd{text-align:right;margin:0;font-weight:700}.summary dd.over{color:var(--hazard-text)}.inspector{margin:var(--space-3) calc(-1 * var(--space-4)) 0;padding:var(--space-3) var(--space-4);border-top:1px dashed var(--rule);border-bottom:1px dashed var(--rule)}.choices{gap:var(--space-1);display:flex}.choices .plate{min-height:2rem;padding:var(--space-1);font-size:var(--text-sm);flex:1}.choices .swatch{margin-right:var(--space-1)}.size{gap:var(--space-2);display:flex}.size label{align-items:center;gap:var(--space-2);color:var(--label);flex:1;display:flex}.size input,label.setting input[type=number]{box-sizing:border-box;width:100%;min-width:0;padding:var(--space-1) var(--space-2);color:var(--tape-ink);background:var(--tape);border:0;font-weight:600}button.remove{width:100%;margin-top:var(--space-3)}.inspector-content>h2{margin-top:var(--space-4);font-size:var(--text-lg)}.inspector-content>h2.blocked{color:var(--hazard-text)}.issues{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.issues button{width:100%;padding:var(--space-2) var(--space-3);text-align:left;color:var(--tape-ink);background:var(--tape);font-weight:700;display:block;box-shadow:0 1px 2px #00000059}.issues .error button{color:var(--chalk);background:var(--hazard-tape)}.issues button:hover,.issues button.active{box-shadow:inset 0 -.25rem 0 var(--lime), 0 1px 2px #00000059}.issues small{opacity:.85;margin-top:2px;font-weight:500;display:block}#build-status{left:50%;bottom:calc(var(--stack) + var(--space-3));padding:var(--space-2) var(--space-4);font:700 var(--text-sm) / 1.3 var(--font-ui);color:var(--chalk);background:var(--asphalt-90);box-shadow:inset 0 -.2rem 0 var(--lime);pointer-events:none;white-space:nowrap;position:fixed;transform:translate(-50%)}#build-status.refused{background:var(--hazard-tape);box-shadow:none}#build-metrics{right:var(--space-3);bottom:var(--space-3);color:var(--chalk-muted);pointer-events:none;font:12px/1.3 ui-monospace,Cascadia Mono,Consolas,monospace;position:fixed}#build-mode{white-space:nowrap;grid-area:modes;grid-template-columns:repeat(7,auto);gap:2px;display:grid}#build-mode .plate{min-width:max-content;height:var(--modes-h);gap:var(--space-1);min-height:0;font-size:var(--text-sm);padding:0 .125rem}.build-shortcut:after{content:attr(data-label)}#part-menu{z-index:20;box-sizing:border-box;width:min(19rem,100vw - 1rem);max-height:calc(100vh - 16px);padding:var(--space-3) var(--space-4) var(--space-4);font:500 var(--text-sm) / 1.35 var(--font-ui);color:var(--chalk);background:linear-gradient(180deg, #262827, var(--asphalt));border:1px solid var(--rule);position:fixed;overflow-y:auto;box-shadow:0 1rem 2rem #00000073}#part-menu header{gap:var(--space-3);justify-content:space-between;align-items:flex-start;display:flex}#part-menu h2{font-size:var(--text-lg);margin:0}#part-menu h3{margin-top:var(--space-3)}#part-menu button.close{padding:0 var(--space-1);font-size:var(--text-xl);color:var(--chalk-muted)}#part-menu button.close:hover{color:var(--chalk)}#part-menu .part-info{margin:var(--space-2) 0 0;color:var(--chalk-muted)}.ports{margin:0 calc(-1 * var(--space-4));padding:0;list-style:none}button.port{width:100%;padding:var(--space-1) var(--space-4) var(--space-1) calc(var(--space-4) - 3px);text-align:left;align-items:baseline;gap:var(--space-2);border-left:3px solid #0000;font-weight:600;display:flex}button.port span,button.port small{overflow-wrap:anywhere}button.port.problem:disabled{opacity:1}.wire-destination{gap:var(--space-1);margin:var(--space-2) 0;display:grid}.wire-destination small{color:var(--chalk-muted)}.wire-destination button{justify-self:start}.inspector>select{width:100%;margin-bottom:var(--space-2);padding:var(--space-1) var(--space-2);color:var(--tape-ink);background:var(--tape);border:0}#part-menu>.wire-heading{top:calc(-1 * var(--space-3));z-index:1;padding:var(--space-2) 0;background:#262827;position:sticky}button.port:not(:disabled):hover{background:var(--plate)}button.port.active{background:var(--plate);border-left-color:var(--lime)}button.port small{font-size:var(--text-xs);color:var(--chalk-muted);margin-left:auto;font-weight:500}button.port.problem small{color:var(--hazard-text)}.wire{padding:0 var(--space-2) 2px var(--space-6);font-size:var(--text-xs);color:var(--chalk-muted);align-items:center;display:flex}.wire span{flex:1}button.unwire{padding:0 var(--space-2);font-size:var(--text-md);color:var(--chalk-muted)}button.unwire:hover{color:var(--hazard-text)}.order{color:var(--chalk-muted);margin:2px 0 0}.order.blocked{color:var(--hazard-text)}label.setting{justify-content:space-between;align-items:center;gap:var(--space-2);margin:var(--space-1) 0;color:var(--label);display:flex}label.setting input[type=number]{width:5.5rem}label.setting.check{color:var(--chalk);justify-content:flex-start}label.setting input[type=checkbox]{accent-color:var(--lime)}#select-box{border:1px solid var(--lime);background:color-mix(in srgb, var(--lime) 12%, transparent);pointer-events:none;position:fixed}#floor-labels span{font:700 var(--text-sm) / 1 var(--font-ui);color:var(--chalk);text-shadow:0 1px 2px #0009;pointer-events:none;position:fixed;top:0;left:0;translate:-50% -50%}#order-labels span{min-width:18px;height:18px;font:700 12px/18px var(--font-ui);text-align:center;color:var(--asphalt);background:var(--lime);pointer-events:none;position:fixed;top:-9px;left:-9px}.screen-build{--hotbar:4rem;--inspector-w:calc(19rem + 2 * var(--space-3));--hotbar-leading:calc(3 * var(--hotbar) + 1.75rem + 3 * var(--space-2) + 2 * var(--space-3));--hotbar-trailing:calc(var(--hotbar) + var(--space-2));--slots-w:min(10 * var(--hotbar) + 18px, 100vw - var(--inspector-w) - var(--space-3) - var(--hotbar-leading) - var(--hotbar-trailing));--hotbar-w:calc(var(--hotbar-leading) + var(--slots-w) + var(--hotbar-trailing));--hotbar-x:max(var(--space-3), min(50vw - var(--slots-w) / 2 - var(--hotbar-leading), 100vw - var(--inspector-w) - var(--hotbar-w)));--modes-h:2.25rem;--stack:calc(var(--space-3) + var(--hotbar) + var(--space-2) + var(--modes-h))}#hotbar{left:var(--hotbar-x);bottom:var(--space-3);grid-template-areas:"tools pager slots parts"". .modes.";grid-template-columns:max-content 1.75rem minmax(0, 1fr) var(--hotbar);gap:var(--space-2);width:var(--hotbar-w);max-width:calc(100vw - var(--inspector-w) - var(--space-3));box-sizing:border-box;align-items:center;display:grid;position:fixed}#build-tools{gap:var(--space-3);padding-right:var(--space-3);grid-area:tools;align-items:center;display:flex}#build-history{gap:var(--space-2);display:flex}#build-history .plate{width:var(--hotbar);height:var(--hotbar);font:600 .6875rem / 1.2 var(--font-ui);grid-template-rows:1fr auto;place-items:center;gap:0;padding:.85rem 3px 3px;display:grid}#hotbar[hidden],#symmetry-config[hidden]{display:none}#build-symmetry{width:var(--hotbar);height:var(--hotbar);grid-template-rows:minmax(0,1fr) 1.25rem;gap:2px;display:grid}@media (max-width:85rem){.screen-build{--hotbar-leading:calc(1.75rem + var(--space-2));--stack:calc(var(--space-3) + 2 * var(--hotbar) + 2 * var(--space-2) + var(--modes-h))}#hotbar{grid-template-areas:"tools tools tools""pager slots parts"".modes.";grid-template-columns:1.75rem minmax(0, 1fr) var(--hotbar)}#build-tools{padding-right:0}}#build-symmetry .plate{min-width:0;min-height:0;font:600 .6875rem / 1.2 var(--font-ui);text-align:center;background:var(--plate);gap:0;padding:0 3px}#symmetry-config{left:var(--hotbar-x);bottom:var(--space-3);width:min(25rem, calc(100vw - 2 * var(--space-3)));box-sizing:border-box;padding:var(--space-3);background:var(--asphalt);border:1px solid var(--rule);position:fixed}.symmetry-axis{align-items:center;gap:var(--space-2);margin-top:var(--space-2);border-left:3px solid var(--axis-colour);padding-left:var(--space-2);grid-template-columns:1fr auto auto;display:grid}.symmetry-axis .plate{padding:.5rem}.symmetry-position{font:500 var(--text-sm) / 1.2 var(--font-ui);color:var(--chalk)}.symmetry-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-3);display:flex}.symmetry-actions .plate{padding:.5rem 1rem}.hotbar-pager{flex-direction:column;grid-area:pager;align-items:center;gap:2px;display:flex}.hotbar-pager .step{width:1.75rem;min-width:0;height:1.25rem;min-height:0;padding:0}.hotbar-pager .step .icon{width:1rem;height:1rem}.hotbar-pager .point-up .icon{rotate:180deg}.hotbar-page{font:700 var(--text-xs) / 1.2 var(--font-ui);color:var(--chalk-muted)}#hotbar .slots{grid-area:slots;gap:2px;min-width:0;display:flex}#hotbar .slot,#hotbar .hotbar-parts,#hotbar .hotbar-symmetry{flex:0 1 var(--hotbar);width:var(--hotbar);min-width:2.5rem;height:var(--hotbar);box-sizing:border-box;font:600 .6875rem / 1.2 var(--font-ui);color:var(--chalk);background:var(--asphalt-90);box-shadow:inset 0 0 0 1px var(--rule);grid-template-rows:1fr auto;place-items:center;padding:.85rem 3px 3px;display:grid;position:relative}#hotbar .hotbar-parts{background:var(--plate);grid-area:parts}#hotbar .slot{min-width:0}#hotbar .slot .icon{max-width:100%}#hotbar .slot .icon,#hotbar .hotbar-parts .icon,#hotbar .hotbar-symmetry .icon{width:1.5rem;height:1.5rem;color:var(--chalk-muted)}#hotbar .slot span,#hotbar .hotbar-parts span,#hotbar .hotbar-symmetry span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}#hotbar .slot:hover,#hotbar .hotbar-parts:hover,#hotbar #build-symmetry .plate:hover{background:var(--plate)}#hotbar .hotbar-parts:hover,#hotbar #build-symmetry .plate:hover{box-shadow:inset 0 0 0 1px var(--chalk-muted)}#hotbar .slot.active{box-shadow:inset 0 0 0 2px var(--lime)}#hotbar .slot.active .icon{color:var(--lime)}#hotbar .hotbar-symmetry{background:var(--plate);gap:0;min-width:0;height:100%;padding:.2rem 3px 2px}#hotbar .hotbar-symmetry .icon{width:1.25rem;height:1.25rem}#hotbar .hotbar-symmetry.active{box-shadow:inset 0 0 0 2px var(--lime)}#hotbar .hotbar-symmetry.active .icon{color:var(--lime)}#hotbar.editing .slot{box-shadow:inset 0 0 0 1px var(--chalk-muted)}#hotbar.editing .hotbar-parts{box-shadow:inset 0 0 0 2px var(--lime)}#hotbar .slot.drop{box-shadow:inset 0 0 0 2px var(--chalk)}#parts{z-index:15;left:max(var(--space-3), min(50vw - 23rem, 100vw - var(--inspector-w) - 46rem));bottom:calc(var(--stack) + var(--space-2));width:min(46rem, 100vw - var(--inspector-w) - var(--space-3));max-height:calc(100vh - var(--stack) - var(--space-2) - 4rem);box-sizing:border-box;padding:var(--space-3) var(--space-4) var(--space-2);font:500 var(--text-sm) / 1.35 var(--font-ui);flex-direction:column;display:flex;position:fixed}#parts[hidden]{display:none}#parts:focus{outline:none}#parts header{gap:var(--space-2);margin-bottom:var(--space-2);align-items:center;display:flex}#parts header h2{margin:0 auto 0 0}#parts header input{box-sizing:border-box;width:14rem;min-width:0;padding:var(--space-1) var(--space-2);color:var(--tape-ink);background:var(--tape);border:0}.parts-scroll{gap:var(--space-3) var(--space-6);flex-wrap:wrap;align-content:flex-start;min-height:0;display:flex;overflow-y:auto}.parts-group{max-width:100%}.parts-group[hidden],button.part[hidden]{display:none}.parts-group h3{margin:0 0 var(--space-1)}.parts-tiles{flex-wrap:wrap;gap:2px;display:flex}button.part{box-sizing:border-box;width:4.75rem;height:4.75rem;padding:var(--space-2) 3px 3px;font:600 var(--text-xs) / 1.15 var(--font-ui);text-align:center;color:var(--chalk);background:var(--plate);box-shadow:inset 0 0 0 1px var(--rule);grid-template-rows:1fr auto;place-items:center;display:grid}button.part .icon{width:1.75rem;height:1.75rem;color:var(--chalk-muted)}button.part span{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}button.part:hover{box-shadow:inset 0 0 0 2px var(--chalk-muted)}button.part.active{box-shadow:inset 0 0 0 2px var(--lime)}button.part.active .icon{color:var(--lime)}.parts-empty,.parts-note{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--chalk-muted)}.material-choices{gap:var(--space-1);margin:var(--space-2) 0;display:grid}.material-choices .plate{gap:0 var(--space-2);padding:var(--space-1) var(--space-3);grid-template-columns:auto 1fr;place-items:center start;display:grid}.material-choices .swatch{grid-row:span 2}.material-choices small{color:var(--chalk-muted);font-weight:500}.craft{margin:0 calc(-1 * var(--space-4)) var(--space-3);padding:0 var(--space-4) var(--space-3);border-bottom:1px dashed var(--rule)}.craft-head{gap:var(--space-1);margin:0 0 var(--space-2);align-items:end;display:flex}input.craft-name{box-sizing:border-box;min-width:0;margin:0 var(--space-1) 0 0;padding:var(--space-1) 0;font:900 var(--text-xl) / 1.1 var(--font-display);text-transform:uppercase;color:var(--chalk);border:0;border-bottom:2px solid var(--rule);background:0 0;flex:1}input.craft-name:hover{border-bottom-color:var(--chalk-muted)}input.craft-name:focus{border-bottom-color:var(--lime);outline:none}.craft-actions{gap:var(--space-1);margin-bottom:var(--space-1);display:flex}.craft-actions>*{flex:1}.craft-actions .split{gap:2px;display:flex}.craft-actions .split>.plate{flex:1}.craft-actions .split>.menu-group{display:flex}.craft-actions .split>.menu-group>.plate{height:100%}.craft>.plate{width:100%}#inspector>.plate.test{width:100%;margin-top:auto}.craft-actions,.entry-actions,.library-actions{flex-wrap:wrap}.entry-actions input{max-width:12rem}#library [data-id]{gap:var(--space-2);grid-template-columns:minmax(0,1fr);display:grid}#library li[hidden]{display:none}#library [data-id].has-thumbnail{column-gap:var(--space-2);grid-template-columns:80px minmax(0,1fr)}#library [data-id].has-thumbnail>img{grid-row:1/span 3;align-self:start;margin:0}#library [data-id].has-thumbnail>:not(img){grid-column:2}#library .entry-actions{max-width:100%}.craft-state,.cloud-state{overflow-wrap:anywhere}.craft .plate:not(.square){justify-content:center}.craft .menu-popover .plate{justify-content:flex-start}.craft-state,.cloud-state{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--chalk-muted)}.craft-state.unsaved{color:var(--lime)}#library,#build-help{box-sizing:border-box;width:min(36rem,100vw - 2rem);max-height:calc(100vh - 4rem);padding:var(--space-4) var(--space-6) var(--space-6);font:500 var(--text-sm) / 1.35 var(--font-ui);color:var(--chalk);background:linear-gradient(180deg, #262827, var(--asphalt));border:0;box-shadow:0 1.5rem 3rem #00000080}#library::backdrop{background:#0000008c}#build-help::backdrop{background:#0000008c}#build-help h2{margin:0 0 var(--space-3)}.build-help-bindings{gap:var(--space-1) var(--space-4);grid-template-columns:minmax(0,1fr) auto;margin:0;display:grid}.build-help-bindings dt,.build-help-bindings dd{margin:0}.build-help-bindings dd{color:var(--chalk-muted);text-align:right}#build-help>p{color:var(--chalk-muted)}#library header{justify-content:space-between;align-items:center;display:flex}#library header h2{margin:0}#library button.close{padding:0 var(--space-2);font-size:var(--text-xl);color:var(--chalk-muted)}#library button.close:hover{color:var(--chalk)}.library-actions{gap:var(--space-2);margin:var(--space-3) 0 0;display:flex}#library h3{margin:var(--space-4) 0 var(--space-1)}ul.entries{margin:0;padding:0;list-style:none}ul.entries li{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-2) calc(var(--space-2) + 3px);border-left:3px solid #0000;display:flex}ul.entries li+li{border-top:1px dashed var(--rule)}ul.entries li.current{border-left-color:var(--lime)}ul.entries li.empty{color:var(--chalk-muted)}.entry-name{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:700}.craft-thumbnail{float:left;margin-right:var(--space-2);object-fit:contain}#library [data-id]>small{font-size:var(--text-xs);color:var(--chalk-muted);font-weight:500;display:block}#library [data-id]>small.problem{color:var(--hazard-text)}.entry-actions{gap:var(--space-1);flex:none;display:flex}.entry-actions .plate,.library-actions .plate{min-height:2rem;padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}#drive-hud,#player-hud,#hover-hud,#tool-bar li,#kill-feed li,#prompt,#aim-hint,#kill-notice{background:var(--asphalt-80)}#debug-overlay{color:var(--chalk);background:var(--asphalt-90);border-left:3px solid var(--lime);pointer-events:none;white-space:pre;margin:0;padding:8px 10px;font:13px/1.45 ui-monospace,Cascadia Mono,Consolas,monospace;position:fixed;top:8px;left:8px}#drive-hud{left:var(--hud-inset);bottom:var(--edge);gap:var(--space-2);padding:var(--space-3) var(--space-4);font:600 var(--text-md) / 1.2 var(--font-ui);pointer-events:none;display:grid;position:fixed}#drive-hud .speed{gap:var(--space-2);align-items:baseline;display:flex}#drive-hud .speed b{min-width:2.2ch;font:900 var(--text-3xl) / .9 var(--font-display)}#drive-hud span:first-child,#drive-hud .speed span{color:var(--chalk-muted)}#drive-hud .fuel,#drive-hud .battery,#drive-hud .power{gap:var(--space-2);grid-template-columns:5.5rem 10rem 6.5rem;align-items:center;display:grid}#drive-hud .fuel b,#drive-hud .battery b,#drive-hud .power b{text-align:right}#drive-hud .power{grid-template-columns:5.5rem auto}#drive-hud .bar,#player-hud .bar{background:var(--rule);height:.8rem;-webkit-mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 3px),#0000 calc(10% - 3px) 10%);mask:repeating-linear-gradient(90deg,#000 0 calc(10% - 3px),#0000 calc(10% - 3px) 10%)}#drive-hud .bar i,#player-hud .bar i{background:var(--chalk);height:100%;display:block}#drive-hud .fuel.low .bar i,#drive-hud.low .battery .bar i,#player-hud.low .bar i{background:var(--hazard)}#drive-hud .fuel.low b,#drive-hud.low .battery b,#player-hud.low .hp{color:var(--hazard-text)}#player-hud{right:var(--hud-inset);bottom:var(--edge);align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);font:600 var(--text-md) / 1.2 var(--font-ui);pointer-events:none;grid-template-columns:auto 10rem 3ch;display:grid;position:fixed}#player-hud>span:not(.bar){gap:var(--space-1);color:var(--chalk-muted);align-items:center;display:flex}#player-hud .nanites{text-align:right;font:900 var(--text-xl) / 1 var(--font-display);grid-column:2/4}#player-hud b{text-align:right}#hover-hud{gap:var(--space-3);padding:var(--space-1) var(--space-3);font:600 var(--text-sm) / 1.3 var(--font-ui);white-space:nowrap;pointer-events:none;display:flex;position:fixed;top:calc(50% + 2rem);left:50%;transform:translate(-50%)}#hover-hud span{color:var(--chalk-muted)}#tool-bar{left:var(--hud-inset);bottom:var(--edge);gap:var(--space-1);font:600 var(--text-md) / 1 var(--font-ui);pointer-events:none;margin:0;padding:0;list-style:none;display:flex;position:fixed}#tool-bar li{align-items:center;gap:var(--space-2);min-width:1.8rem;padding:var(--space-2) var(--space-3);display:flex}#tool-bar li.active{background:var(--asphalt-90);box-shadow:inset 0 -.25rem 0 var(--lime)}#tool-bar li.empty{color:var(--disabled)}#tool-bar li.active kbd{color:var(--asphalt);background:var(--lime);border-color:var(--lime)}#death-notice{justify-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-8);font:600 var(--text-md) / 1.3 var(--font-ui);background:var(--asphalt-90);box-shadow:inset 0 -.3rem 0 var(--hazard);pointer-events:none;display:grid;position:fixed;top:36%;left:50%;transform:translate(-50%,-50%)}#death-notice b{font:900 var(--text-3xl) / 1 var(--font-display);text-transform:uppercase}#death-notice .respawn{color:var(--chalk-muted)}#kill-notice{padding:var(--space-2) var(--space-4);font:700 var(--text-lg) / 1.2 var(--font-ui);box-shadow:inset 0 -.25rem 0 var(--lime);pointer-events:none;position:fixed;top:30%;left:50%;transform:translate(-50%)}#aim-hint{padding:var(--space-1) var(--space-3);font:500 var(--text-sm) / 1.3 var(--font-ui);pointer-events:none;position:fixed;top:4.5rem;left:50%;transform:translate(-50%)}#connection-problem{padding:var(--space-2) var(--space-4);font:700 var(--text-md) / 1.3 var(--font-ui);color:var(--chalk);background:var(--hazard-tape);pointer-events:none;position:fixed;top:7rem;left:50%;transform:translate(-50%)rotate(-1deg);box-shadow:0 1px 2px #00000059}#test-controls{gap:var(--space-2);top:var(--edge);right:var(--hud-inset);z-index:1;text-decoration:none;display:flex;position:fixed}#load-error{color:var(--chalk);white-space:pre-wrap;margin:0;font:14px/1.5 ui-monospace,Cascadia Mono,Consolas,monospace;position:fixed;inset:24px}#match-bar{left:50%;top:var(--space-3);gap:var(--space-1);font:900 var(--text-2xl) / 1 var(--font-display);pointer-events:none;grid-template-columns:3.6rem 5.4rem 3.6rem;display:grid;position:fixed;transform:translate(-50%)}#match-bar>*{padding:var(--space-2) 0 var(--space-1);background:var(--asphalt-90);place-items:center;display:grid}#match-bar .team-a{color:var(--chalk);box-shadow:inset 0 -.35rem 0 var(--team-a)}#match-bar .team-b{color:var(--chalk);box-shadow:inset 0 -.35rem 0 var(--team-b)}#match-bar.ended .timer{color:var(--chalk-muted)}#match-bar.staging{font-size:var(--text-lg);grid-template-columns:3.6rem 9rem 3.6rem}#kill-feed{right:var(--hud-inset);top:var(--space-3);justify-items:end;gap:var(--space-1);font:700 var(--text-sm) / 1.3 var(--font-ui);pointer-events:none;margin:0;padding:0;list-style:none;display:grid;position:fixed}#kill-feed li{gap:var(--space-2);max-width:24rem;padding:var(--space-1) var(--space-3);white-space:nowrap;display:flex}#kill-feed b{text-overflow:ellipsis;overflow:hidden}#kill-feed .verb{color:var(--chalk-muted);font-weight:500}#kill-feed li:has(.own){box-shadow:inset 0 -2px 0 var(--lime)}.team-a{color:var(--team-a-text)}.team-b{color:var(--team-b-text)}#scoreboard,#match-result .board{gap:var(--space-6);grid-template-columns:1fr 1fr;display:grid}#scoreboard{z-index:2;width:min(56rem, calc(100vw - 2 * var(--edge)));padding:var(--space-4) var(--space-6);box-sizing:border-box;font:600 var(--text-sm) / 1.3 var(--font-ui);background:var(--asphalt-90);pointer-events:none;position:fixed;top:6rem;left:50%;transform:translate(-50%)}.team header{padding-bottom:var(--space-1);border-bottom:.3rem solid;justify-content:space-between;align-items:baseline;display:flex}.team.team-a header{border-color:var(--team-a)}.team.team-b header{border-color:var(--team-b)}.team h2{font:900 var(--text-xl) / 1 var(--font-display);text-transform:uppercase;color:var(--chalk);margin:0}.team header .score{font:900 var(--text-2xl) / 1 var(--font-display);color:var(--chalk)}.team table{border-collapse:collapse;table-layout:fixed;width:100%;color:var(--chalk)}.team th{padding:var(--space-2) var(--space-1) var(--space-1);color:var(--label);text-align:right;font-weight:600}.team td{padding:var(--space-1);text-align:right;border-bottom:1px dashed var(--rule)}.team th:first-child,.team td.name{text-align:left;width:40%}.team td.name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.team tr.own td{color:var(--asphalt);background:var(--lime);border-bottom-color:var(--lime)}#match-result{z-index:2;place-content:center;gap:var(--space-6);padding:var(--edge);font:600 var(--text-sm) / 1.3 var(--font-ui);color:var(--chalk);background:#141514b8;display:grid;position:fixed;inset:0}#match-result>header{gap:var(--space-6);justify-content:center;align-items:baseline;display:flex}#match-result h1{font:900 5.5rem / .85 var(--font-display);text-transform:uppercase;margin:0}#match-result h1.victory{color:var(--lime)}#match-result h1.defeat{color:var(--hazard-text)}#match-result .final{font:900 var(--text-3xl) / 1 var(--font-display);margin:0}#match-result .board{width:min(56rem, calc(100vw - 2 * var(--edge)));padding:var(--space-6);box-sizing:border-box;background:var(--asphalt-90)}#spawn-menu{left:var(--hud-inset);z-index:1;width:min(26rem, calc(100vw - 2 * var(--edge)));box-sizing:border-box;max-height:min(40rem,100vh - 11rem);font:600 var(--text-md) / 1.3 var(--font-ui);grid-template-rows:auto minmax(0,1fr) auto auto;display:grid;position:fixed;top:5rem}#spawn-menu.behind{visibility:hidden}#spawn-menu header{padding:var(--space-4) var(--space-4) var(--space-2);justify-content:space-between;align-items:baseline;display:flex}#spawn-menu h2{font:900 var(--text-xl) / 1 var(--font-display);text-transform:uppercase;margin:0}#spawn-menu .keys{color:var(--chalk-muted);margin:0}#spawn-menu ol{padding:0 var(--space-2);margin:0;list-style:none;overflow-y:auto}#spawn-menu li{align-items:center;gap:var(--space-3);padding:var(--space-2);cursor:pointer;grid-template-columns:2rem minmax(0,1fr) auto;display:grid}#spawn-menu li:hover{background:var(--plate)}#spawn-menu li[aria-selected=true]{background:var(--plate);box-shadow:inset .3rem 0 0 var(--lime)}#spawn-menu .thumb{background:var(--plate-hi);width:2rem;height:1.4rem;box-shadow:inset 0 0 0 1px var(--rule)}#spawn-menu .name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#spawn-menu .cost{text-align:right;font-weight:700}#spawn-menu li.dear .cost,#spawn-menu li.blocked .cost{color:var(--hazard-text)}#spawn-menu li.blocked .name{color:var(--chalk-muted)}#spawn-menu .detail dl{justify-content:start;gap:var(--space-1) var(--space-4);padding:var(--space-3) var(--space-4) 0;border-top:1px dashed var(--rule);grid-template-columns:auto auto;margin:0;display:grid}#spawn-menu dt{color:var(--label)}#spawn-menu dd{margin:0}#spawn-menu footer{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4) var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}#spawn-menu .status{min-height:1.3em;color:var(--chalk-muted);margin:0}#spawn-menu .status.error{color:var(--hazard-text)}#spawn-menu button{min-width:6rem}#prompt{padding:var(--space-2) var(--space-3);font:700 var(--text-md) / 1.3 var(--font-ui);pointer-events:none;position:fixed;bottom:7rem;left:50%;transform:translate(-50%)}#base-protection{color:var(--chalk);font:600 var(--text-sm) / 1.4 var(--font-ui);padding:var(--space-1) var(--space-2);background:var(--asphalt-80);pointer-events:none;position:fixed;top:6.25rem;left:50%;transform:translate(-50%)}#spectating{color:var(--chalk);font:600 var(--text-md) / 1.4 var(--font-ui);padding:var(--space-2) var(--space-3);background:var(--asphalt-80);pointer-events:none;position:fixed;bottom:7rem;left:50%;transform:translate(-50%)}#prompt kbd{margin-right:var(--space-2)}#inactivity-warning{max-width:calc(100vw - 2rem);padding:var(--space-2) var(--space-3);background:var(--asphalt-90);border-left:.3rem solid var(--lime);z-index:10;position:fixed;top:7rem;left:50%;translate:-50%}