*{box-sizing:border-box}:root{font-family:system-ui,sans-serif;color:#222;background:#fff;font-synthesis:none}body{margin:0}main{max-width:560px;margin:auto;padding:8px 12px 90px}h1{font-size:22px}h2{font-size:18px;margin:12px 0}h3{font-size:16px;margin:6px 0}p{line-height:1.5;overflow-wrap:anywhere}button,input,textarea{font:inherit}button{min-width:24px;min-height:44px;padding:8px 10px;border:1px solid #777;border-radius:4px;background:#fff;color:#222;cursor:pointer;overflow-wrap:anywhere}button:active{background:#ccc;box-shadow:inset 0 0 0 2px #555;filter:brightness(.85)}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{background:#ddd;font-weight:700}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #222;outline-offset:2px}input:not([type=radio]):not([type=checkbox]),textarea{width:100%;padding:10px;border:1px solid #777;border-radius:4px;min-height:44px;margin:6px 0}textarea{min-height:80px;resize:vertical}input[type=radio],input[type=checkbox]{width:24px;height:24px;margin:4px 8px 4px 0;vertical-align:middle}label{display:block;margin:8px 0;line-height:1.5}fieldset{margin:18px 0}header,.toolbar,nav{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px}header strong{margin-right:auto}header button{font-size:13px}.toolbar span,.summary,small,.hint{font-size:12px}.summary{margin:8px 0}.feedback{font-size:12px;min-height:20px;margin:4px 0}.error{border:2px solid #333;padding:8px}.start>button{margin-right:8px}.map-scroll{width:100%;max-height:540px;overflow:auto;border:1px solid #aaa;overscroll-behavior:contain}.map-canvas{position:relative;isolation:isolate}.empty{padding:40px 20px}.work-card{position:absolute;top:0;left:0;width:126px;height:72px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:4px;transition:transform .3s ease,opacity .3s ease;z-index:3;animation:settle .28s ease-out}.work-card span{font-size:13px;line-height:1.3;max-height:36px;overflow:hidden}.work-card small{display:block;font-size:11px}.work-card.dragging{transition:none;z-index:6;box-shadow:0 0 0 3px #555}.connections{position:absolute;inset:0;z-index:1;overflow:visible;pointer-events:none}.connections marker path{fill:#444}.connection-line{fill:none;stroke:#444;stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0;animation:draw .3s ease-out;transition:d .3s ease}.connection-hit{fill:none;stroke:transparent;stroke-width:24;pointer-events:stroke;cursor:pointer}.connection-label{position:absolute;transform:translate(-50%,-50%);z-index:2;min-height:24px;max-width:84px;padding:3px 5px;font-size:11px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:left .3s ease,top .3s ease}.zone{position:absolute;border:1px dashed #888;background:#f4f4f4;z-index:0;pointer-events:none}.zone span{display:block;padding:2px 4px;font-size:11px}article{border:1px solid #aaa;padding:8px;margin-bottom:10px}article p{margin:4px 0 8px}article button,.moves button{margin:3px 3px 3px 0}article small{display:block}.moves{display:flex;flex-wrap:wrap}.moves button{font-size:12px}footer{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(100%,560px);padding:8px 12px calc(8px + env(safe-area-inset-bottom));display:flex;gap:6px;background:#fff;border-top:1px solid #aaa;z-index:10}footer button:first-child{flex:1}footer button:last-child{font-size:12px}.sheet{position:fixed;inset:auto 0 0;width:min(100%,560px);max-width:100%;max-height:82dvh;padding:0;margin:0 auto;border:1px solid #777;border-bottom:0;border-radius:10px 10px 0 0;transform:translateY(105%);transition:transform .3s ease;overflow:auto;overscroll-behavior:contain}.sheet.open{transform:translateY(0)}.sheet::backdrop{background:#0004}.sheet-top{display:flex;justify-content:flex-end;padding:6px 10px;position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid #aaa}.sheet-content{padding:0 12px calc(16px + env(safe-area-inset-bottom))}.sheet-content>button{display:block;width:100%;margin:8px 0}.sheet-content button{min-height:44px}.sheet-content h2{margin-top:12px}.presets{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0}.search-results{display:flex;flex-direction:column;gap:6px;margin-top:10px}.search-results button{text-align:left;flex-shrink:0}.search-results small{display:block}.highlight{animation:highlight .9s ease-out}.work-card.highlight{animation:settle .28s ease-out,highlight .9s ease-out}.highlight-line .connection-line{stroke-width:4;animation:draw .3s ease-out,line-highlight .9s ease-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes settle{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes highlight{0%{background-color:#ccc;box-shadow:0 0 0 3px #555}to{background-color:#fff;box-shadow:0 0 0 0 transparent}}@keyframes line-highlight{0%{stroke:#000;stroke-width:5}to{stroke:#444;stroke-width:2}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.direct-viewport{position:relative;height:360px;width:100%;overflow:hidden;border:1px solid #aaa;touch-action:none;-webkit-user-select:none;user-select:none}.direct-world{position:absolute;width:1px;height:1px;transform-origin:0 0}.direct-lines{width:1px;height:1px}.direct-work{position:absolute;top:0;left:0;width:126px;height:72px;z-index:3;pointer-events:none}.direct-work button{pointer-events:auto}.direct-work .work-card{transition:none;touch-action:none}.connection-port{position:absolute;left:100px;top:22px;width:28px;height:28px;padding:0;z-index:5;touch-action:none}.available .work-card{border:2px dashed #555}.drop-target .work-card{outline:4px solid #222;background:#ddd}.direct-work:has(.dragging){z-index:6}.drag-line{fill:none;stroke:#222;stroke-width:3;pointer-events:none}.drag-line.returning{transition:d .18s ease-in}