:root{color-scheme:dark;--bg:#030b10;--panel:#0c1a23;--line:#35505f;--text:#f6f9fc;--muted:#c0cfda;--accent:#ffc52f;--green:#44eb83;--blue:#47adff}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font:16px 'Arial',sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation;border:0;background:none}button:hover{filter:brightness(1.2)}button:active{filter:brightness(.85)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}h1,h2,p{margin:0}h1{font-size:26px;font-weight:700}h2{font-size:17px;font-weight:600}small{font-size:14px;color:var(--muted)}.app{width:100%;height:100dvh;padding:8px;display:grid;grid-template-rows:56px minmax(0,1fr) 52px;gap:8px;max-width:none}.topbar{grid-row:1;display:flex;align-items:center;gap:16px;padding:0 12px;background:#0d1c26;border:1px solid var(--line);border-radius:8px}.identity{display:flex;align-items:center;gap:12px}.identity>img{width:50px;height:38px;object-fit:contain}.eyebrow{display:none}.connection{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:15px}.connection .divider{color:var(--line)}.rtk{color:var(--green);font-size:13px;font-weight:700;white-space:nowrap}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);flex-shrink:0}time{font-size:17px;white-space:nowrap}.icon-button{min-width:48px;height:48px;font-size:25px;color:var(--text)}.navigation{grid-row:3;display:flex;align-items:stretch;gap:8px;margin:0;border:0}.tabs{display:flex;flex:1;gap:8px}.tabs>button,.settings-button{flex:1;border:1px solid var(--line);border-radius:7px;font-size:16px;font-weight:600;background:#132733;min-height:48px}.tabs>button.selected{background:#173d5c;border-color:var(--blue);color:#fff;box-shadow:inset 0 -3px var(--blue)}.settings-button{flex:0 0 130px}.count{display:inline-grid;place-items:center;background:#664908;color:#ffe072;border-radius:4px;font-size:13px;min-width:21px;height:21px;margin-left:6px}.settings-button>span{font-size:22px;margin-right:8px}main{grid-row:2;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 112px 174px;gap:8px}.workspace{display:grid;grid-template-columns:1.7fr 1fr 1fr;gap:8px;min-height:0}.panel{background:linear-gradient(#10232f,#08141c);border:1px solid var(--line);border-radius:8px;min-width:0;min-height:0;overflow:hidden;text-align:left}.panel-heading{height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 12px;border-bottom:1px solid #29404e}.panel-heading h2{display:flex;align-items:center;gap:8px}.heading-actions{display:flex;align-items:center}.sample{font-size:11px;letter-spacing:.5px;color:#dce8f1}.tiny{display:none}.camera-icon{display:inline-block;width:16px;height:12px;border-radius:2px;background:#fff;position:relative;margin-right:3px}.camera-icon:after{content:'';position:absolute;left:16px;top:2px;border-right:5px solid white;border-top:4px solid transparent;border-bottom:4px solid transparent}.camera{display:flex;flex-direction:column}.camera-view{position:relative;flex:1;min-height:0;overflow:hidden;background:#23313a}.camera-photo{position:absolute;width:100%;height:100%;object-fit:cover}.rear-photo{height:140%;top:-22%}.bucket-photo{height:146%;top:-26%}.camera-top{position:absolute;top:10px;left:10px;right:10px;display:flex;justify-content:space-between}.camera-id{display:none}.record{padding:6px 10px;border-radius:4px;background:#0a1927dd;color:var(--accent);font-size:12px;font-weight:bold;margin-left:auto}.record i{display:none}.camera-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;padding:28px 12px 12px;background:linear-gradient(transparent,#030b10e8)}.camera-selector{display:flex;gap:4px;background:#0a1721dd;padding:4px;border-radius:7px}.camera-selector button{height:48px;padding:0 19px;border-radius:4px;font-size:16px;font-weight:600}.camera-selector button[aria-pressed=true]{background:#156eae;color:white;box-shadow:inset 0 0 0 1px #53b7ff}.speed{text-align:right}.speed strong{font-size:36px}.speed>span{font-size:15px;margin-left:5px}.speed small{display:block;font-size:11px}.middle-stack,.right-stack{display:grid;grid-template-rows:minmax(0,1.35fr) minmax(0,1fr);gap:8px;min-height:0;min-width:0}.inset{position:absolute;bottom:8px;right:8px;background:#0b1722d9;padding:5px;border-radius:4px}.position-body{height:calc(100% - 44px);display:flex;align-items:center;gap:9px;padding:8px 12px}.position-body>img{width:31%;height:85%;object-fit:contain}.position-body dl{flex:1;margin:0}.position-body dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:9px 0}.position-body dt{font-size:14px;color:var(--muted)}.position-body dd{font-size:23px;font-weight:700;white-space:nowrap;margin:0;font-variant-numeric:tabular-nums}.position-body dd small{font-size:15px}.text-button{min-height:44px;color:#d8e9f6;font-size:14px;padding:0 4px;white-space:nowrap}.gauges{height:calc(100% - 44px);display:flex;align-items:center;justify-content:center;gap:12px;padding:9px}.level-item{flex:1;text-align:center;min-width:0}.gauge{height:62px;max-width:130px;border:2px solid #7c92a4;border-bottom:0;border-radius:100px 100px 0 0;position:relative;overflow:hidden;margin:0 auto 8px}.gauge img{position:absolute;bottom:4px;left:12%;width:76%;height:48px;object-fit:contain;transform:rotate(2.1deg)}.horizon{position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--green)}.front-machine{position:absolute;bottom:5px;left:calc(50% - 12px);width:24px;height:28px;border-radius:4px 4px 0 0;background:var(--accent)}.front-machine i{position:absolute;width:7px;height:28px;background:var(--accent);left:9px;bottom:20px}.front-machine b{position:absolute;bottom:-3px;left:-5px;width:34px;height:7px;background:#8d9aa3;border:1px solid #324655}.level-item>strong{display:block;font-size:32px;font-variant-numeric:tabular-nums}.level-item>span{font-size:16px;display:block;margin-top:4px}.level-item small{display:block;font-size:12px;margin-top:3px}.level-status{display:none}.location{display:flex;flex-direction:column;padding:0}.location-body{display:flex;align-items:center;gap:10px;padding:10px;flex:1;min-height:0}.location-body>img{width:40%;height:100%;max-height:95px;object-fit:cover;border-radius:5px}.location-body>div{display:flex;flex-direction:column;gap:6px}.location-body strong{display:none}.location-body span{font-size:14px;font-variant-numeric:tabular-nums}.location-body small{font-size:13px}.chevron{font-size:26px;color:#c8dce8;margin-left:auto}.telemetry{display:grid;grid-template-columns:repeat(5,1fr) 1.35fr;gap:8px;min-height:0}.metric{padding:12px}.metric-label{font-size:15px;font-weight:600;display:flex;align-items:center;gap:7px;color:#e2edf5;white-space:nowrap}.metric-label img{width:18px;height:18px;object-fit:contain}.reading{font-size:34px;font-weight:700;letter-spacing:-1px;margin:12px 0 9px;white-space:nowrap;font-variant-numeric:tabular-nums}.reading small{font-size:17px;font-weight:400;letter-spacing:0}.metric-note,.meter-label{display:none}.meter{height:7px;background:#344955;border:1px solid #698190;border-radius:10px;overflow:hidden}.meter i{display:block;background:var(--green);height:100%;border-radius:10px}.meter.fuel i{background:var(--accent)}.attachment{padding:12px;display:flex;align-items:center;gap:10px}.bucket-sprite{width:45px;height:44px;flex-shrink:0;background:url('images/icons 3.png') -3px -49px / 143px 143px no-repeat}.attachment strong{display:block;font-size:17px;margin:8px 0}.attachment small{font-size:14px}.lower-grid{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:8px;min-height:0}.service-warning{display:flex;align-items:center;gap:10px;padding:10px;margin:8px;width:calc(100% - 16px);background:#493707;border:1px solid #d99f16;border-radius:6px;color:#ffcf4a;text-align:left;min-height:57px}.service-warning>span:nth-child(2){flex:1}.service-warning strong{font-size:16px}.service-warning small{display:block;color:#ffe3a2;font-size:13px;margin-top:5px}.due{display:none}.service-row{display:flex;gap:8px;align-items:center;min-height:44px;width:100%;padding:0 12px;font-size:15px;border-top:1px solid var(--line)}.service-row small{margin-left:auto;font-size:13px}.service-row:last-child{display:none}.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;height:calc(100% - 44px)}.control-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#142b39;border:1px solid #527184;border-radius:7px;font-size:15px;font-weight:600;min-width:0}.control-grid button[aria-pressed=true]{background:#3c310d;border:2px solid var(--accent);color:#ffd650}.control-icon svg{width:31px;height:31px}.control-icon{line-height:1}.control-grid small{font-size:12px;letter-spacing:1px;color:#cbdbe5}.control-grid button[aria-pressed=true] small{color:var(--accent)}.activity-row{display:flex;align-items:center;gap:9px;padding:10px;width:100%;text-align:left;min-height:56px}.activity-row strong{font-size:15px;font-weight:600}.activity-row small{display:block;margin-top:5px;font-size:12px}.activity-symbol{display:grid;place-items:center;width:23px;height:23px;border:2px solid currentColor;border-radius:50%;flex-shrink:0;font-size:15px}.amber{color:var(--accent)}.good{color:var(--green)}.activity-foot{display:none}footer{display:none}.connection:before{content:'DEMO';color:var(--accent);border:1px solid #91712c;padding:4px 6px;font-size:12px;font-weight:bold;border-radius:4px;margin-right:7px}
body.camera-focus main{grid-template-rows:minmax(0,1fr) 112px}body.camera-focus .lower-grid,body.camera-focus .right-stack,body.camera-focus .position{display:none}body.camera-focus .workspace{grid-template-columns:1.6fr 1fr}body.camera-focus .middle-stack{grid-template-rows:minmax(0,1fr)}body.machine-focus .workspace{grid-template-columns:1fr 1.5fr}body.machine-focus .primary-camera,body.machine-focus .secondary-camera{display:none}body.machine-focus .middle-stack{grid-template-rows:minmax(0,1fr)}body.machine-focus .right-stack{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr)}body.machine-focus .position-body>img{width:40%}body.machine-focus .location-body{flex-wrap:wrap}body.machine-focus .location-body>img{width:100%;height:45%;max-height:none}.high-contrast{--line:#94b1c3;--muted:#eef6ff;--panel:#07111a}
dialog{width:min(650px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:22px;border:2px solid #507184;border-radius:12px;color:var(--text);background:#0c1c28;box-shadow:0 25px 100px #0009;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:18px}.modal-heading h2{font-size:26px}#modalBody p{font-size:17px;line-height:1.5;color:#d3e1eb;margin:16px 0}.primary-button{background:var(--accent);color:#18202a;min-height:52px;padding:12px 18px;border-radius:6px;font-weight:700;font-size:18px;margin-top:12px}.option{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px;width:100%;min-height:70px;border:1px solid var(--line);border-radius:6px;margin:10px 0;text-align:left}.option.active{border-color:var(--accent);background:#3c310d}.option strong{font-size:18px}.option small{display:block;font-size:14px;margin-top:7px}.option select{padding:10px;border:1px solid #65899f;border-radius:5px;background:#132c3c;color:white;font-size:17px;min-height:48px}.option input{width:26px;height:26px;accent-color:var(--accent)}.data-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.data-list>div{padding:16px;border:1px solid var(--line);border-radius:6px}.data-list small{display:block;font-size:15px;margin-bottom:10px}.data-list strong{font-size:26px}.modal-map{width:100%;max-height:240px;object-fit:cover;border-radius:6px}.dialog-camera{position:relative;height:55vh;overflow:hidden}.dialog-camera+ p{font-size:15px}#toast{position:fixed;bottom:76px;left:50%;transform:translateX(-50%);background:#143c29;color:white;border:1px solid #5bdd94;padding:15px 20px;border-radius:7px;font-size:17px;opacity:0;pointer-events:none;max-width:90vw;z-index:5}#toast.visible{opacity:1}
@media(min-width:900px) and (max-height:700px){.app{padding:5px;gap:6px;grid-template-rows:50px minmax(0,1fr) 48px}.topbar{padding:0 9px}h1{font-size:24px}.connection{font-size:13px}.connection .rtk,.connection .divider{display:none}main{grid-template-rows:minmax(0,1fr) 91px 84px;gap:6px}.workspace,.middle-stack,.right-stack,.telemetry,.lower-grid{gap:6px}.workspace{grid-template-columns:1.55fr 1fr 1fr}.panel-heading{height:38px;padding:0 9px}h2{font-size:15px}.sample{display:none}.middle-stack,.right-stack{grid-template-rows:minmax(0,1.2fr) minmax(0,1fr)}.position-body{height:calc(100% - 38px);padding:5px 8px}.position-body>img{display:none}.position-body dl>div{margin:4px 0}.position-body dt{font-size:14px}.position-body dd{font-size:22px}.gauges{height:calc(100% - 38px);padding:5px;gap:5px}.gauge{height:35px;max-width:80px;margin-bottom:3px}.gauge img{height:28px}.front-machine{height:19px;width:19px;left:calc(50% - 9px)}.front-machine i{height:17px;bottom:12px;left:6px}.front-machine b{width:29px}.level-item>strong{font-size:27px}.level-item>span{font-size:14px;margin-top:1px}.level-item small{display:none}.location-body{padding:7px;gap:7px}.location-body>img{width:31%}.location-body span{font-size:13px}.location-body small{font-size:12px}.metric{padding:9px}.metric-label{font-size:14px;gap:5px}.metric-label img{width:16px;height:16px}.reading{font-size:30px;margin:9px 0 7px}.reading small{font-size:15px}.attachment{padding:8px;gap:6px}.attachment .bucket-sprite{display:none}.attachment strong{font-size:15px;margin:6px 0}.attachment small{font-size:13px}.lower-grid{grid-template-columns:1fr 1.7fr}.activity{display:none}.maintenance .panel-heading,.quick-controls .panel-heading,.maintenance .service-row{display:none}.service-warning{height:calc(100% - 12px);margin:6px;width:calc(100% - 12px)}.service-warning strong{font-size:16px}.service-warning small{font-size:14px}.control-grid{height:100%;padding:5px;gap:6px}.control-grid button{display:grid;grid-template-columns:28px 1fr;grid-template-rows:1fr 1fr;column-gap:6px;row-gap:0;padding:7px;font-size:15px;text-align:left}.control-icon{grid-row:1/3}.control-icon svg{width:25px;height:25px}.control-grid button>span:nth-child(2){align-self:end}.control-grid small{align-self:start;margin-top:5px;font-size:12px}.camera-selector button{height:46px;padding:0 15px}.speed strong{font-size:30px}.speed small{display:none}.camera-bottom{padding:24px 9px 9px}.tabs>button,.settings-button{font-size:16px}.icon-button{height:44px;min-width:44px}body.camera-focus main{grid-template-rows:minmax(0,1fr) 91px}}
@media(max-width:899px){.app{grid-template-rows:54px minmax(0,1fr) 52px;padding:6px;gap:6px}h1{font-size:23px}.connection{font-size:0;gap:0}.connection .status-dot,.connection .divider,.connection .rtk{display:none}.connection:before{font-size:12px;margin:0}time{font-size:15px}.identity>img{width:40px}.topbar{gap:9px;padding:0 9px}main{grid-template-rows:minmax(0,1fr) 180px 104px;gap:6px}.workspace{grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1.35fr) minmax(0,1fr);gap:6px}.primary-camera{grid-column:1/3}.middle-stack,.right-stack{grid-template-rows:minmax(0,1fr);gap:0}.secondary-camera,.location{display:none}.position-body{padding:8px}.position-body>img{width:28%}.position-body dt{font-size:14px}.position-body dd{font-size:24px}.gauges{gap:8px;padding:6px}.gauge{height:42px;max-width:100px;margin-bottom:4px}.gauge img{height:33px}.level-item>strong{font-size:28px}.level-item small{display:none}.telemetry{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;gap:6px}.metric{padding:9px}.metric-label{font-size:15px}.reading{font-size:30px;margin:8px 0 6px}.reading small{font-size:16px}.meter{height:5px}.attachment{padding:8px;gap:5px}.attachment .bucket-sprite{display:none}.attachment strong{font-size:17px;margin:7px 0}.attachment small{font-size:14px}.lower-grid{grid-template-columns:1fr}.maintenance,.activity{display:none}.quick-controls .panel-heading{display:none}.control-grid{height:100%;padding:6px;gap:6px}.control-grid button{gap:5px;font-size:16px}.control-icon svg{width:26px;height:26px}.control-grid small{font-size:12px}.settings-button{flex:0 0 65px;font-size:0}.settings-button>span{font-size:24px;margin:0}.tabs{gap:5px}.tabs>button{font-size:15px}.count{margin-left:3px}.sample{display:none}body.camera-focus main{grid-template-rows:minmax(0,1fr) 180px}body.camera-focus .workspace{grid-template-columns:1fr;grid-template-rows:1fr 1fr}body.camera-focus .primary-camera{grid-column:1}body.camera-focus .secondary-camera{display:flex}body.machine-focus .workspace{grid-template-columns:1fr;grid-template-rows:1fr 1fr}body.machine-focus .right-stack{grid-template-columns:1fr 1fr}body.machine-focus .location{display:flex}body.machine-focus .location-body>img{display:none}body.machine-focus .location-body span{font-size:13px}}
@media(max-width:500px){h1{font-size:19px}.identity{gap:5px}.identity>img{width:30px}.topbar{padding:0 5px;gap:5px}.connection:before{font-size:10px;padding:3px}time{font-size:13px}.icon-button{min-width:42px;width:42px}.app{grid-template-rows:48px minmax(0,1fr) 50px;gap:5px;padding:4px}main{grid-template-rows:minmax(0,1fr) 168px 92px;gap:5px}.panel-heading{height:36px;padding:0 7px}h2{font-size:14px}.text-button{font-size:13px;min-height:36px}.position-body{height:calc(100% - 36px);padding:5px 8px}.position-body>img{display:none}.position-body dt{font-size:12px}.position-body dd{font-size:21px}.position-body dd small{font-size:13px}.position-body dl>div{margin:7px 0}.position h2{font-size:0}.position h2:after{content:'Boom / bucket';font-size:14px}.gauges{height:calc(100% - 36px);gap:5px;padding:5px}.gauge{height:31px;max-width:66px}.gauge img{height:25px}.front-machine{height:19px;width:17px;left:calc(50% - 8px)}.front-machine i{height:16px;bottom:10px;left:6px}.front-machine b{width:27px}.level-item>strong{font-size:24px}.level-item>span{font-size:13px}.metric{padding:7px}.metric-label{font-size:12px;gap:4px}.metric-label img{width:14px;height:14px}.reading{font-size:25px;letter-spacing:-1px;margin:9px 0 6px}.reading small{font-size:13px}.attachment{padding:7px}.attachment .chevron{display:none}.attachment strong{font-size:14px}.attachment small{font-size:11px}.control-grid button{font-size:13px;gap:5px}.control-icon svg{width:23px;height:23px}.control-grid small{font-size:11px}.tabs>button{font-size:12px;padding:0 4px}.settings-button{flex-basis:44px}.count{font-size:11px;min-width:16px;height:17px;margin-left:2px}.camera-selector button{font-size:15px;padding:0 13px;height:44px}.speed strong{font-size:30px}.speed small{display:none}.camera-bottom{padding:24px 8px 8px}.data-list strong{font-size:20px}.option{padding:10px}.option strong{font-size:16px}.option small{font-size:13px}body.camera-focus main{grid-template-rows:minmax(0,1fr) 168px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.position-body dl>div{margin:5px 0}.position-body dl{min-width:0}.position-body dt{min-width:0}.position-body dd{flex-shrink:0}
@media(min-width:900px) and (min-height:701px) and (max-height:850px){.gauge{height:48px;margin-bottom:5px}.gauge img{height:36px}.level-item>strong{font-size:30px}.level-item small{font-size:11px}.position-body>img{width:25%}.position-body dt{font-size:14px}.position-body dd{font-size:23px}.location-body span{font-size:13px}.location-body small{font-size:12px}}
@media(min-width:600px) and (max-width:899px) and (orientation:landscape){.app{grid-template-rows:44px minmax(0,1fr) 46px;gap:5px;padding:4px}h1{font-size:22px}.topbar{gap:8px}.connection{font-size:0}.connection:before{font-size:11px}.identity>img{width:36px}.icon-button{height:42px;min-width:42px}main{grid-template-rows:minmax(0,1fr) 80px 70px;gap:5px}.workspace{grid-template-columns:1.4fr 1fr;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:5px}.primary-camera{grid-column:1;grid-row:1/3}.middle-stack,.right-stack{display:contents}.secondary-camera,.location{display:none}.position{grid-column:2;grid-row:2}.level{grid-column:2;grid-row:1}.panel-heading{height:34px;padding:0 9px}.panel-heading h2{font-size:14px}.text-button{min-height:34px;font-size:13px}.position-body{height:calc(100% - 34px);padding:5px 8px}.position-body>img{display:none}.position-body dl{display:flex;justify-content:space-between;gap:9px}.position-body dl>div{display:block;margin:0}.position-body dt{font-size:12px}.position-body dd{font-size:23px;margin-top:6px}.gauges{height:calc(100% - 34px);gap:8px;padding:4px}.gauge{display:none}.level-item{display:flex;justify-content:center;align-items:center;gap:10px}.level-item>strong{font-size:30px}.level-item>span{font-size:15px}.telemetry{grid-template-columns:repeat(5,1fr) 1.2fr;grid-template-rows:1fr;gap:5px}.metric{padding:7px}.metric-label{font-size:12px;gap:4px}.metric-label img{width:14px;height:14px}.reading{font-size:25px;margin:7px 0}.reading small{font-size:13px}.attachment{padding:7px}.attachment strong{font-size:13px}.attachment small{font-size:11px}.attachment .chevron{display:none}.lower-grid{grid-template-columns:1fr}.control-grid{padding:5px;gap:6px}.control-grid button{display:grid;grid-template-columns:30px 1fr;grid-template-rows:1fr 1fr;padding:5px 12px;text-align:left;column-gap:10px;row-gap:0;font-size:15px}.control-icon{grid-row:1/3}.control-grid button>span:nth-child(2){align-self:end}.control-grid small{align-self:start;margin-top:3px}.camera-selector button{height:44px}.speed small{display:none}.speed strong{font-size:30px}.camera-bottom{padding:15px 9px 9px}.tabs>button{font-size:15px}.settings-button{flex-basis:65px}body.camera-focus main{grid-template-rows:minmax(0,1fr) 80px}body.camera-focus .workspace{grid-template-columns:1.2fr 1fr;grid-template-rows:minmax(0,1fr)}body.camera-focus .primary-camera{grid-column:1;grid-row:1}body.camera-focus .secondary-camera{grid-column:2;grid-row:1;display:flex}body.machine-focus .workspace{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}body.machine-focus .position{grid-column:1;grid-row:1/3}body.machine-focus .position-body dl{display:block}body.machine-focus .position-body dl>div{display:flex;margin:10px 0}body.machine-focus .level{grid-column:2;grid-row:1}body.machine-focus .location{grid-column:2;grid-row:2;display:flex}body.machine-focus .location-body>div{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px 12px}}