body:has(#lhdContent:not([hidden])) header{height:56px;padding:0 20px}body:has(#lhdContent:not([hidden])) .learnWorkspace{padding:14px 20px;overflow:visible}body:has(#lhdContent:not([hidden])){height:auto;min-height:100dvh;overflow:auto}#lhdContent{max-width:1500px;margin:auto}.lhdHeading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px}.lhdHeading h2{font-size:25px;margin:5px 0}.lhdHeading p{font-size:12px;color:#5d7771;margin:5px 0}.lhdLinks{display:flex;flex-wrap:wrap;gap:6px}.lhdLinks button{min-height:42px;font-size:12px}.lhdTop{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.lhdStartGroup,.lhdPublic,.lhdTopStat{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dce7e1;border-radius:10px;padding:10px 12px}.lhdStartGroup>span{font-size:10px;font-weight:800;letter-spacing:.08em;color:#256f61}.lhdStartGroup button{min-height:44px}.lhdPublic span,.lhdTopStat span{font-size:10px;color:#6c827b}.lhdPublic b,.lhdTopStat b{display:block;font-size:13px;color:#1f6c5c;margin-top:5px}.lhdTopStat{display:block;min-width:120px}.lhdTopStat.urgent{background:#fff0e9}.lhdTopStat.urgent b{color:#b34438}.lhdPlay{display:flex;flex-direction:column;gap:10px}.lhdMap{position:relative;border-radius:14px;background:#132330;overflow:hidden;box-shadow:0 6px 20px #16372b10;color:#d4e5e0}.lhdMapHeader{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;font-size:10px;color:#b2c9c6;flex-wrap:wrap}.lhdMapHeader .studioSceneCredit{font-weight:400}.lhdViewTools{display:flex;align-items:center;gap:6px;padding:0 12px 7px;font-size:12px;color:#b5cac8;flex-wrap:wrap}.lhdViewTools>span{margin-right:auto}.lhdViewTools button{min-width:42px;min-height:42px;border-color:#3e5765;background:#20394a;color:#dbe9e6}.lhdViewTools button:hover{background:#2b4b5e}#lhdViewport{height:clamp(340px,calc(100dvh - 455px),600px);min-height:340px;touch-action:none;overflow:hidden}#lhdSvg{display:block;width:100%;height:100%;user-select:none}#lhdSvg [data-drawpoint],.lhdVehicle{cursor:pointer;outline:none}#lhdSvg [data-drawpoint]:focus-visible circle:nth-child(2){stroke:white;stroke-width:4}.lhdVehicle:focus-visible>ellipse{stroke:white}.lhdSceneHUD{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:10px 18px;background:#0d1d28}.lhdSceneHUD>div:first-child{max-width:520px}.lhdSceneHUD span{display:block;font-size:10px;letter-spacing:.07em;color:#9dbab4}.lhdSceneHUD strong{display:block;font-size:23px;color:#8ce4c7;margin-top:4px}.lhdMeter{height:7px;border-radius:6px;background:#2b474c;margin-top:8px;overflow:hidden}.lhdMeter i{display:block;height:100%;background:linear-gradient(90deg,#329f86,#91efd0);width:0;transition:width .15s}.lhdSceneHUD>div:last-child{display:flex;gap:12px;align-items:center;justify-content:flex-end}.lhdPulse{min-height:48px;background:#b8f0d6;color:#153f35;border-color:#91d7bb;font-weight:800;white-space:nowrap}.lhdPulse:hover{background:#dcffe9}.lhdPulse small{display:block;font-size:10px;font-weight:400;margin-top:4px}.lhdPulse:disabled{opacity:.5}#lhdNotice{min-height:39px;padding:10px 15px;font-size:12px;background:#18333e;color:#d1e7de}.lhdDispatch{display:grid;grid-template-columns:1.1fr 1fr;gap:10px;align-items:center}.lhdFleet{display:flex;gap:8px}.lhdMachineCard{display:flex;gap:10px;align-items:center;min-height:66px;text-align:left;flex:1;padding:9px 12px;border-radius:10px;min-width:0}.lhdMachineCard.selected{border:2px solid #288d73;background:#edf8f1}.lhdMachineCard:nth-child(2).selected{border-color:#bb843b;background:#fff6e9}.lhdMachineNumber{background:#116d5c;color:#a8f4da;width:28px;height:28px;display:grid;place-items:center;border-radius:7px;flex-shrink:0;font-weight:800}.lhdMachineCard:nth-child(2) .lhdMachineNumber{background:#715025;color:#ffdf9e}.lhdMachineCard small{display:block;font-size:10px;margin-top:5px;line-height:1.4;color:#5c756e}.lhdMachineCard strong{font-size:12px;margin-left:auto;white-space:nowrap}.lhdOrder{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.lhdOrder label{font-size:11px;color:#5f756c}.lhdOrder select,.lhdOrder button{min-height:44px}.lhdDispatch>.note{grid-column:1/-1;margin:0;font-size:10px}.lhdDialog{position:fixed;isolation:isolate;width:620px;max-width:calc(100vw - 28px);max-height:90dvh;overflow:auto;border-radius:16px}.lhdDialog h2{font-size:23px}.lhdDialog p,.lhdDialog li{font-size:13px;line-height:1.6}.lhdDialog h3{font-size:14px}.lhdResultsGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.lhdResultsGrid>div{background:#eef6f1;border:1px solid #ddeae2;padding:13px;border-radius:10px}.lhdResultsGrid span{display:block;color:#658175;font-size:11px}.lhdResultsGrid b{display:block;font-size:21px;color:#1b705b;margin-top:6px}.lhdTable{overflow:auto}.lhdTable table{width:100%;border-collapse:collapse;font-size:12px}.lhdTable td,.lhdTable th{padding:9px;text-align:left;border-bottom:1px solid #dce8e1}.lhdUpgradeChoices{display:grid;gap:8px;margin:14px 0}.lhdUpgradeChoices button{padding:14px;text-align:left;min-height:60px;border-color:#b4d6c4;background:#eff9f2}.lhdUpgradeChoices b,.lhdUpgradeChoices span{display:block}.lhdUpgradeChoices span{font-size:12px;color:#627e6d;margin-top:5px}.lhdDialog>button{min-height:44px;margin:5px 4px 0 0}.lhdExpanded{position:fixed;inset:0;z-index:20000;border-radius:0;display:flex;flex-direction:column}.lhdExpanded #lhdViewport{flex:1;min-height:0;height:auto}.lhdTroll.stunned{opacity:.65}.lhdDialog .caveCelebration{position:absolute}
@media(max-width:850px){.lhdHeading{align-items:flex-start;flex-direction:column;gap:8px}.lhdDispatch{grid-template-columns:1fr}.lhdOrder{grid-template-columns:1fr auto}.lhdOrder label{grid-column:1/-1}.lhdTopStat{flex:1}.lhdPublic{flex:1}.lhdSceneHUD{gap:10px}.lhdSceneHUD>div:last-child{flex-direction:column;align-items:flex-end;gap:6px}.lhdFleet{flex-wrap:wrap}.lhdMachineCard{min-width:200px}.lhdHeading h2{font-size:23px}}
@media(max-width:550px){body:has(#lhdContent:not([hidden])) .learnWorkspace{padding:12px 10px}#lhdViewport{height:310px;min-height:310px}.lhdHeading p{line-height:1.5}.lhdTop{gap:6px}.lhdStartGroup{width:100%;gap:9px;padding:8px}.lhdPublic{width:100%;flex-basis:100%;justify-content:space-between}.lhdLinks{width:100%}.lhdLinks button{flex:1;font-size:11px;padding:8px}.lhdViewTools>span{width:100%;font-size:11px}.lhdMapHeader{padding:10px;font-size:9px}.lhdMapHeader .studioSceneCredit{margin-left:0}.lhdSceneHUD{padding:12px 10px}.lhdSceneHUD strong{font-size:19px}.lhdSceneHUD>div:last-child>span{font-size:9px;text-align:right}.lhdPulse{font-size:12px;padding:8px;min-height:49px}.lhdPulse small{font-size:9px}.lhdMachineCard{min-width:100%;min-height:64px}.lhdResultsGrid b{font-size:18px}.lhdExpanded #lhdViewport{height:auto;min-height:0}}
@media(prefers-reduced-motion:reduce){.lhdMeter i{transition:none}}
.lhdViewTools button[aria-pressed=true]{background:#276c5e;color:#c6ffe7;border-color:#61bca1}

body:has(#lhdContent:not([hidden])) .learnIntro{display:none}

.lhdMap:not(.lhdExpanded) #lhdSceneStart{display:none}
@media(max-width:550px){.lhdHeading>.sectionLabel,.lhdHeading>div>.sectionLabel,.lhdHeading p{display:none}.lhdHeading{margin-bottom:10px}.lhdHeading h2{margin:3px 0}.lhdTopStat{padding:7px 10px;min-width:110px}.lhdPublic{padding:7px 10px}.lhdViewTools{gap:4px}.lhdViewTools button{min-width:38px;min-height:44px;font-size:11px;padding:8px 9px}.lhdMapHeader{gap:5px}.lhdMapHeader .studioSceneCredit{font-size:9px}.lhdMapHeader>b{font-size:10px}}