html{min-width:320px;min-height:100%}body,#root{min-height:100dvh}.pwa-status:not(:empty){z-index:1000;color:#3f2d20;background:#f3e4c2;border:1px solid #755638;border-radius:.4rem;max-width:24rem;padding:.75rem 1rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 .3rem 1rem #28190f40}.pwa-status button{color:#fff8e8;font:inherit;cursor:pointer;background:#3f2d20;border:1px solid #3f2d20;border-radius:.25rem;margin-left:.35rem}.pwa-status button:focus-visible{outline-offset:.15rem;outline:.2rem solid #9b4f24}:root{--parchment:#e9d9b5;--parchment-light:#f7efd9;--parchment-deep:#cdb98d;--ink:#29241d;--ink-muted:#675d4c;--border:#8f7953;--accent:#6f3427;--danger:#8a2e25;--focus:#176b75;--neutral-canvas:#d7d5ce;--neutral-canvas-deep:#b9b8b2;--shadow:#37281438;--font-body:Georgia, "Times New Roman", serif;--font-control:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;background:#493d2f}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}button,select{font:600 .78rem/1.2 var(--font-control);border:1px solid var(--border);color:var(--ink);background:var(--parchment-light);border-radius:3px}button{cursor:pointer;min-height:2.25rem;padding:.55rem .75rem}button:hover:not(:disabled){border-color:var(--accent);background:#fff8e5}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.project-library{min-height:100dvh;color:var(--ink);background:radial-gradient(ellipse 90% 55% at 50% 0%, #fff8e5d9, transparent), var(--parchment);padding:clamp(1.5rem,4vw,3.5rem) clamp(1rem,3vw,2.5rem)}.project-library-surface{gap:clamp(1.5rem,3vw,2.5rem);width:min(68rem,100%);margin:0 auto;display:grid}.library-hero{text-align:center;justify-items:center;gap:.6rem;padding-top:clamp(.5rem,2vw,2rem);display:grid}.library-hero .eyebrow{margin:0}.library-hero h1{text-wrap:balance;margin:0;font-size:clamp(2rem,4.5vw,3rem);font-weight:700;line-height:1.1}.library-hero h1:after{content:"✦ ✦ ✦";color:var(--accent);letter-spacing:.6em;text-indent:.6em;margin-top:.6rem;font-size:.8rem;display:block}.library-tagline{max-width:46rem;color:var(--ink-muted);text-wrap:balance;margin:0;font-size:1.02rem;line-height:1.55}.library-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:.85rem;display:flex}.button-primary{color:#fffaf0;background:var(--accent);border-color:#51241b}.button-primary:hover:not(:disabled){color:#fffaf0;background:#83402f;border-color:#3d1a13}.button-large{letter-spacing:.02em;min-height:3rem;padding:.85rem 1.9rem;font-size:.95rem}.button-danger:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.library-empty{border:2px dashed var(--border);text-align:center;background:#f7efd9a6;border-radius:8px;justify-items:center;gap:.8rem;padding:clamp(2rem,5vw,3.5rem) clamp(1rem,4vw,3rem);display:grid}.library-ornament{color:var(--border);letter-spacing:.6em;text-indent:.6em;font-size:.85rem}.library-empty-lead{margin:0;font-size:1.2rem;font-weight:600}.library-empty-hint{max-width:44ch;color:var(--ink-muted);margin:0;line-height:1.5}.library-empty .button-large{margin-top:.5rem}.library-projects{gap:.9rem;display:grid}.library-projects h2{border-bottom:1px solid var(--parchment-deep);letter-spacing:.04em;text-transform:uppercase;margin:0;padding-bottom:.5rem;font-size:1.05rem}.project-grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));gap:1rem;display:grid}.project-card{border:1px solid var(--border);background:var(--parchment-light);box-shadow:0 2px 8px var(--shadow);border-radius:6px;grid-template-rows:auto 1fr auto;align-content:start;transition:box-shadow .12s,translate .12s;display:grid}.project-card:hover{box-shadow:0 6px 16px var(--shadow);translate:0 -2px}.project-card-thumbnail{object-fit:cover;border-bottom:1px solid var(--border);background:var(--neutral-canvas);border-radius:5px 5px 0 0;width:100%;height:8.5rem;display:block}.project-card-thumbnail--placeholder{color:var(--border);place-content:center;font-size:2rem;display:grid}.project-card-body{align-content:start;gap:.35rem;padding:.9rem 1.1rem .5rem;display:grid}.project-card h3{overflow-wrap:anywhere;margin:0;font-size:1.2rem}.project-card-stats{color:var(--ink);font:600 .72rem/1.5 var(--font-control);margin:0}.project-card-modified{color:var(--ink-muted);font:600 .72rem/1.4 var(--font-control);margin:0}.project-card-actions{justify-content:space-between;gap:.35rem;padding:.6rem 1.1rem .9rem;display:flex}.card-menu{position:relative}.card-menu-trigger{min-width:2.25rem;font-size:1.05rem;line-height:1}.card-menu-trigger[aria-expanded=true]{color:#fffaf0;background:var(--accent);border-color:#51241b}.card-menu-popup{z-index:3;border:1px solid var(--border);background:var(--parchment-light);border-radius:4px;gap:.25rem;min-width:9rem;padding:.4rem;display:grid;position:absolute;top:calc(100% + .3rem);right:0;box-shadow:0 6px 20px #1e160d59}.card-menu-popup button{text-align:left}.library-drop-hint{color:var(--ink-muted);font:600 .7rem/1.4 var(--font-control);margin:.35rem 0 0}.drop-overlay{z-index:20;border:4px dashed var(--accent);pointer-events:none;background:#f7efd9e0;place-content:center;padding:1.5rem;display:grid;position:fixed;inset:0}.drop-overlay p{color:var(--accent);text-align:center;margin:0;font-size:1.5rem;font-weight:700;line-height:1.5}.button-danger-strong{color:#fffaf0;background:var(--danger);border-color:#5f1c15}.button-danger-strong:hover:not(:disabled){color:#fffaf0;background:#9c3a30;border-color:#45140e}.dialog-backdrop{z-index:5;background:#1f171073;position:fixed;inset:0}.app-error{background:var(--parchment-light);place-content:center;justify-items:start;gap:.75rem;min-height:100dvh;padding:2rem;display:grid}.app-error h1,.app-error p{max-width:48rem;margin:0}.project-library-surface>section,.project-library-surface article{min-width:0}.project-dialog{z-index:6;width:min(32rem,100vw - 2rem);max-height:calc(100dvh - 2rem);color:var(--ink);border:2px solid var(--border);background:var(--parchment-light);border-radius:6px;padding:1.5rem;position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 10px 32px #1e160d73}.project-dialog form{gap:.65rem;display:grid}.project-dialog h2{margin:0 0 .35rem}.project-dialog input{min-width:0;font:.9rem var(--font-control);padding:.55rem}.dialog-hint{color:var(--ink-muted);font:.8rem/1.5 var(--font-control);margin:0}.import-preview{border:1px solid var(--parchment-deep);background:var(--parchment);border-radius:4px;gap:.5rem;margin:.25rem 0;padding:.85rem 1rem;display:grid}.import-preview>div{justify-content:space-between;gap:1rem;display:flex}.import-preview dt{color:var(--ink-muted);font:700 .68rem/1.6 var(--font-control);letter-spacing:.06em;text-transform:uppercase}.import-preview dd{font:600 .82rem/1.4 var(--font-control);overflow-wrap:anywhere;text-align:right;margin:0}.eyebrow{color:var(--accent);font:700 .68rem/1.2 var(--font-control);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .2rem}.workspace-shell{background:var(--parchment);grid-template-rows:auto minmax(0,1fr);gap:.75rem;height:100dvh;padding:.75rem;display:grid;overflow:hidden}.workspace-header{border:1px solid var(--border);border-bottom:3px double var(--border);background:var(--parchment-light);min-height:4.75rem;box-shadow:0 2px 10px var(--shadow);grid-template-columns:minmax(0,1fr) minmax(0,2fr) minmax(0,1fr);align-items:center;gap:1rem;padding:.55rem .85rem;display:grid}.workspace-title{text-align:center;min-width:0}.workspace-title h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:600;overflow:hidden}.return-control{justify-self:start}.local-note{color:var(--ink-muted);font:600 .72rem var(--font-control);justify-self:end;justify-items:end;gap:.2rem;display:grid}.workspace-save-status{color:var(--ink);font-weight:800}.autosave-error{color:#7a1f14;text-align:right;max-width:24rem}.autosave-error button{margin-left:.25rem}.workspace-grid{grid-template-columns:minmax(0,1fr) clamp(18.5rem,23vw,22rem);gap:.75rem;min-height:0;display:grid}.map-column{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.map-toolbar{border:1px solid var(--border);background:var(--parchment-light);border-bottom:0;justify-content:space-between;gap:.75rem;padding:.55rem;display:flex}.tool-cluster{gap:.75rem;display:flex}.tool-group{gap:.35rem;display:flex}.tool-group button[aria-pressed=true],.tool-group button[aria-expanded=true]{color:#fffaf0;background:var(--accent);border-color:#51241b}.map-region{border:1px solid var(--border);background:#554b3e;min-height:0;padding:.85rem}.map-stage-shell{background-color:var(--neutral-canvas);width:100%;min-width:0;height:100%;min-height:0;box-shadow:inset 0 0 0 1px var(--neutral-canvas-deep);background-image:linear-gradient(45deg,#0000 49.5%,#29241d0e 50%,#0000 50.5%);background-size:28px 28px;position:relative;overflow:hidden}.map-stage-shell--navigate,.map-stage-shell--temporary-pan{cursor:grab}.map-stage-shell--calibration,.map-stage-shell--route-draw,.map-stage-shell--area-draw{cursor:crosshair}.map-stage-shell--route-edit,.map-stage-shell--area-edit{cursor:default}.map-stage-shell canvas{display:block}.camp-marker-accessibility,.terrain-area-accessibility{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fit-map-control{z-index:1;position:absolute;top:.75rem;right:.75rem}.mode-guidance{z-index:1;color:#fffaf0;max-width:calc(100% - 1.5rem);font:700 .72rem/1.25 var(--font-control);pointer-events:none;background:#1f1710db;border:1px solid #fffaf0b8;border-radius:3px;margin:0;padding:.45rem .65rem;position:absolute;bottom:.75rem;left:.75rem}.map-file-name{color:#f7efd9;max-width:calc(100% - 3rem);font:.75rem var(--font-control);text-overflow:ellipsis;white-space:nowrap;padding-inline:.75rem;position:absolute;bottom:1.35rem;right:1.5rem;overflow:hidden}.map-region{position:relative}.calibration-form{box-sizing:border-box;border:1px solid var(--border);background:var(--parchment-light);grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:.4rem .6rem;width:100%;min-width:0;max-width:100%;margin:0;padding:.65rem .8rem;display:grid}.calibration-form legend{font:700 .78rem var(--font-control);padding:0 .35rem}.calibration-form label{font:700 .72rem var(--font-control)}.calibration-form label[for=calibration-distance]{grid-area:1/1}.calibration-form #calibration-distance{grid-area:2/1}.calibration-form label[for=calibration-unit]{grid-area:1/2}.calibration-form #calibration-unit{grid-area:2/2}.calibration-form input,.calibration-form select{width:100%;min-width:0;min-height:2.25rem;padding:.45rem}.calibration-form button{grid-column:1/-1;justify-self:start}.calibration-error{color:#7a1f14;font:700 .75rem var(--font-control);grid-column:1/-1;margin:0}.travel-settings{box-sizing:border-box;border:1px solid var(--border);background:var(--parchment-light);grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem .6rem;width:100%;min-width:0;max-width:100%;margin:0;padding:.65rem .8rem;display:grid}.travel-settings legend{font:700 .78rem var(--font-control);padding:0 .35rem}.travel-settings label{font:700 .72rem var(--font-control)}.travel-settings input,.travel-settings select{width:100%;min-width:0;min-height:2.25rem;padding:.45rem}.unit-settings,.pace-settings{align-content:start;gap:.35rem;display:grid}.pace-summary-visibility-control{align-items:center;gap:.4rem;margin:-.35rem 0 .65rem;display:flex}.pace-summary-visibility-control input[type=checkbox]{width:auto;min-height:0;padding:0}.pace-summary-visibility-control label{font:700 .72rem var(--font-control)}.journey-inspector{border:1px solid var(--border);border-top:4px double var(--border);background:var(--parchment-light);min-height:0;box-shadow:0 4px 16px var(--shadow);align-self:stretch;padding:1rem;overflow-y:auto}.inspector-heading{border-bottom:1px solid var(--parchment-deep);margin-bottom:1rem}.inspector-heading h2{margin:0 0 .75rem;font-size:1.35rem}.field-label{font:700 .72rem var(--font-control);margin-bottom:.35rem;display:block}.journey-inspector select{width:100%;min-height:2.4rem;padding:.5rem}.route-create-controls,.route-action-controls{gap:.4rem;margin-bottom:.85rem;display:grid}.route-create-controls input,.route-action-controls input{width:100%;min-width:0;min-height:2.4rem;font:.82rem var(--font-control);padding:.5rem}.route-create-controls button{justify-self:start}.route-action-controls{margin-top:.75rem}.route-action-controls>div{flex-wrap:wrap;gap:.35rem;display:flex}.route-measurement-prompt{color:var(--ink-muted);font:700 .78rem/1.4 var(--font-control);margin:.75rem 0}.distance-summary{border-block:1px solid var(--parchment-deep);justify-content:space-between;margin:1rem 0;padding:.8rem 0;display:flex}.distance-summary span{color:var(--ink-muted);font:700 .72rem var(--font-control);text-transform:uppercase}.distance-summary strong{font-size:1.2rem}.pace-results{gap:0;display:grid}.pace-result{border-bottom:1px solid var(--parchment-deep);justify-content:space-between;align-items:center;gap:.65rem;padding:.8rem 0;display:flex}.pace-result strong{text-align:right;font-size:.84rem}.pace-name{margin:0;font-weight:700}.pace-rule{color:var(--ink-muted);font:.68rem var(--font-control);margin:.15rem 0 0}.route-visibility-controls{gap:.35rem;margin:.6rem 0 .85rem;display:grid}.route-visibility-control{align-items:center;gap:.45rem;display:flex}.route-visibility-control label{font:700 .78rem var(--font-control)}.terrain-controls{border-top:1px solid var(--parchment-deep);gap:.4rem;margin-top:1rem;padding-top:.8rem;display:grid}.terrain-controls .inspector-heading h2{font-size:1.1rem}.terrain-create-controls,.terrain-action-controls{gap:.4rem;margin-bottom:.85rem;display:grid}.terrain-create-controls input,.terrain-action-controls input{width:100%;min-width:0;min-height:2.4rem;font:.82rem var(--font-control);padding:.5rem}.terrain-create-controls button{justify-self:start}.terrain-action-controls{margin-top:.75rem}.terrain-action-controls>div{flex-wrap:wrap;gap:.35rem;display:flex}.terrain-multiplier-hint{color:var(--ink-muted);font:.68rem var(--font-control);margin:0}.terrain-controls input[type=range]{width:100%;accent-color:var(--accent)}.inspector-footer{gap:.5rem;margin-top:1rem;font-size:.82rem;display:grid}.inspector-footer>div{gap:.25rem;display:grid}.inspector-footer>div>span:first-child{color:var(--ink-muted);font:700 .68rem var(--font-control);text-transform:uppercase}.inspector-footer .autosave-error{text-align:left}.desktop-required{display:none}@media (width<=899px){.workspace-shell{display:none}.desktop-required{text-align:center;background:var(--parchment-light);place-content:center;gap:.8rem;min-height:100dvh;padding:2rem;display:grid}.desktop-required h1{max-width:20ch;margin:0 auto;font-size:2rem}.desktop-required p:not(.eyebrow){max-width:48ch;color:var(--ink-muted);margin:0 auto}.desktop-required button{justify-self:center;margin-top:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}