body.project-mode #world{position:fixed;left:390px;right:0;top:0;height:100dvh;width:auto}
.project-mode #info,.project-mode #labels,.project-mode #lake-title,.project-mode #travel-wrap,.project-mode #mobile-navigation,.project-mode .mobile-location-picker,.project-mode .encyclopedia-scene-tools{display:none!important}
.project-mode header .brand{font-size:22px}.project-mode #breadcrumb{display:none!important}
.project-panel{position:fixed;z-index:20;left:16px;top:94px;bottom:16px;width:358px;display:flex;flex-direction:column;background:#fbfcf8;border:1px solid #c9d9d0;border-radius:20px;box-shadow:0 12px 40px #193e3920;color:#214840;font:16px/1.45 system-ui,sans-serif;overflow:hidden}
.project-heading{padding:20px 20px 8px}.project-heading h1{font-size:22px;line-height:1.2;margin:6px 0 10px}.project-eyebrow{font-size:12px;letter-spacing:.06em;margin:0;color:#59746d}.project-panel progress{appearance:none;width:calc(100% - 40px);height:6px;border:0;border-radius:4px;margin:0 20px;background:#dde9e3}.project-panel progress::-webkit-progress-bar{background:#dde9e3}.project-panel progress::-webkit-progress-value{background:#218275}.project-panel progress::-moz-progress-bar{background:#218275}.project-progress{margin:7px 20px 12px;font-size:14px;color:#59746d}.project-content{min-height:0;flex:1;overflow:auto;padding:0 20px 16px;overscroll-behavior:contain}.project-content h2{font-size:22px;line-height:1.25;margin:8px 0 10px}.project-step{font-size:14px;font-weight:650;color:#247d77;margin:20px 0 4px}.project-location{font-size:14px;margin:0 0 12px;color:#5b716a}.project-note{margin:12px 0 16px;font-size:16px}.project-panel select,.project-assignment input{width:100%;min-height:44px;border:1px solid #b8cec3;border-radius:9px;padding:8px;color:#214840;background:white;font:16px system-ui}.project-actions{display:flex;gap:8px}.project-panel button{font:15px system-ui;min-height:46px;cursor:pointer}.project-panel button:disabled{opacity:.45;cursor:default}.project-complete{display:flex;gap:12px;align-items:center;min-height:54px;margin-top:12px;font-weight:600}.project-complete input{width:23px;height:23px;accent-color:#247d77}.project-assignment{border-top:1px solid #dce7e0;margin-top:8px;padding-top:12px}.project-assignment summary{cursor:pointer;font-size:14px;min-height:36px}.project-assignment label{display:block;font-size:14px;margin:8px 0}.project-assignment input{display:block;margin-top:6px}.project-controls{display:flex;gap:10px;padding:14px 20px;border-top:1px solid #dce7e0;background:#fbfcf8}.project-controls button{flex:1}.project-controls .project-next{background:#214840;color:white;border-color:#214840;font-weight:650}.project-save{font-size:13px;color:#59746d;margin:12px 0 0}.project-error,.project-warning{padding:10px;border-radius:9px;background:#fff1d9;color:#714512;font-size:14px}.project-error p{margin:0 0 8px}.project-panel :focus-visible{outline:3px solid #c17c20;outline-offset:2px}
@media(max-width:750px){body.project-mode #world{left:0;top:0;height:45dvh}.project-panel{left:0;right:0;bottom:0;top:45dvh;width:auto;border-radius:18px 18px 0 0;box-shadow:0 -6px 28px #173e3920}.project-heading{padding:12px 16px 0}.project-heading h1{font-size:18px;margin:3px 0 7px}.project-eyebrow{display:none}.project-panel progress{margin:0 16px;width:calc(100% - 32px)}.project-progress{margin:5px 16px 8px}.project-content{padding:0 16px 10px}.project-content h2{font-size:20px}.project-step{margin-top:12px}.project-note{font-size:14px;margin:8px 0 12px}.project-controls{padding:10px 16px calc(10px + env(safe-area-inset-bottom));flex:none}.project-controls button{min-height:48px}.project-mode header{padding:12px!important}.project-mode header .brand{font-size:18px}.project-mode .zoom{bottom:12px;right:12px}.project-mode .zoom button{width:38px;min-height:36px}.project-assignment{margin-top:4px}}
@media(max-height:550px) and (min-width:751px){.project-panel{top:78px}.project-heading{padding-top:10px}.project-heading h1{font-size:18px}.project-controls{padding:8px 16px}}
/* Map-first walkthrough: shared status, compact controls, optional full task list. */
.project-view-switch{display:flex;pointer-events:auto;background:#f8fbf2e8;border:1px solid #fff9;border-radius:28px;padding:4px;gap:3px;margin-left:auto}.project-view-switch button{border:0;border-radius:24px;padding:10px 22px;min-height:40px;font:600 14px system-ui;color:#214840;background:transparent;cursor:pointer}.project-view-switch button[aria-pressed=true]{background:#214840;color:white}.project-mode header #menu-toggle{margin-left:0}.project-crumb{position:fixed;z-index:15;top:88px;left:410px;right:24px;width:fit-content;max-width:calc(100% - 434px);padding:10px 16px;border-radius:24px;background:#173f39e8;color:#f8fcf6;font:13px/1.4 system-ui}.project-crumb a{color:inherit;font-weight:650}.project-zones{display:flex;gap:8px;padding:14px 16px 8px;overflow-x:auto;flex-shrink:0;scrollbar-width:thin}.project-zones button{flex:none;border:0;border-radius:24px;padding:8px 14px;background:#eaf0eb;color:#214840;font-size:13px;min-height:42px}.project-zones button[aria-current=true]{background:#214840;color:#fff}.project-progress-row{display:flex;align-items:center;gap:12px;padding:10px 20px;font-size:14px;flex-shrink:0}.project-progress-row progress{margin:0;flex:1;min-width:30px;width:auto;height:6px;border-radius:6px;overflow:hidden}.project-step{margin:8px 0 4px;font-size:12px}.project-content h2{font-size:21px;margin:6px 0 14px;letter-spacing:-.4px}.project-step-pills{display:flex;gap:8px;overflow:auto;margin-bottom:14px}.project-step-pills button{border:1px solid #d3e2d7;background:#eef3ef;color:#214840;border-radius:14px;padding:10px 14px;min-height:44px;font-size:13px}.project-step-pills button[aria-current=true]{border-color:#247d77;box-shadow:inset 0 0 0 1px #247d77;background:#dceee6}.project-technician{font-size:14px;font-weight:600;margin:8px 0}.project-work-actions{display:flex;gap:8px;align-items:center}.project-work-actions button,.project-actions button,.project-controls button{border:1px solid #d0dfd5;border-radius:15px;padding:10px 14px;background:#edf2ed;color:#214840}.project-work-actions .project-start{background:#214840;color:#fff;flex:1}.project-start-form{display:flex;flex-wrap:wrap;gap:8px;width:100%}.project-start-form label{width:100%;font-size:13px}.project-start-form input{display:block;box-sizing:border-box;width:100%;font:16px system-ui;border:1px solid #a5beb0;border-radius:10px;padding:11px;margin:6px 0}.project-assignment{padding-top:10px;margin-top:12px}.project-assignment summary{font-size:13px;min-height:28px}.project-task-row{display:block;text-align:left;width:100%;border:1px solid #d6e2d9;border-radius:14px;padding:14px;margin:10px 0;background:#f3f7f0;color:#214840}.project-task-row strong,.project-task-row span{display:block}.project-task-row span{font-size:12px;margin-top:6px;color:#536d63}.project-save{font-size:11px;margin-top:7px}.project-panel{top:94px}.project-panel button:focus-visible{outline:3px solid #247d77;outline-offset:2px}
@media(max-width:750px){body.project-mode #world{height:60dvh;left:0}body.project-mode .project-panel{top:58dvh;border-radius:26px 26px 0 0;background:#fbfcf8f5;backdrop-filter:blur(18px)}.project-mode .project-crumb{left:12px;right:12px;top:76px;max-width:none;width:auto;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-mode header .brand{font-size:24px}.project-mode header .brand span{font-size:8px;letter-spacing:3px}.project-mode header{gap:8px!important}.project-view-switch{margin-left:auto}.project-view-switch button{padding:8px 15px;font-size:13px;min-height:36px}.project-mode header #menu-toggle{width:44px;height:44px;min-height:44px;padding:12px;border-radius:50%;margin-left:0}.project-mode #menu-toggle span{display:none}.project-zones{padding:10px 12px 2px;gap:6px}.project-zones button{font-size:12px;min-height:38px;padding:8px 12px}.project-progress-row{padding:8px 16px;font-size:12px}.project-content h2{font-size:18px;margin:4px 0 10px}.project-step{margin:2px 0;font-size:11px}.project-step-pills{margin-bottom:8px}.project-step-pills button{min-height:40px;padding:8px 12px}.project-technician{font-size:13px;margin:6px 0}.project-work-actions button{min-height:40px;font-size:13px}.project-assignment summary{min-height:30px}.project-controls{padding:9px 16px max(9px,env(safe-area-inset-bottom))}.project-controls button{min-height:46px;flex:0 0 auto}.project-controls .project-next{flex:1}body.project-mode.project-tasks-view .project-panel{top:135px}.project-tasks-view #world{opacity:.3}}
@media(max-width:750px) and (max-height:700px){body.project-mode .project-panel{top:48dvh}body.project-mode #world{height:50dvh}body.project-mode.project-tasks-view .project-panel{top:125px!important}}