.ob-root{--s: clamp(1, min(tan(atan2(100vw, 1920px)), tan(atan2(100vh, 1080px))), 2);--ob-label: #8a98bc;--ob-text: #c4ccdc;--ob-text-dim: #7c88a8;--ob-value: #ffffff;--ob-green: #4cdc3c;--ob-lit: #b4fc74;--ob-grey: #6c6c6c;--ob-red: #fc3c28;--ob-yellow: #fcd030;--ob-line: #6c1010;--ob-line-hi: #a82018;--ob-panel: rgba(4, 5, 9, .65);--ob-field: rgba(0, 0, 0, .62);--ob-sel: rgba(140, 16, 12, .38);--ob-font: 400 var(--ds-body) / 1.35 Arial, "Helvetica Neue", Helvetica, sans-serif;--ob-font-title: 700 var(--ds-title) / 1.2 Arial, "Helvetica Neue", Helvetica, sans-serif;--ob-font-head: 700 var(--ds-body) / 1.2 Arial, "Helvetica Neue", Helvetica, sans-serif;--ob-font-btn: 700 var(--ds-body) / 1 Arial, "Helvetica Neue", Helvetica, sans-serif;--ob-radius: calc(3px * var(--s));--ds-s: calc(var(--s) / 1.216);--ds-title: max(16px, calc(18px * var(--ds-s)));--ds-body: max(13px, calc(14px * var(--ds-s)));--ds-small: max(11px, calc(12px * var(--ds-s)));--ds-u: calc(4px * var(--ds-s));--ds-ctl: calc(30px * var(--ds-s));--ds-box: calc(20px * var(--ds-s));--ds-line: max(1px, calc(1px * var(--ds-s)));--ob-line-l: calc(16px * var(--s));--ob-line-t: calc(26px * var(--s));--ob-line-r: calc(27px * var(--s));--ob-line-b: calc(16px * var(--s));--ob-gap: calc(34px * var(--s));--ob-panel-top: calc(10px * var(--s));user-select:none;-webkit-user-select:none;position:fixed;inset:0;overflow-x:hidden;overflow-y:auto;color:var(--ob-text);background:#000 url(/assets/bg-DKe13SXA.jpg) center / cover no-repeat;font:var(--ob-font);color-scheme:dark;z-index:10000}.ob-root.ob-art{--ob-panel-top: calc(28px * var(--s))}.ob-root *,.ob-root *:before,.ob-root *:after{box-sizing:border-box}.ob-root.ob-waiting>*{visibility:hidden}.ob-root.ob-fade-in>*{animation:ob-fade-in .2s ease-out}@keyframes ob-fade-in{0%{opacity:0}}.ob-fast-fade{animation:ob-fade-in .15s ease-out}@media(prefers-reduced-motion:reduce){.ob-fast-fade{animation:none}}.ob-root [hidden]{display:none!important}.ob-root input,.ob-root textarea,.ob-root .ob-chat-log{user-select:text;-webkit-user-select:text}.ob-root ::-webkit-scrollbar{width:10px;height:10px}.ob-root ::-webkit-scrollbar-track{background:#000}.ob-root ::-webkit-scrollbar-thumb{background:#3c1010;border:2px solid #000}.ob-root ::-webkit-scrollbar-thumb:hover{background:#6c1c14}.ob-panel>h2,.ob-btn,.ob-force{font-synthesis:none;letter-spacing:0}.ob-hub,.ob-lobby{position:relative;z-index:1;display:grid;gap:var(--ob-gap);height:100%;padding:var(--ob-line-t) var(--ob-line-r) var(--ob-line-b) var(--ob-line-l);max-width:calc(1600px * var(--s));margin:0 auto}.ob-build{position:absolute;right:var(--ob-line-r);bottom:calc(var(--ds-u) / 2);font-size:var(--ds-small);line-height:1;color:var(--ob-text-dim)}.ob-me{position:relative;flex:1;display:flex;align-items:center;gap:calc(var(--ds-u) * 2);min-width:0;color:var(--ob-value)}.ob-me .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none}.ob-me .name:hover,.ob-me .name:focus-visible{color:var(--ob-lit);outline:none}.ob-me-icon{flex:none;display:inline-flex;padding:0;background:none;border:0;cursor:pointer;user-select:none;-webkit-user-select:none}.ob-me-icon:hover .ob-icon,.ob-me-icon:focus-visible .ob-icon{outline:1px solid var(--ob-line-hi)}.ob-me-icon:focus-visible{outline:none}.ob-name-edit{flex:1;min-width:0;display:flex}.ob-name-edit .ob-input{flex:1;width:0;min-width:0}.ob-account:has(.ob-name-edit) .ob-account-buttons{display:none}.ob-name-note{position:absolute;left:0;top:100%;margin-top:calc(var(--ds-u) / 2);color:var(--ob-red);font-size:var(--ds-small);white-space:nowrap;pointer-events:none}.ob-name-note:empty{display:none}.ob-backdrop{position:fixed;inset:0;z-index:0;pointer-events:none}.ob-backdrop canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity var(--ob-fade, .9s) ease}.ob-backdrop canvas.in{opacity:1}.ob-panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--ob-panel);border:var(--ds-line) solid var(--ob-line);box-shadow:0 0 0 1px #0009,inset 0 0 calc(24px * var(--s)) #0009;padding:var(--ob-panel-top) calc(var(--ds-u) * 4) calc(var(--ds-u) * 4)}.ob-orn{display:none;position:absolute;pointer-events:none;z-index:2;background-size:100% 100%;image-rendering:pixelated}.ob-art .ob-orn{display:block}.ob-art .ob-orn-tl{left:calc(-27px * var(--s));top:calc(-27px * var(--s));width:calc(250px * var(--s));height:calc(176px * var(--s));background-image:var(--ob-orn-tl)}.ob-art .ob-orn-tr{right:calc(-28px * var(--s));top:calc(-54px * var(--s));width:calc(200px * var(--s));height:calc(170px * var(--s));background-image:var(--ob-orn-tr)}.ob-art .ob-orn-bl-small{left:calc(-21px * var(--s));top:calc(100% + 16px * var(--s));width:calc(96px * var(--s));height:calc(60px * var(--s));background-image:var(--ob-orn-tl-small)}.ob-art .ob-orn-tl{transform-origin:calc(27px * var(--s)) calc(27px * var(--s));transform:matrix(0,1,1,0,0,0)}.ob-art .ob-orn-tr{transform-origin:calc(172px * var(--s)) calc(54px * var(--s));transform:matrix(0,-1,-1,0,0,0)}.ob-art .ob-orn-bl-small{transform-origin:0 0;transform:matrix(0,-1,1,0,0,0)}.ob-art .ob-panel.has-tl{padding-left:calc(30px * var(--s))}.ob-art .ob-panel.has-tr{padding-right:calc(18px * var(--s))}.ob-panel>h2{margin:0 0 calc(var(--ds-u) * 3);font:var(--ob-font-title);color:var(--ob-value);display:flex;align-items:baseline;gap:calc(var(--ds-u) * 2.5);flex-wrap:wrap}.ob-count{color:var(--ob-label);font:var(--ob-font)}.ob-forcehead{display:flex;width:fit-content;align-items:center;gap:calc(var(--ds-u) * 2.5);margin:calc(var(--ds-u) * 3) 0 calc(var(--ds-u) * 1.5)}.ob-forcehead:first-child{margin-top:0}.ob-forcehead.can-move{cursor:pointer}.ob-forcehead.can-move:hover .ob-force{border-color:var(--ob-green)}.ob-force{flex:none;width:fit-content;padding:var(--ds-u) calc(var(--ds-u) * 3);font:var(--ob-font-head);color:var(--ob-green);background:none;border:var(--ds-line) solid var(--ob-line-hi);border-radius:var(--ob-radius)}.ob-btn{display:inline-flex;align-items:center;justify-content:center;gap:calc(var(--ds-u) * 1.5);height:var(--ds-ctl);min-width:calc(128px * var(--ds-s));padding:0 calc(20px * var(--ds-s));text-align:center;font:var(--ob-font-btn);color:var(--ob-green);background:linear-gradient(#22261e,#0c0e0a);border:var(--ds-line) solid #3c5030;border-radius:var(--ob-radius);cursor:pointer;white-space:nowrap;user-select:none}.ob-btn:hover:not(:disabled),.ob-btn:focus-visible{color:var(--ob-lit);outline:none}.ob-btn:active:not(:disabled){border-color:#7cdc4c}.ob-btn:disabled{color:var(--ob-grey);border-color:#33332f;background:#0c0c0c;cursor:default}.ob-pair{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--ds-u) * 2);margin-top:calc(var(--ds-u) * 3)}.ob-pair>.ob-btn{min-width:0}.ob-input,.ob-select,.ob-field{font:var(--ob-font);color:var(--ob-value);background:var(--ob-field);border:var(--ds-line) solid var(--ob-line);height:var(--ds-ctl);padding:0 calc(var(--ds-u) * 3);min-width:0;border-radius:var(--ob-radius)}.ob-input:hover:not(:disabled),.ob-select:hover:not(:disabled),.ob-input:focus,.ob-select:focus{outline:none;border-color:var(--ob-line-hi)}.ob-input:disabled{color:var(--ob-grey)}.ob-select{appearance:none;color:var(--ob-green);padding-right:calc(var(--ds-u) * 7);cursor:pointer}.ob-select:disabled{color:var(--ob-grey);cursor:default}.ob-select-wrap{position:relative;display:inline-flex;min-width:0}.ob-select-wrap>.ob-select{flex:1;width:100%}.ob-select-wrap:after{content:"";position:absolute;right:calc(var(--ds-u) * 3);top:50%;margin-top:calc(-2.5px * var(--ds-s));border-left:calc(4px * var(--ds-s)) solid transparent;border-right:calc(4px * var(--ds-s)) solid transparent;border-top:calc(5px * var(--ds-s)) solid var(--ob-yellow);pointer-events:none}.ob-select-wrap:has(.ob-select:disabled):after{border-top-color:#4c4c4c}.ob-select option{background:#080404;color:var(--ob-green)}.ob-select option:disabled{color:var(--ob-grey)}.ob-field{display:flex;align-items:center;gap:calc(var(--ds-u) * 2);color:var(--ob-green);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ob-radios{display:inline-flex;flex-wrap:wrap;column-gap:calc(var(--ds-u) * 6)}.ob-radio,.ob-check{display:inline-flex;align-items:center;gap:calc(var(--ds-u) * 2.5);min-height:var(--ds-ctl);color:var(--ob-text);cursor:pointer;white-space:nowrap}.ob-radio input,.ob-check input{position:absolute;opacity:0;pointer-events:none}.ob-radio i,.ob-check i{position:relative;flex:none;width:var(--ds-box);height:var(--ds-box);background:var(--ob-field);border:var(--ds-line) solid var(--ob-line-hi);border-radius:calc(2px * var(--ds-s))}.ob-radio i{border-radius:50%}.ob-radio input:checked+i{background:radial-gradient(circle,var(--ob-green) 0 34%,transparent calc(34% + 1px)),var(--ob-field)}.ob-check input:checked+i:before,.ob-check input:checked+i:after{content:"";position:absolute;left:50%;top:50%;width:76%;height:calc(2.5px * var(--ds-s));background:var(--ob-green);transform:translate(-50%,-50%) rotate(45deg)}.ob-check input:checked+i:after{transform:translate(-50%,-50%) rotate(-45deg)}.ob-radio:hover,.ob-check:hover{color:var(--ob-lit)}.ob-radio:hover i,.ob-check:hover i,.ob-radio input:focus-visible+i,.ob-check input:focus-visible+i{border-color:var(--ob-red)}label.ob-radio.disabled,label.ob-check.disabled{color:var(--ob-grey);cursor:default}label.ob-radio.disabled i,label.ob-check.disabled i{border-color:#3c3c3c}.ob-range{width:100%}.ob-range .track{position:relative;height:calc(var(--ds-u) * 5);--thumb: calc(12px * var(--ds-s))}.ob-range .track:before{content:"";position:absolute;left:calc(var(--thumb) / 2);right:calc(var(--thumb) / 2);top:50%;height:var(--ds-line);transform:translateY(-50%);background:var(--ob-line-hi)}.ob-range .notch{position:absolute;top:50%;width:calc(6px * var(--ds-s));height:calc(6px * var(--ds-s));left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--at));transform:translate(-50%,-50%);border-radius:50%;background:var(--ob-label);pointer-events:none}.ob-range input{position:absolute;inset:0;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none;background:none;cursor:pointer}.ob-range input::-webkit-slider-runnable-track{height:100%;background:none}.ob-range input::-moz-range-track{background:none}.ob-range input::-webkit-slider-thumb{-webkit-appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((var(--ds-u) * 5 - var(--thumb)) / 2);border:0;border-radius:50%;background:var(--ob-green);box-shadow:0 0 0 calc(2px * var(--ds-s)) #000}.ob-range input::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border:0;border-radius:50%;background:var(--ob-green)}.ob-range input:hover::-webkit-slider-thumb{background:var(--ob-lit)}.ob-range input:hover::-moz-range-thumb{background:var(--ob-lit)}.ob-range input:focus-visible{outline:none}.ob-range input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 calc(2px * var(--ds-s)) var(--ob-red)}.ob-range .ends{display:flex;justify-content:space-between;font-size:var(--ds-small);color:var(--ob-label)}.ob-range.dual input{pointer-events:none}.ob-range.dual input::-webkit-slider-thumb{pointer-events:auto}.ob-range.dual input::-moz-range-thumb{pointer-events:auto}.ob-range .span{position:absolute;top:50%;height:calc(var(--ds-line) * 3);transform:translateY(-50%);pointer-events:none;background:var(--ob-green);left:calc(var(--thumb) / 2 + (100% - var(--thumb)) * var(--lo, 0));right:calc(var(--thumb) / 2 + (100% - var(--thumb)) * (1 - var(--hi, 1)))}.ob-labeled.disabled .ob-caption,.ob-labeled.disabled .ob-range .ends{color:var(--ob-grey)}.ob-range input:disabled{cursor:default}.ob-range input:disabled::-webkit-slider-thumb{background:var(--ob-grey)}.ob-range input:disabled::-moz-range-thumb{background:var(--ob-grey)}.ob-icon{flex:none;display:inline-block;width:calc(28px * var(--s));height:calc(14px * var(--s));font-size:9px;line-height:calc(14px * var(--s));text-align:center;font-weight:700;color:var(--ob-value);background:#2a0c0a;border:1px solid var(--ob-line)}.ob-icon:before{content:attr(data-abbr)}.ob-art .ob-icon{border:0;background:var(--ob-icons) no-repeat;background-size:calc(252px * var(--s)) calc(112px * var(--s));background-position:calc(var(--ix) * -28px * var(--s)) calc(var(--iy) * -14px * var(--s));image-rendering:pixelated}.ob-art .ob-icon:before{content:none}.ob-dot{flex:none;display:inline-block;width:calc(12px * var(--s));height:calc(12px * var(--s));padding:0;border-radius:50%;border:1px solid rgba(0,0,0,.7)}.ob-dot.none{border-color:transparent}.ob-dot.mine{border:max(2px,calc(2px * var(--s))) solid #e8ecf4;box-shadow:0 0 0 1px #000;cursor:pointer}.ob-dot.mine:hover,.ob-dot.mine:focus-visible{border-color:var(--ob-lit);box-shadow:0 0 0 1px #000,0 0 var(--ob-dot-glow) var(--ob-lit);outline:none}.ob-root{--ob-dot-glow: calc(6px * var(--s))}.ob-colours{position:fixed;z-index:25;display:flex;flex-direction:column;min-width:calc(180px * var(--ds-s));padding:var(--ds-u) 0;background:#040509f5;border:var(--ds-line) solid var(--ob-line);border-radius:var(--ob-radius);box-shadow:0 calc(4px * var(--ds-s)) calc(16px * var(--ds-s)) #000000b3}.ob-colour{display:flex;align-items:center;gap:calc(var(--ds-u) * 2);padding:var(--ds-u) calc(var(--ds-u) * 3);font:inherit;color:var(--ob-text);background:none;border:0;border-left:calc(2px * var(--ds-s)) solid transparent;text-align:left;cursor:pointer}.ob-colour:hover:not(:disabled),.ob-colour:focus-visible{background:#78100c33;color:var(--ob-lit);outline:none}.ob-colour.cur{color:var(--ob-value);background:var(--ob-sel);border-left-color:var(--ob-green)}.ob-colour.cur:after{content:"✓";margin-left:auto;padding-left:calc(var(--ds-u) * 2.5);color:var(--ob-lit)}.ob-colour:disabled{opacity:.35;cursor:default}.ob-colours{max-height:calc(100vh - 8px);overflow-y:auto}.ob-colour .ob-dot{width:calc(12px * var(--ds-s));height:calc(12px * var(--ds-s))}.ob-colour.custom{margin-top:var(--ds-u);border-top:var(--ds-line) solid var(--ob-line);padding-top:calc(var(--ds-u) * 2)}.ob-colour.custom .ob-dot{background:conic-gradient(#f40404,#f4e404,#10fc18,#0c48cc,#a4248c,#f40404)}.ob-icons{position:fixed;z-index:25;display:grid;grid-template-columns:repeat(9,auto);gap:calc(var(--ds-u) / 2);padding:calc(var(--ds-u) * 1.5);background:#040509f5;border:var(--ds-line) solid var(--ob-line);border-radius:var(--ob-radius);box-shadow:0 calc(4px * var(--ds-s)) calc(16px * var(--ds-s)) #000000b3}.ob-icon-pick{display:inline-flex;padding:2px;background:none;border:1px solid transparent;cursor:pointer}.ob-icon-pick:hover,.ob-icon-pick:focus-visible{background:var(--ob-sel);outline:none}.ob-icon-pick.cur{border-color:var(--ob-lit)}.ob-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.ob-empty{padding:calc(var(--ds-u) * 4) calc(var(--ds-u) * 2);color:var(--ob-text-dim);text-align:center}.ob-empty.off{color:var(--ob-red)}.ob-hub .games{container:games / inline-size;--ob-game-cols: calc(52px * var(--ds-s)) minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.2fr) calc(48px * var(--ds-s))}.ob-games-head,.ob-game{display:grid;grid-template-columns:var(--ob-game-cols);column-gap:calc(var(--ds-u) * 2);align-items:center;padding:var(--ds-u) calc(var(--ds-u) * 3);border-left:calc(2px * var(--ds-s)) solid transparent}.ob-games-head,.ob-games-list{overflow-y:hidden;scrollbar-gutter:stable}.ob-games-list{overflow-y:auto}.ob-games-head{flex:none;color:var(--ob-label);font-size:var(--ds-small);border-bottom:var(--ds-line) solid var(--ob-line)}.ob-game{color:var(--ob-text);cursor:pointer}.ob-game:hover{background:#78100c33}.ob-game.sel{background:var(--ob-sel);border-left-color:var(--ob-green);color:var(--ob-value)}.ob-game .name{color:var(--ob-value);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-game .type,.ob-game .map{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-game .players{font-variant-numeric:tabular-nums}.ob-games-head .ping,.ob-game .ping{text-align:right;white-space:nowrap}.ob-game .ping{font-variant-numeric:tabular-nums}.ob-game.ingame,.ob-game.ingame .name{color:var(--ob-text-dim)}.ob-game .lock{color:var(--ob-yellow);font-size:var(--ds-small);margin-left:var(--ds-u)}.ob-game-detail{flex:none;display:flex;gap:calc(var(--ds-u) * 3);align-items:flex-start;margin-top:calc(var(--ds-u) * 2);padding:calc(var(--ds-u) * 2);border:var(--ds-line) solid var(--ob-line);background:var(--ob-field);min-width:0}.ob-game-detail .ob-minimap-box{flex:none;width:calc(var(--ds-u) * 18);height:calc(var(--ds-u) * 18)}.ob-game-detail .ob-minimap{max-width:100%;max-height:100%}.ob-nopreview{display:none}.ob-game-detail .ob-minimap-box.nopreview .ob-minimap{visibility:hidden}.ob-game-detail .ob-minimap-box.nopreview .ob-nopreview{display:flex;flex-direction:column;justify-content:center;gap:calc(var(--ds-u) / 2);position:absolute;inset:0;border:var(--ds-line) solid var(--ob-line);color:var(--ob-text-dim);font-size:var(--ds-small);line-height:1.2;white-space:normal;text-align:center}.ob-game-detail .ob-stats{flex:1;min-width:0;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);column-gap:calc(var(--ds-u) * 3);margin:0}.ob-game-detail .ob-stats dt{text-align:left}.ob-game-detail .ob-empty{flex:1;padding:calc(var(--ds-u) * 1.5)}.ob-game-detail.none>:not(.ob-empty){display:none}@container games (max-width: 420px){.ob-game-detail .ob-minimap-box{display:none}.ob-game-detail .ob-stats{grid-template-columns:auto minmax(0,1fr)}}.ob-chat-log{padding:var(--ds-u) calc(var(--ds-u) / 2);overflow-wrap:anywhere}.ob-chat-log p{margin:0 0 calc(var(--ds-u) / 2)}.ob-chat-log .who{color:var(--ob-value)}.ob-chat-log .self,.ob-chat-log .self .who{color:var(--ob-green)}.ob-chat-log .whisper-in,.ob-chat-log .whisper-out,.ob-chat-log .whisper-in .who,.ob-chat-log .whisper-out .who{color:#a0a0a0}.ob-chat-log .emote{color:var(--ob-lit)}.ob-chat-log .system{color:var(--ob-yellow)}.ob-chat-log .channel{color:var(--ob-green)}.ob-chat-log .error{color:var(--ob-red)}.ob-chat-input{display:flex;gap:calc(var(--ds-u) * 2);margin-top:calc(var(--ds-u) * 2)}.ob-chat-input .ob-input{flex:1}.ob-chat-log .ob-chat-img{display:block;max-width:100%;max-height:calc(var(--ds-u) * 50);margin-top:calc(var(--ds-u) / 2);cursor:zoom-in}.ob-chat-log .ob-img-show{font:inherit;color:var(--ob-label);background:none;border:1px solid var(--ob-line);border-radius:var(--ob-radius);padding:0 var(--ds-u);cursor:pointer}.ob-chat-log .ob-img-show:hover{color:var(--ob-value);border-color:var(--ob-line-hi)}.ob-chat-log .ob-img-gone{color:var(--ob-text-dim);font-style:italic}.ob-chat-pending{display:flex;align-items:center;gap:calc(var(--ds-u) * 2);margin-top:calc(var(--ds-u) * 2)}.ob-chat-pending .thumb{max-height:calc(var(--ds-u) * 12);max-width:calc(var(--ds-u) * 24)}.ob-chat-pending .info{flex:1;color:var(--ob-text-dim)}.ob-chat-pending.sending{opacity:.6}.chat.ob-drop .ob-chat-log{outline:1px dashed var(--ob-line-hi);outline-offset:-2px}.ob-map-drop{position:fixed;inset:0;z-index:40;pointer-events:none;display:flex;align-items:center;justify-content:center;background:#00000073;outline:2px dashed var(--ob-line-hi);outline-offset:-12px;font:var(--ob-font-title);color:var(--ob-yellow)}.ob-lightbox{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#000000d9;padding:16px;cursor:zoom-out;outline:none}.ob-lightbox img{max-width:100%;max-height:100%;object-fit:contain;image-rendering:auto}.ob-user{display:flex;align-items:center;gap:calc(var(--ds-u) * 2);padding:var(--ds-u) calc(var(--ds-u) * 3);border-left:calc(2px * var(--ds-s)) solid transparent}.ob-user .name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ob-text)}.ob-user.squelched .name{color:var(--ob-grey);text-decoration:line-through}.ob-user .where{color:var(--ob-text-dim);font-size:var(--ds-small);white-space:nowrap}.ob-user.away .name{color:var(--ob-grey)}.ob-user.away>:first-child{opacity:.5}.ob-user:hover{background:#78100c33}.ob-hub{grid-template-columns:minmax(0,1.6fr) minmax(0,1.4fr) minmax(0,.8fr);grid-template-rows:minmax(0,1fr)}.ob-gamebuttons{grid-template-columns:var(--ds-ctl) minmax(0,1fr) minmax(0,1fr)}.ob-gamebuttons>.ob-joincode{grid-column:1;grid-row:1;display:flex;align-items:center;gap:calc(var(--ds-u) * 2);min-width:0}.ob-gamebuttons>.ob-btn:nth-child(2){grid-column:2;grid-row:1}.ob-gamebuttons>.ob-btn:nth-child(3){grid-column:3;grid-row:1}.ob-gamebuttons.campaign{grid-template-columns:var(--ds-ctl) repeat(3,minmax(0,1fr))}.ob-gamebuttons>.ob-btn:nth-child(4){grid-column:4;grid-row:1}.ob-gamebuttons.code>.ob-joincode{grid-column:1 / 3}.ob-gamebuttons.code>.ob-btn:nth-child(2){display:none}.ob-joincode .ob-input,.ob-joincode>.ob-btn:not(.ob-codeicon){display:none}.ob-gamebuttons.code .ob-joincode .ob-input{display:block;flex:1;width:0;text-transform:uppercase}.ob-gamebuttons.code .ob-joincode>.ob-btn:not(.ob-codeicon){display:inline-flex}.ob-gamebuttons.code .ob-codeicon{display:none}.ob-codeicon{min-width:0;width:100%;padding:0}.ob-codeicon svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:square}.ob-account-buttons{display:flex;gap:calc(var(--ds-u) * 2)}.ob-root.ob-home{z-index:9000}.ob-account{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--ds-u) * 2);margin-bottom:calc(var(--ds-u) * 3);padding-bottom:calc(var(--ds-u) * 3);border-bottom:var(--ds-line) solid var(--ob-line)}.ob-lobby{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);grid-template-rows:minmax(0,4fr) minmax(calc(140px * var(--s)),1fr);grid-template-areas:"slots map" "chat actions"}.ob-lobby .slots{grid-area:slots}.ob-lobby .map{grid-area:map}.ob-lobby .chat{grid-area:chat}.ob-lobby .actions{grid-area:actions;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.ob-okcancel{position:relative;align-self:flex-end;display:flex;flex-direction:column;gap:calc(var(--ds-u) * 2)}.ob-art .ob-okcancel{padding:0 calc(1px * var(--s)) calc(11px * var(--s)) 0}.ob-okcancel>.ob-btn{width:calc(152px * var(--s));min-width:0}.ob-art .ob-okcancel>.ob-btn,.ob-art .ob-okcancel>.ob-btn:disabled{background:var(--ob-panel);border-color:var(--ob-line);box-shadow:0 0 0 1px #0009,inset 0 0 calc(12px * var(--s)) #0009}.ob-art .ob-okcancel>.ob-btn:active:not(:disabled){border-color:#7cdc4c}.ob-art .ob-orn-br-small{left:calc(100% + 21px * var(--s));top:calc(100% + 16px * var(--s));width:calc(96px * var(--s));height:calc(60px * var(--s));background-image:var(--ob-orn-tl-small);transform-origin:0 0;transform:matrix(0,-1,-1,0,0,0)}.ob-slot{display:grid;--ob-race-w: calc(6.75em + var(--ds-u) * 15);grid-template-columns:var(--ds-box) minmax(0,1fr) var(--ob-race-w);column-gap:calc(var(--ds-u) * 2);align-items:center;padding:calc(var(--ds-u) / 2) 0}.ob-slot>.ob-dot{justify-self:center;width:var(--ds-box);height:var(--ds-box)}.ob-lobby .slots>.ob-scroll{padding-inline:var(--ob-dot-glow);margin-inline:calc(-1 * var(--ob-dot-glow))}.ob-slot .who{min-width:0;display:flex}.ob-slot .who>*{flex:1;min-width:0}.ob-slot .who .nm{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}.ob-slot .who .tail{flex:none;margin-left:auto;display:flex;align-items:center;gap:calc(var(--ds-u) * 2)}.ob-slot .who .host{color:var(--ob-yellow);font-size:var(--ds-small)}.ob-slot .who .ping{color:var(--ob-text);opacity:.55;font-size:var(--ds-small);font-variant-numeric:tabular-nums}.ob-slot.human .ob-field.name{color:var(--ob-value)}.ob-slot .ob-field.name.boot{cursor:pointer}.ob-slot .ob-field.name.boot:hover{border-color:var(--ob-line-hi)}.ob-slot .who .note{color:var(--ob-text-dim);font-size:var(--ds-small);white-space:nowrap}.ob-slot.open .ob-field,.ob-slot.closed .ob-field,.ob-slot.open .ob-select,.ob-slot.closed .ob-select{color:var(--ob-grey)}.ob-slot .ob-select-wrap{width:100%}.ob-slot>.botcell{display:none}.bots>.ob-slot{grid-template-columns:var(--ds-box) minmax(0,1fr) var(--ob-race-w) var(--ds-ctl)}.bots>.ob-slot>.botcell{display:block;width:var(--ds-ctl);height:var(--ds-ctl)}.ob-bot{width:100%;height:100%;padding:calc(var(--ds-u) * 1.25);display:grid;place-items:center;color:var(--ob-grey);background:var(--ob-field);border:var(--ds-line) solid var(--ob-line);border-radius:var(--ob-radius);cursor:pointer}.ob-bot svg{width:100%;height:100%}.ob-bot:hover,.ob-bot:focus-visible{outline:none;border-color:var(--ob-line-hi);color:var(--ob-text)}.ob-bot.on{color:var(--ob-yellow);border-color:var(--ob-line-hi)}.ob-bot.error{color:var(--ob-red)}.ob-bot-settings .ob-dlg-body{display:flex;flex-direction:column;gap:calc(var(--ds-u) * 3)}.ob-mapbody{display:flex;flex-direction:column;gap:calc(var(--ds-u) * 3);container-type:inline-size}.ob-mapbody>*{flex:none;margin-block:0 auto}.ob-mapbody>:first-child{margin-top:auto}.ob-mapbody>.ob-changemap{align-self:center}.ob-minimap-box{position:relative;height:min(50cqw,33vh);text-align:center;font-size:0;line-height:0;white-space:nowrap}.ob-minimap-box:before{content:"";display:inline-block;height:100%;vertical-align:middle}.ob-minimap-box.loading .ob-minimap{opacity:.35}.ob-minimap.empty{visibility:hidden}.ob-spinner{display:none;position:absolute;left:50%;top:50%;width:calc(24px * var(--s));height:calc(24px * var(--s));margin:calc(-12px * var(--s)) 0 0 calc(-12px * var(--s));border:calc(3px * var(--s)) solid rgba(255,255,255,.15);border-top-color:var(--ob-green);border-radius:50%;animation:ob-spin .8s linear infinite}.ob-minimap-box.loading .ob-spinner{display:block}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-btn>.ob-spinner{display:block;position:static;width:calc(14px * var(--s));height:calc(14px * var(--s));margin:0;border-width:calc(2px * var(--s))}.ob-minimap{display:inline-block;vertical-align:middle;width:auto;height:auto;max-width:50cqw;max-height:100%;background:#000;box-shadow:0 0 0 max(1px,calc(1px * var(--s))) var(--ob-line-hi);transition:opacity .2s}.ob-info{display:flex;flex-direction:column;gap:calc(var(--ds-u) * 3);text-align:center}.ob-kv{display:flex;flex-direction:column;align-items:center;gap:var(--ds-u);min-width:0}.ob-label{color:var(--ob-label);font-size:var(--ds-body)}.ob-value{color:var(--ob-value);font-size:var(--ds-body);overflow-wrap:anywhere}.ob-code{color:var(--ob-value);user-select:all}.ob-kv>.ob-value{min-height:var(--ds-ctl);align-content:center}.ob-value-input{width:min(100%,18em);height:var(--ds-ctl);font:var(--ob-font);color:var(--ob-value);text-align:center;background:none;border:var(--ds-line) solid transparent;border-radius:var(--ob-radius);padding:0 calc(var(--ds-u) * 3)}.ob-value-input:hover{border-color:var(--ob-line);background:var(--ob-field)}.ob-value-input:focus{outline:none;border-color:var(--ob-line-hi);background:var(--ob-field)}.ob-stats{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:calc(var(--ds-u) * 3);row-gap:0;align-items:baseline;--ob-stat-h: calc(var(--ds-u) * 6)}.ob-stats dt,.ob-stats dd{margin:0;min-width:0;line-height:var(--ob-stat-h);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-stats dt{color:var(--ob-label);text-align:right}.ob-stats dd{color:var(--ob-value);text-align:left}.ob-replay-banner{padding:calc(var(--ds-u) * 2);border:var(--ds-line) solid #5c4c00;background:#28200080;color:var(--ob-yellow);display:flex;gap:calc(var(--ds-u) * 2);align-items:center;flex-wrap:wrap}.ob-replay-banner .grow{flex:1;min-width:10em}.ob-select-map{position:absolute;inset:0;z-index:3;display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-rows:minmax(0,1fr) auto;column-gap:calc(var(--ds-u) * 6);row-gap:calc(var(--ds-u) * 4);padding:inherit;font-size:var(--ds-body);line-height:1.35;background:#040509f7}.ob-select-map>.ob-dlg-foot{grid-column:1 / -1}.ob-select-side{display:flex;flex-direction:column;gap:calc(var(--ds-u) * 2);min-width:0;min-height:0}.ob-select-side>.ob-title{text-align:left}.ob-select-path{display:flex;align-items:center;gap:calc(var(--ds-u) * 1.5);min-width:0;min-height:var(--ds-ctl);flex-wrap:wrap}.ob-select-path .sep{color:var(--ob-label)}.ob-select-path .cur{color:var(--ob-value)}.ob-select-map .ob-select-path .ob-btn{min-width:0;padding:0 calc(var(--ds-u) * 3)}.ob-select-note{flex:none;color:var(--ob-label);font-size:var(--ds-small)}.ob-select-list{border:var(--ds-line) solid var(--ob-line);background:var(--ob-field);padding:var(--ds-u) 0}.ob-file-row{display:flex;align-items:center;gap:calc(var(--ds-u) * 2);padding:var(--ds-u) calc(var(--ds-u) * 3) var(--ds-u) calc(var(--ds-u) * 3 - 2px);border-left:2px solid transparent;color:var(--ob-green);cursor:pointer;white-space:nowrap}.ob-file-row .name{min-width:0;overflow:hidden;text-overflow:ellipsis}.ob-file-row .where{margin-left:auto;padding-left:calc(var(--ds-u) * 2);min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ob-label);font-size:var(--ds-small)}.ob-file-row.sel .where{color:inherit}.ob-file-row:hover{background:#78100c33}.ob-file-row.sel{background:var(--ob-sel);border-left-color:var(--ob-green);color:var(--ob-value)}.ob-file-row:focus-visible{outline:1px dotted var(--ob-lit);outline-offset:-1px}.ob-fileicon{flex:none;display:inline-flex;width:1em;height:1em}.ob-fileicon svg,.ob-searchicon svg{width:100%;height:100%}.ob-fileicon.folder svg{fill:var(--ob-yellow);stroke:none}.ob-fileicon.file svg{fill:none;stroke:var(--ob-yellow);stroke-width:1.2}.ob-mapfmt{position:relative;flex:none;box-sizing:border-box;width:2.9em;padding:1px 0;font-size:var(--ds-small);line-height:1.1;text-align:center;color:var(--ob-label);border:var(--ds-line) solid transparent;border-radius:2px}.ob-mapfmt.sc{color:var(--ob-label);border-color:#3a4260}.ob-mapfmt.bw{color:var(--ob-yellow);border-color:#6c5418}.ob-mapfmt.scr{color:#7cc4fc;border-color:#24547c}.ob-mapfmt.eud{color:var(--ob-red);border-color:var(--ob-line-hi)}.ob-mapfmt.unknown{border-color:var(--ob-line)}.ob-mapfmt.pending{display:inline-flex;align-items:center;justify-content:center;min-height:calc(1.1em + 2px)}.ob-mapfmt>.ob-spinner{display:block;position:static;margin:0;width:.8em;height:.8em;border-width:max(1px,calc(1.5px * var(--s)));border-color:#ffffff1a;border-top-color:var(--ob-label)}@media(prefers-reduced-motion:reduce){.ob-mapfmt>.ob-spinner{animation:none}}.ob-eudmark{position:absolute;top:-3px;right:-3px;width:6px;height:6px;background:var(--ob-red);box-shadow:0 0 0 1px #000;transform:rotate(45deg)}.ob-mapfmt.eud-ok .ob-eudmark{background:var(--ob-green)}.ob-mapfmt.eud-runtime .ob-eudmark{background:var(--ob-yellow)}.ob-select-search{display:flex;align-items:center;gap:calc(var(--ds-u) * 2);height:var(--ds-ctl);padding:0 calc(var(--ds-u) * 2);border:var(--ds-line) solid var(--ob-line);border-radius:calc(3px * var(--ds-s));background:var(--ob-field)}.ob-select-search:hover,.ob-select-search:focus-within{border-color:var(--ob-line-hi)}.ob-select-map .ob-select-search .ob-input{flex:1;min-width:0;height:100%;padding:0;border:0;background:none}.ob-searchicon{flex:none;display:inline-flex;width:1em;height:1em}.ob-searchicon svg{fill:none;stroke:var(--ob-label);stroke-width:1.5}.ob-select-info{display:flex;flex-direction:column;align-items:center;gap:calc(var(--ds-u) * 2);min-width:0;min-height:0;overflow:hidden;border-left:var(--ds-line) solid var(--ob-line);padding-left:calc(var(--ds-u) * 6);text-align:center}.ob-select-info .ob-minimap-box{flex:none;width:calc(128px * var(--s));height:calc(128px * var(--s));padding:max(1px,calc(1px * var(--s)))}.ob-select-info .ob-minimap{max-width:100%;max-height:100%}.ob-select-name{max-width:100%;color:var(--ob-value);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-select-info .ob-map-desc{align-self:stretch;text-align:left}.ob-select-info .grow{flex:1}.ob-select-info .ob-dl{flex:none}.ob-map-desc{margin:0;color:var(--ob-text);font-size:var(--ds-small);white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}:is(.ob-dlg,.ob-select-map) .ob-map-desc{font-size:var(--ds-small)}.ob-map-desc.off{color:var(--ob-red)}.ob-modal{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#0000008c;padding:16px}.ob-dlg{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;row-gap:calc(var(--ds-u) * 4);max-width:100%;max-height:100%;padding:calc(var(--ds-u) * 4) calc(var(--ds-u) * 5);font-size:var(--ds-body);line-height:1.35;background:var(--ob-panel);border:var(--ds-line) solid var(--ob-line);box-shadow:0 0 0 1px #0009,inset 0 0 calc(24px * var(--ds-s)) #0009}.ob-dlg.s{width:calc(400px * var(--ds-s));height:calc(190px * var(--ds-s))}.ob-dlg.m{width:calc(440px * var(--ds-s));height:calc(400px * var(--ds-s))}.ob-dlg.l{width:calc(860px * var(--ds-s));height:calc(500px * var(--ds-s))}.ob-dlg.untitled{grid-template-rows:minmax(0,1fr) auto}.ob-dlg.ob-scr-import{height:auto;min-height:calc(190px * var(--ds-s))}.ob-title{margin:0;font:700 var(--ds-title) / 1.15 Arial,"Helvetica Neue",Helvetica,sans-serif;color:var(--ob-value);text-align:center;font-synthesis:none;letter-spacing:0}.ob-dlg-body{min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:flex-start;gap:calc(var(--ds-u) * 4)}.ob-dlg-body.center{align-items:center;justify-content:center;text-align:center}.ob-dlg-body p{margin:0}.ob-dlg-foot{display:flex;justify-content:center;gap:calc(var(--ds-u) * 4)}.ob-dlg-menu{display:flex;flex-direction:column;align-items:center;gap:calc(var(--ds-u) * 2.5)}.ob-dlg-menu .ob-btn{width:calc(224px * var(--ds-s))}.ob-labeled{display:flex;flex-direction:column;align-self:stretch}.ob-caption{display:flex;justify-content:space-between;align-items:baseline;gap:var(--ds-u);margin-bottom:calc(var(--ds-u) * 1.5);color:var(--ob-label)}.ob-caption .val{color:var(--ob-value)}.ob-labeled>.ob-btn{align-self:flex-start}.ob-ctx{position:fixed;z-index:30;min-width:calc(180px * var(--ds-s));padding:var(--ds-u) 0;font-size:var(--ds-body);background:#040509f5;border:var(--ds-line) solid var(--ob-line);border-radius:var(--ob-radius);box-shadow:0 calc(4px * var(--ds-s)) calc(16px * var(--ds-s)) #000000b3}.ob-ctx .head{padding:var(--ds-u) calc(var(--ds-u) * 3) calc(var(--ds-u) * 1.5);margin-bottom:var(--ds-u);color:var(--ob-value);border-bottom:var(--ds-line) solid var(--ob-line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ob-ctx .item{display:flex;justify-content:space-between;align-items:baseline;gap:calc(var(--ds-u) * 6);width:100%;padding:calc(var(--ds-u) * 1.25) calc(var(--ds-u) * 3);font:inherit;text-align:left;color:var(--ob-text);background:none;border:0;cursor:pointer}.ob-ctx .item .cmd{font-size:var(--ds-small);color:var(--ob-text-dim)}.ob-ctx .item:hover:not(:disabled),.ob-ctx .item:focus-visible{background:#78100c33;color:var(--ob-lit);outline:none}.ob-ctx .item:disabled,.ob-ctx .item:disabled .cmd{color:var(--ob-grey);cursor:default}.ob-ctx .sep{height:var(--ds-line);margin:var(--ds-u) 0;background:var(--ob-line)}:is(.ob-dlg,.ob-select-map) :is(.ob-input,.ob-select){height:var(--ds-ctl);padding:0 calc(var(--ds-u) * 3);font-size:var(--ds-body);border-width:var(--ds-line);border-radius:calc(3px * var(--ds-s))}:is(.ob-dlg,.ob-select-map) .ob-select{padding-right:calc(var(--ds-u) * 7)}:is(.ob-dlg,.ob-select-map) :is(.ob-input,.ob-select):hover:not(:disabled){border-color:var(--ob-line-hi)}:is(.ob-dlg,.ob-select-map) :is(.ob-input,.ob-select):focus{border-color:var(--ob-line-hi);box-shadow:none}:is(.ob-dlg,.ob-select-map) textarea.ob-input{height:auto;padding:calc(var(--ds-u) * 2) calc(var(--ds-u) * 3)}.ob-dlg>form{display:contents}.ob-dl{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:calc(var(--ds-u) * 4);row-gap:var(--ds-u);align-self:stretch;margin:0;text-align:left}.ob-dl dt{color:var(--ob-label);white-space:nowrap}.ob-dl dd{margin:0;min-width:0;min-height:calc(var(--ds-u) * 5);color:var(--ob-value);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-dl dd.off{color:var(--ob-red)}.ob-dl dd:has(.ob-btn,.ob-select-wrap,.ob-input){overflow:visible}.ob-dl dd.under{grid-column:2;white-space:normal}.ob-dl dd.wide>.ob-select-wrap{width:100%}.ob-dl.acts{grid-template-columns:auto minmax(0,1fr) auto}.ob-dl.acts dd.actions{display:flex;justify-content:flex-end;gap:calc(var(--ds-u) * 2);overflow:visible}.ob-mark{display:inline-block;position:relative;width:var(--ds-box);height:var(--ds-box);vertical-align:middle}.ob-mark.on:before{content:"";position:absolute;left:30%;top:12%;width:30%;height:55%;border:solid var(--ob-green);border-width:0 calc(2.5px * var(--ds-s)) calc(2.5px * var(--ds-s)) 0;transform:rotate(45deg)}.ob-mark.none:before{content:"";position:absolute;inset:28%;border-radius:50%;border:var(--ds-line) solid var(--ob-grey)}.ob-dl.acts dd.actions>.ob-btn{flex:none}.ob-dl.acts dd.value{white-space:normal;overflow-wrap:anywhere}.ob-dlg.m.ob-assets{display:flex;flex-direction:column;width:min(100%,calc(600px * var(--ds-s)));height:auto;max-height:min(100%,calc(640px * var(--ds-s)))}.ob-assets>.ob-dlg-body{flex:0 1 auto}.ob-assets .ob-progress:has(>.ob-progress-bar[hidden]):has(>.ob-progress-error[hidden]):has(>.ob-progress-text:empty),.ob-assets .ob-import-result:empty{display:none}.ob-assets>.ob-dlg-foot{min-height:var(--ds-ctl)}.ob-progress.line{flex:1;min-width:0;height:var(--ds-ctl);display:flex;flex-direction:column;justify-content:center}.ob-progress.line>.ob-progress-bar{flex:none;margin-bottom:var(--ds-u)}.ob-progress.line>.ob-progress-text{line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-dlg.m.ob-inputs{display:flex;flex-direction:column;width:calc(520px * var(--ds-s));height:auto;max-height:100%}.ob-inputs>.ob-dlg-body{flex:0 1 auto}.ob-hint{margin:0;color:var(--ob-text-dim);font-size:var(--ds-small);overflow-wrap:anywhere;white-space:pre-line}.ob-hint.off{color:var(--ob-red);min-height:1lh}.ob-dlg-section{align-self:stretch;margin:0;padding-bottom:var(--ds-u);font:inherit;color:var(--ob-value);border-bottom:var(--ds-line) solid var(--ob-line)}.ob-dlg-scroll{flex:1 1 auto;min-height:0;overflow:auto;align-self:stretch;display:flex;flex-direction:column;gap:calc(var(--ds-u) * 3)}.ob-dlg-row{display:flex;align-items:center;gap:calc(var(--ds-u) * 2);min-width:0}.ob-dlg-row>.ob-input,.ob-dlg-row>.ob-select-wrap{flex:1;min-width:0}.ob-dlg-row>.ob-btn{flex:none}.ob-dlg-stack{display:flex;flex-direction:column;gap:var(--ds-u)}.ob-dlg-cols{flex:1;min-height:0;align-self:stretch;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:calc(var(--ds-u) * 6)}.ob-dlg-col{display:flex;flex-direction:column;gap:calc(var(--ds-u) * 3);min-width:0;min-height:0}.ob-progress{align-self:stretch;font-size:var(--ds-small);color:var(--ob-text-dim)}.ob-progress-bar{height:calc(var(--ds-u) * 2);margin-bottom:calc(var(--ds-u) * 1.5);border:var(--ds-line) solid var(--ob-line);background:var(--ob-field);overflow:hidden}.ob-progress-fill{width:0%;height:100%;background:var(--ob-green);transition:width .2s}.ob-progress-text{white-space:pre-line;overflow-wrap:anywhere}.ob-progress-error{color:var(--ob-red);white-space:pre-line;overflow-wrap:anywhere}.ob-import-result{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start;gap:var(--ds-u)}.ob-import-list{align-self:stretch;max-height:calc(100px * var(--ds-s));overflow-y:auto;border:var(--ds-line) solid var(--ob-line);background:var(--ob-field);font-size:var(--ds-small)}.ob-import-row{display:flex;gap:calc(var(--ds-u) * 1.5);padding:0 calc(var(--ds-u) * 1.5);white-space:nowrap;color:var(--ob-green)}.ob-import-row .name{min-width:0;overflow:hidden;text-overflow:ellipsis}.ob-import-row .where{margin-left:auto;padding-left:calc(var(--ds-u) * 2);min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--ob-label)}.ob-root.ob-setup{z-index:10001;display:flex;padding:16px}.ob-setup>.ob-dlg{margin:auto}.ob-name-prompt .ob-input{align-self:stretch}.ob-hotkeys-text{display:block;box-sizing:border-box;align-self:stretch;flex:1;min-height:0;resize:none;font-family:monospace;font-size:var(--ds-small)}.ob-hotkeys-editor{--ob-hk-tile: calc(36px * var(--s))}.ob-dlg.l.ob-hotkeys-editor{height:calc(720px * var(--ds-s))}.ob-hk-status{margin-left:calc(var(--ds-u) * 3);font:400 var(--ds-small) / 1 Arial,"Helvetica Neue",Helvetica,sans-serif;color:var(--ob-text-dim)}.ob-hk-races{align-self:stretch}.ob-radio .ob-hk-mark{position:static;display:inline-flex;margin-right:calc(var(--ds-u) * 1.5);vertical-align:middle}.ob-hk-body{flex:1;min-height:0;overflow-y:auto;align-self:stretch;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:calc(var(--ds-u) * 5)}.ob-hk-units{padding-right:calc(var(--ds-u) * 5);border-right:var(--ds-line) solid var(--ob-line)}.ob-hk-head{margin:0 0 calc(var(--ds-u) * 2);font:inherit;color:var(--ob-value)}.ob-hk-units .ob-hk-head:not(:first-child){margin-top:calc(var(--ds-u) * 4)}.ob-hk-label{margin-bottom:calc(var(--ds-u) * 1.5);color:var(--ob-label);font-size:var(--ds-small)}.ob-hk-groups{display:flex;gap:calc(var(--ds-u) * 5)}.ob-hk-tiles,.ob-hk-card{display:grid;grid-template-columns:repeat(3,var(--ob-hk-tile));grid-auto-rows:var(--ob-hk-tile);gap:var(--ds-u)}.ob-hk-tile,.ob-hk-btn,.ob-hk-empty{position:relative;box-sizing:border-box;padding:0;width:var(--ob-hk-tile);height:var(--ob-hk-tile);border:var(--ds-line) solid #2a2a2a;background:#050505;display:flex;align-items:center;justify-content:center;overflow:hidden}.ob-hk-tile,.ob-hk-btn{cursor:pointer;color:var(--ob-text)}.ob-hk-empty{background:#2a2a2a}.ob-hk-tile:hover,.ob-hk-btn:hover{border-color:var(--ob-text-dim)}.ob-hk-tile[aria-pressed=true],.ob-hk-btn[aria-pressed=true]{border-color:var(--ob-lit)}.ob-hk-tile:focus-visible,.ob-hk-btn:focus-visible{outline:1px dotted var(--ob-lit)}.ob-hk-btn.problem{background:#4a0c06}.ob-hk-icon{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.ob-hk-alt{padding:1px;font-size:var(--ds-small);line-height:1;text-align:center;overflow:hidden;overflow-wrap:anywhere}.ob-hk-key{position:absolute;left:2px;top:1px;font-size:var(--ds-small);line-height:1;color:var(--ob-value);text-shadow:1px 1px 0 #000,-1px -1px 0 #000}.ob-hk-key.custom{color:#40d8fc}.ob-hk-mark{position:absolute;left:1px;top:1px;width:calc(var(--ds-small) * 1.1);height:calc(var(--ds-small) * 1.1);border-radius:50%;background:var(--ob-red);color:#000;font-size:var(--ds-small);line-height:1;display:flex;align-items:center;justify-content:center}.ob-hk-btn .ob-hk-mark{left:auto;right:1px}.ob-hk-side{display:flex;flex-direction:column;gap:calc(var(--ds-u) * 2.5);min-width:0}.ob-hk-cats{display:flex;flex-wrap:wrap;gap:calc(var(--ds-u) * 3.5) calc(var(--ds-u) * 5.5)}.ob-hk-prompt{margin:0;color:var(--ob-label);font-size:var(--ds-small);text-align:center}.ob-hk-side>.ob-hk-prompt:only-child{margin:auto}.ob-hk-unbound{margin:0;color:var(--ob-red);font-size:var(--ds-small);text-align:center}.ob-hk-edit{display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:calc(var(--ds-u) * 3);align-items:center;padding:calc(var(--ds-u) * 2.5);border:var(--ds-line) solid var(--ob-line);background:var(--ob-field)}.ob-hk-edit-icon{width:var(--ob-hk-tile);height:var(--ob-hk-tile);border:var(--ds-line) solid #2a2a2a;display:flex;align-items:center;justify-content:center}.ob-hk-edit-name{color:var(--ob-value)}.ob-hk-edit-share{color:var(--ob-label);font-size:var(--ds-small)}.ob-hk-edit-default{color:var(--ob-text-dim);font-size:var(--ds-small)}.ob-hk-keybox{min-width:calc(60px * var(--ds-s));padding:var(--ds-u) calc(var(--ds-u) * 2.5);border:var(--ds-line) solid var(--ob-text-dim);border-radius:calc(3px * var(--ds-s));color:var(--ob-value);text-align:center;min-height:1.2em}.ob-hk-edit>.ob-hk-prompt{grid-column:1 / -1;margin-top:calc(var(--ds-u) * 1.5)}.ob-hotkeys-editor .ob-dlg-foot .ob-btn{min-width:0}@media(max-width:640px){.ob-hk-body{grid-template-columns:minmax(0,1fr);row-gap:calc(var(--ds-u) * 3.5)}.ob-hk-units{padding-right:0;border-right:0}}.ob-replay-table{width:100%;border-collapse:collapse;table-layout:fixed}.ob-replay-table th:nth-child(1){width:8.5em}.ob-replay-table th:nth-child(4){width:5em}.ob-replay-table th:nth-child(5){width:4em}.ob-replay-table th:nth-child(6){width:5em}.ob-replay-table th:nth-child(7){width:4em}.ob-replay-table th:nth-child(8){width:calc(var(--ds-ctl) * 2 + var(--ds-u) * 5)}.ob-replay-table th:nth-child(n+4){text-overflow:clip}.ob-replay-table th{position:sticky;top:0;z-index:1;background:#050608;padding:var(--ds-u) calc(var(--ds-u) * 2);text-align:left;font-weight:400;color:var(--ob-label);border-bottom:var(--ds-line) solid var(--ob-line);white-space:nowrap}.ob-replay-table td{padding:var(--ds-u) calc(var(--ds-u) * 2);color:var(--ob-text);vertical-align:middle;border-bottom:var(--ds-line) solid rgba(120,16,12,.3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ob-replay-table td:nth-child(2){color:var(--ob-value)}.ob-replay-table tr:hover td{background:#78100c33}.ob-replay-table td.actions{overflow:visible}.ob-replay-table td.actions .ob-btn+.ob-btn{margin-left:var(--ds-u)}.ob-btn.icon{min-width:0;width:var(--ds-ctl);padding:0;display:inline-flex;align-items:center;justify-content:center}.ob-btn.icon svg{width:60%;height:60%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ob-replay-table td .ob-check{min-height:0}.ob-dlg.m.ob-load-game{width:calc(600px * var(--ds-s));height:calc(440px * var(--ds-s));grid-template-columns:minmax(0,1fr)}.ob-load-game .ob-load-list{flex:1;min-height:0;align-self:stretch}.ob-create{position:relative}.ob-create .create-map{align-items:center;text-align:center;container-type:inline-size}.ob-create .create-map .ob-minimap-box{flex:none;align-self:stretch;box-sizing:border-box;height:round(calc(180px * var(--ds-s)),1px);padding:max(1px,round(calc(1px * var(--s)),1px))}.ob-create .create-map .ob-minimap{max-width:100%;max-height:100%;background:none}.ob-create .ob-map-desc{-webkit-line-clamp:3;line-clamp:3}.ob-create .create-map .grow{flex:1}.ob-create .ob-dlg-row.teams>.ob-select-wrap:last-child{flex:0 0 auto}.ob-game-settings .map-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ob-value)}@media(max-width:760px){.ob-create .ob-dlg-cols{grid-template-columns:minmax(0,1fr);row-gap:calc(var(--ds-u) * 4);overflow-y:auto}}.ob-dlg.m.ob-customiser{width:calc(520px * var(--ds-s));height:calc(620px * var(--ds-s))}.ob-customiser .ob-dlg-body{overflow:hidden;align-items:center;gap:calc(var(--ds-u) * 2.5)}.ob-customiser-head{display:flex;align-items:center;gap:calc(var(--ds-u) * 2);align-self:stretch;color:var(--ob-value)}.ob-customiser-head .grow{flex:1}.ob-customiser-head .ob-btn{min-width:0}.ob-dot.edit{width:calc(14px * var(--ds-s));height:calc(14px * var(--ds-s))}.ob-customiser-colours{--ring: max(2px, round(calc(2px * var(--ds-s)), 1px));display:grid;grid-template-columns:repeat(11,auto);gap:calc(var(--ds-u) * 1.5);padding:var(--ring)}.ob-customiser-colours .ob-dot{cursor:pointer}.ob-customiser-colours .ob-dot:hover{box-shadow:0 0 0 var(--ring) var(--ob-line-hi)}.ob-customiser-colours .ob-dot.cur,.ob-customiser-colours .ob-dot:focus-visible{box-shadow:0 0 0 var(--ring) var(--ob-lit);outline:none}.ob-colour-stage{flex:1 1 0;min-height:0;align-self:stretch;container-type:size;display:flex;align-items:center;justify-content:center}.ob-colour-preview{box-sizing:border-box;width:min(100cqw,100cqh);height:min(100cqw,100cqh);image-rendering:pixelated;background:#000;border:var(--ds-line) solid var(--ob-line)}.ob-shades{display:flex;gap:var(--ds-u)}.ob-shade{width:calc(32px * var(--ds-s));height:calc(24px * var(--ds-s));padding:0;border:var(--ds-line) solid var(--ob-line-hi);background:none;cursor:pointer}.ob-shade:disabled{cursor:default;opacity:.6}.ob-root.ob-notices{inset:auto;top:calc(var(--below, 0px) + var(--ds-u) * 4);left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);overflow:visible;background:none;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:calc(var(--ds-u) * 2);z-index:10003}.ob-notice{max-width:100%;padding:calc(var(--ds-u) * 2) calc(var(--ds-u) * 4);text-align:center;overflow-wrap:anywhere;font:var(--ob-font);color:var(--ob-value);background:#161a26;border:var(--ds-line) solid var(--ob-text-dim);box-shadow:0 calc(var(--ds-u) / 2) calc(var(--ds-u) * 4) #000c;transition:opacity .3s}.ob-notice.out{opacity:0}.ob-update{position:fixed;left:50%;top:calc(var(--ds-u) * 4);transform:translate(-50%);z-index:30;display:flex;align-items:center;gap:calc(var(--ds-u) * 4);max-width:calc(100vw - 32px);box-sizing:border-box;padding:calc(var(--ds-u) * 2) calc(var(--ds-u) * 4);background:#000;color:var(--ob-yellow)}.ob-update>.ob-pair{margin-top:0;flex:none}.ob-jobs{position:fixed;left:50%;top:calc(var(--ds-u) * 4);transform:translate(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:calc(var(--ds-u) * 2);max-width:calc(100vw - 32px);pointer-events:none}.ob-jobs>.ob-update{position:static;transform:none;pointer-events:auto}.ob-update:not([hidden])~.ob-jobs{top:calc(var(--ds-u) * 24)}.ob-update.ob-cd-download{flex-direction:column;gap:calc(var(--ds-u) * 2);text-align:center}.ob-update.ob-cd-download>.ob-pair{grid-template-columns:auto;justify-content:center}.ob-update.ob-cd-download.off{color:var(--ob-red)}.ob-update.ob-cd-download{opacity:.5;transition:opacity .15s}.ob-update.ob-cd-download:hover,.ob-update.ob-cd-download:focus-within,.ob-update.ob-cd-download.unseen{opacity:1}@media(max-width:760px){.ob-update{flex-direction:column;align-items:stretch;text-align:center;width:calc(100vw - 32px)}}.ob-hub-tabs{display:none}@media(max-width:1100px){.ob-hub{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-rows:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"games chat" "games users";min-height:560px}.ob-hub>.games{grid-area:games}.ob-hub>.chat{grid-area:chat}.ob-hub>.users{grid-area:users}.ob-hub .users .ob-orn{display:none}.ob-art .ob-hub .users.has-tr{padding-right:calc(var(--ds-u) * 4)}}@media(max-width:1100px),(max-height:560px){.ob-lobby{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"slots" "map" "chat" "actions";height:auto}.ob-lobby .slots{min-height:50vh}.ob-lobby .chat{min-height:40vh}.ob-lobby .map .ob-orn,.ob-lobby .chat .ob-orn{display:none}.ob-art .ob-lobby .map.has-tr{padding-right:calc(var(--ds-u) * 4)}}@media(max-height:560px)and (min-width:1101px){.ob-hub{grid-template-rows:90vh;height:auto}}@media(max-width:760px){.ob-root{--ob-line-l: 16px;--ob-line-t: 16px;--ob-line-r: 16px;--ob-line-b: 16px;--ob-gap: 16px}.ob-art .ob-orn-tl,.ob-art .ob-orn-tr{display:none}.ob-root.ob-art{--ob-panel-top: calc(16px * var(--s))}.ob-select-map{grid-template-columns:minmax(0,1fr)}.ob-select-map .ob-select-info{display:none}.ob-root{--ob-line-l: 8px;--ob-line-t: 8px;--ob-line-r: 8px;--ob-line-b: 8px;--ob-gap: 8px}.ob-hub{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"panel" "tabs";min-height:0}.ob-hub>.ob-panel{grid-area:panel}.ob-hub:not([data-tab=games])>.games,.ob-hub:not([data-tab=chat])>.chat,.ob-hub:not([data-tab=users])>.users{display:none}.ob-art .ob-hub>.ob-panel{padding-left:calc(var(--ds-u) * 3);padding-right:calc(var(--ds-u) * 3)}.ob-hub-tabs{grid-area:tabs;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ob-hub-tabs .ob-btn{min-width:0;height:44px}.ob-hub-tabs .ob-btn[aria-selected=true]{color:var(--ob-value);border-color:var(--ob-green)}.ob-hub-tabs .ob-btn.unread:after{content:"";width:8px;height:8px;margin-left:6px;border-radius:50%;background:var(--ob-green)}.ob-root input,.ob-root textarea,.ob-root select{font-size:16px}}.bw-c2{color:#a4b4f8}.bw-c3{color:#4cc428}.bw-c4{color:#b4fc74}.bw-c5{color:#585858}.bw-c6{color:#fff}.bw-c7{color:#fc0000}.ob-root.ob-float{background:none;pointer-events:none;overflow:hidden}.ob-root.ob-float>*{pointer-events:auto}.ob-root.ob-alert{z-index:10002}.ob-profile .ob-dlg-body{display:flex;flex-direction:column;gap:calc(var(--ds-u) * 3)}.ob-profile .ob-dl{flex:none}.ob-profile-fields{display:grid;grid-template-columns:1fr 1fr 2fr;gap:calc(var(--ds-u) * 2)}.ob-profile-fields>:last-child{grid-column:1 / -1}.ob-profile-desc{height:calc(96px * var(--ds-s));padding:var(--ds-u) calc(var(--ds-u) * 3);resize:none;white-space:pre-wrap}.ob-local-camera{position:fixed;z-index:30;object-fit:cover;pointer-events:none;background:transparent}.ob-local-camera[hidden]{display:none}.ob-local-debug-panel{position:fixed;left:8px;bottom:8px;z-index:30;max-width:min(480px,calc(100vw - 16px));padding:8px;background:#000000d9}.ob-local-debug{max-height:30dvh;overflow:auto;margin:0;font-size:var(--ds-small);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ob-text-dim)}