:root{color:#243c49;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f2f5f6;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:#253e4c;cursor:pointer;background:#fff;border:1px solid #c5d2d7;border-radius:6px;padding:.55rem .75rem}button:hover{background:#e4edf1}button[aria-pressed=true]{color:#fff;background:#263f4d;border-color:#263f4d}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-offset:2px;outline:3px solid #1689c3}a{color:#456b7d;font-size:.78rem}header{border-bottom:1px solid #d4dfe3;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;display:flex}h1{margin:3px 0 0;font-size:1.15rem;font-weight:600}h1 span{color:#63808d;font-weight:400}.modes{gap:5px;margin-left:auto;display:flex}main{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 280px;height:calc(100dvh - 160px);min-height:590px;display:grid}#viewport{background:#eaf0f3;min-width:0;min-height:0;position:relative}#view{outline-offset:-3px;touch-action:none;width:100%;height:100%;display:block}#loading{z-index:3;background:#eaf0f3;place-items:center;display:grid;position:absolute;inset:0}#loading[hidden]{display:none}.view-heading{pointer-events:none;gap:5px;display:grid;position:absolute;top:20px;left:20px}.view-heading strong{font-size:.95rem}.view-heading span{color:#5e7784;font-size:.78rem}#reticle{opacity:.7;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#reticle[hidden]{display:none}#message{pointer-events:none;background:#f8fafbdf;border-radius:4px;width:-moz-fit-content;width:fit-content;max-width:calc(100% - 40px);padding:7px 10px;font-size:.85rem;position:absolute;bottom:20px;left:20px;right:20px}aside{background:#f9fbfc;border-left:1px solid #d4dfe3;padding:0 16px;overflow-y:auto}aside section{border-bottom:1px solid #dce5e9;padding:18px 0}aside section:last-child{border:0}.section-title{justify-content:space-between;align-items:center;gap:8px;display:flex}h2{margin:0;font-size:.88rem;font-weight:600}output,#visits{font-variant-numeric:tabular-nums;font-size:.8rem}#phase{accent-color:#247faf;width:100%;margin:18px 0 12px}.phase-buttons{gap:5px;display:flex}.phase-buttons button{white-space:nowrap;flex:1;padding:.5rem;font-size:.8rem}p{margin:12px 0 0;font-size:.8rem;line-height:1.55}small,.small{color:#5d7682;font-size:.74rem;line-height:1.5}#map{width:100%;height:auto;margin:10px 0;display:block}.legend{flex-wrap:wrap;gap:5px 10px;font-size:.72rem;display:flex}.legend i{width:14px;height:3px;margin:0 5px 3px 0;display:inline-block}.permanent{background:#168473}.changing{background:#317ecc}.closed{background:#a6b6c1}#passages{gap:6px;margin-top:12px;display:grid}#passages button{text-align:left;justify-content:space-between;display:flex}#passages small{font-size:.7rem}#route{color:#527585}footer{border-top:1px solid #d4dfe3;padding:10px 20px}footer p{margin:0;font-size:.78rem}details{margin-top:7px;font-size:.78rem}summary{cursor:pointer;color:#5c7785}.touch{flex-wrap:wrap;gap:6px;padding:10px 0;display:flex}.touch button{font-size:.78rem}dialog{color:#294353;border:1px solid #c3d2d9;border-radius:10px;max-width:610px;padding:25px}dialog::backdrop{background:#1d354e66}dialog h2{font-size:1.15rem}dialog p{margin:14px 0;font-size:.9rem}#close-notes{margin-top:8px}@media (max-width:860px){header{gap:8px;padding:10px}header>button{font-size:.75rem}.modes{margin-left:0}.modes button{font-size:.8rem}main{grid-template-columns:minmax(0,1fr) 235px}aside{padding:0 12px}.view-heading{top:12px;left:12px}.view-heading span{max-width:240px}}@media (max-width:620px){main{flex-direction:column;height:auto;min-height:0;display:flex}#viewport{height:62dvh;min-height:360px}aside{border-left:0;grid-template-columns:1fr;display:grid}aside section{padding:14px 0}#map{max-width:320px}footer{padding:12px}button{min-height:40px}.view-heading span{max-width:90%}#message{font-size:.75rem}header .modes{order:3;width:100%}.modes button{flex:1}}#local-map{width:100%;height:auto;display:block}.presets{margin-top:7px}.presets button{font-size:.72rem}#start-maze{color:#71521e;border-color:#b5975f}#viewport[data-view=inside] .view-heading{color:#eef6fa;background:#112733dc;border-left:3px solid #e1b866;border-radius:4px;padding:10px 13px}#viewport[data-view=inside] .view-heading span{color:#c8dce6}#reticle{color:#f4e9bc;text-shadow:0 1px 3px #000;opacity:1;font-size:22px}#reticle[data-contact=true]{color:#ff8864;text-shadow:0 0 8px #fe4a2d}#motion-panel{color:#e9f5fa;pointer-events:none;font-variant-numeric:tabular-nums;background:#122835ed;border:1px solid #5a7888;border-radius:6px;grid-template-columns:1fr auto;gap:5px 18px;min-width:230px;padding:10px 13px;font-size:.78rem;display:grid;position:absolute;bottom:65px;left:20px}#motion-panel strong{font-size:.84rem}#motion-panel[data-contact=true]{background:#482c25ed;border-color:#f39a72}#distance-moved{color:#bbd0dc;font-size:.72rem}#viewport[data-view=whole] #motion-panel{display:none}#debug-lines{margin-top:10px;font-size:.75rem}#message{font-size:.77rem;bottom:15px}#local-map{margin-top:5px}@media (max-width:620px){#motion-panel{min-width:205px;padding:8px 10px;font-size:.72rem;bottom:68px;left:12px}}[hidden]{display:none!important}html,body{height:100%;overflow:hidden}body{flex-direction:column;display:flex}body>header,main>aside{display:none}main{flex:1;height:auto;min-height:0;display:block}#viewport{height:100%;min-height:0}footer{background:#f2f5f6;flex-shrink:0;max-height:45dvh;overflow:auto}#message{display:none}#motion-panel{bottom:14px}.view-heading{top:14px;left:14px}@media (max-width:620px){#viewport{height:100%;min-height:0}#motion-panel{bottom:12px}footer{padding:10px 12px}footer p{font-size:.72rem}}.loading-ring{border:2px solid #ffffff30;border-top-color:currentColor;border-radius:50%;width:22px;height:22px;animation:1s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-ring{animation:none}}