.app{min-height:720px}.world{inset:100px 0 155px;display:block;touch-action:none;cursor:grab;transition:none}.world:active{cursor:grabbing}.connection .subdued{font-size:11px}.nav button{min-height:58px}.selection{pointer-events:none;top:0;left:0}.view-help{pointer-events:none}.inspector button,.view-tools button{min-height:42px}.workspace-panel{position:absolute;inset:24px 0 15px;background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:27px;overflow:auto;z-index:7}.workspace-panel h2{margin:0 0 10px;font-size:23px}.workspace-panel p{font-size:13px;line-height:1.7;color:var(--muted)}.data-table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.5;margin-top:22px}.data-table th{text-align:left;color:var(--muted);font-weight:400;padding:12px 8px;border-bottom:1px solid var(--line)}.data-table td{padding:15px 8px;border-bottom:1px solid #e3e9e7}.data-table input{width:70px;font:inherit;color:var(--ink);border:1px solid #c4d5d9;border-radius:3px;padding:8px;background:white}.data-table small{color:var(--muted);display:block;font-size:10px}.inline-button{font:inherit;border:1px solid #d1dddf;padding:9px 12px;border-radius:4px;background:white;min-height:42px}.primary-small{color:white;background:#238fae;border-color:#238fae}.panel-toolbar{display:flex;justify-content:space-between;align-items:start;gap:15px}.harvest-entry{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.harvest-entry strong{font-size:15px;display:block}.harvest-entry small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.view-alert{width:100%;text-align:left}.pending-note{font-size:12px;line-height:1.7;border-left:3px solid #8baa71;padding:12px 17px;background:#f0f5ed}.modal{border:1px solid var(--line);border-radius:8px;padding:27px;max-width:470px;width:calc(100% - 30px);font:14px 'Courier New',monospace;color:var(--ink);background:var(--paper)}.modal::backdrop{background:#243c4260}.modal h2{font-size:20px;margin:0 0 15px}.modal p{line-height:1.8;color:var(--muted);font-size:13px}.modal .actions{margin-top:23px}.error-message{font-size:12px;color:#9e4d33}.camera span{max-width:98%;line-height:1.3}.footer{font-size:10px}.world-fallback{width:100%;height:100%;object-fit:contain!important;filter:none!important}.inspector{font-size:13px}.condition,.label{font-size:12px}.label small,.irrigation .next{font-size:11px}.telemetry small{font-size:11px}
@media(max-width:850px){.app{grid-template-columns:58px minmax(0,1fr);grid-template-rows:70px minmax(600px,calc(100vh - 115px)) auto 40px;padding-right:13px;gap:0 12px;min-height:100vh;height:auto}.header{grid-column:2;gap:10px}.location h1{font-size:20px}.connection{font-size:10px;gap:6px}.connection .subdued{display:none}.rail{grid-row:1/5}.brand{height:70px}.stage{grid-column:2;grid-row:2}.inspector{grid-column:2;grid-row:3;margin-top:0;width:100%;margin-bottom:17px;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.inspector-head,.crop-title,.condition,.crop-age,.age-line,.alert{grid-column:1/3}.inspector .section{margin-top:19px}.inspector .section:nth-last-child(2){grid-column:1/3}.camera{height:135px}.footer{grid-column:2;grid-row:4;font-size:9px}.footer b{display:none}.world{inset:100px 0 165px}.harvest{bottom:124px;font-size:11px;gap:7px}.harvest button{margin-left:5px}.view-tools{bottom:77px;right:0}.view-help{bottom:60px;font-size:9px}.telemetry{bottom:0;height:48px;gap:19px}.reading strong{font-size:18px}.harvest .text span{font-size:10px}.scene-top{top:18px}.weather{display:none}.data-table{min-width:480px}.workspace-panel{padding:20px 15px}.footer span:last-child{display:none}}
@media(max-width:460px){.inspector{display:block}.selection button{font-size:10px;padding:7px 10px}.location h1{font-size:18px}.harvest{left:0;right:0}.harvest button{margin-left:auto}.view-tools{bottom:79px}.connection{font-size:9px}.footer .demo{font-size:8px}.telemetry{justify-content:space-between;gap:5px}.reading small{font-size:9px}.workspace-panel p{font-size:12px}}
.setup-link{font-size:11px;text-underline-offset:4px;border:1px solid #c5d4d8;border-radius:4px;padding:9px 12px;text-decoration:none;white-space:nowrap}.location{margin-right:auto}.connection{margin-right:20px}.location h1{max-width:35vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:850px){.connection{display:none}.setup-link{font-size:9px;padding:8px}.location h1{max-width:40vw}.header{gap:7px}}@media(min-width:851px){.header{gap:16px}}

/* Original image overview, with accessible tower selection. */
.world{display:flex;align-items:center;justify-content:center;cursor:default;touch-action:auto;overflow:visible}
.world:active{cursor:default}
.illustrated-farm{position:relative;width:125%;flex:none;transform-origin:center;transition:transform .15s ease}
.world .illustrated-farm>img{display:block;width:100%;height:auto;max-width:100%;filter:drop-shadow(0 22px 16px #52676d18)}
.selection{display:none}
.tower-marker{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:30px;height:30px;min-height:30px;border:1px solid #bacace;border-radius:50%;background:#fbfcfaeb;color:#416069;font-size:11px;box-shadow:0 2px 8px #213b4214}
.tower-marker:hover,.tower-marker.selected{border-color:#238fae;background:#238fae;color:white;box-shadow:0 0 0 4px #22a8d824}
.world:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}
@media(max-width:850px){.world{inset:90px -15px 165px}.tower-marker{width:27px;height:27px;min-height:27px;font-size:10px}}