:root{--bg: #1c1b19;--panel: rgba(20, 19, 17, .78);--ink: #f4f1ea;--muted: #c8c2b6;--line: rgba(232, 213, 163, .42);--accent: #e8d5a3;--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Yu Gothic UI,Hiragino Sans,Meiryo,sans-serif}#app,.walk{position:relative;height:100%}[hidden]{display:none!important}.start{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;flex-direction:column;justify-content:flex-start;padding:28px 28px 40px;overflow-y:auto;background:#100f0df0;transform:translateZ(0);pointer-events:none}.start-panel{pointer-events:auto;max-width:480px;max-height:100%;overflow-y:auto;padding:20px 22px 24px;background:var(--panel);border:1px solid var(--line)}body:has(#start:not([hidden])) #view canvas{pointer-events:none}.start h1,.start-lead,.start-btn,.start-kicker,.plan-lib-home,.plan-lib{max-width:480px}.start-kicker{margin:0 0 8px;font-size:12px;letter-spacing:.14em;color:var(--accent)}.start h1{margin:0 0 12px;font-size:28px;font-weight:650}.start-lead{margin:0 0 16px;font-size:14px;line-height:1.7;color:var(--muted)}.style-toggle{font:inherit;cursor:pointer;text-align:center}.style-toggle-text{display:inline-block;text-align:center}.style-toggle-text:after{content:attr(data-wide);display:block;height:0;overflow:hidden;visibility:hidden;pointer-events:none}.style-toggle.is-photo{background:var(--accent);color:#1c1b19;border-color:var(--accent)}.furn-dock{display:flex;align-items:center;gap:10px}.furn-dock span{font-size:12px;color:var(--muted);white-space:nowrap}.furn-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:180px;height:6px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.16),var(--accent));outline:none}.furn-range::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid #1c1b19;cursor:pointer}.furn-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);border:2px solid #1c1b19;cursor:pointer}.furn-dock{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.furn-dock .furn-range{flex:1;width:auto;min-width:0}.start-panel,.plan-lib,.plan-card,.plan-sheet-card,.stop-list,.hint,.minimap-wrap,.place-card{border-radius:var(--radius)}.start-btn,.icon-btn,.stop,.plan-mini-btn{border-radius:var(--radius-sm)}#minimap,.plan-card img{border-radius:8px}.start-btn,.icon-btn,.stop{font:inherit;color:inherit;cursor:pointer}.start-btn{width:fit-content;padding:12px 20px;background:var(--accent);color:#1c1b19;border:1px solid #c4ae76;font-weight:650}.start-btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.plan-lib-home,.plan-lib{width:100%}.plan-lib{margin:0 0 22px;padding:14px;background:#ffffff08;border:1px solid var(--line)}.plan-lib-label,.plan-lib-note,.plan-status,.plan-empty{margin:0}.plan-lib-label{margin-bottom:8px;font-size:12px;letter-spacing:.08em;color:var(--muted)}.plan-lib-note{margin-bottom:12px;font-size:13px;line-height:1.6;color:var(--muted)}.plan-lib-actions{display:flex;flex-wrap:nowrap;gap:6px}.plan-lib-actions .start-btn{flex:1 1 0;width:auto;max-width:none;padding:8px 6px;font-size:12px;text-align:center;white-space:nowrap}.plan-status{min-height:1.4em;margin-top:10px;font-size:13px;color:var(--accent)}.plan-status.is-error{color:#f0b4a8}.plan-empty{margin-top:10px;font-size:13px;color:var(--muted)}.plan-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.plan-card{display:grid;grid-template-columns:72px 1fr;gap:10px;padding:8px;border:1px solid var(--line);background:#ffffff0a;overflow:hidden}.plan-card.is-active{border-color:var(--accent)}.plan-card img{width:72px;height:72px;object-fit:cover;background:#2a2824}.plan-name{font-size:14px;font-weight:650}.plan-date{margin-top:2px;font-size:11px;color:var(--muted)}.plan-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.plan-mini-btn{font:inherit;font-size:11px;color:var(--ink);cursor:pointer;padding:5px 8px;background:transparent;border:1px solid var(--line)}.plan-mini-btn-danger{color:#f0b4a8}.plan-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:flex-start;justify-content:center;padding:24px 16px;overflow-y:auto;background:#0c0b0ab8}.plan-sheet-card{width:min(480px,100%);padding:16px;background:#1c1b19;border:1px solid var(--line)}.plan-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.plan-sheet-head h2{margin:0;font-size:16px;font-weight:650}.plan-sheet .plan-lib{margin:0}.plan-sheet .plan-lib-label{display:none}.app-bar{position:absolute;top:12px;left:16px;z-index:5;display:flex;align-items:center;pointer-events:none;transform:translateZ(0)}.app-title{font-size:13px;letter-spacing:.12em;color:var(--accent)}.app-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:8px;padding:0 32px 8px 0;border-bottom:1px solid var(--line)}.icon-btn{flex:none;padding:5px 7px;background:#ffffff0f;border:1px solid var(--line);font-size:11px}.icon-btn.is-full{background:var(--accent);color:#1c1b19;border-color:var(--accent)}.compass{position:absolute;right:0;top:0;flex:none;width:28px;height:28px;border:1px solid var(--line);background:#ffffff0f;border-radius:50%;pointer-events:none}.stop-list{position:absolute;left:16px;top:56px;z-index:5;width:168px;padding:12px;background:var(--panel);border:1px solid var(--line);transform:translateZ(0)}.stop-title{margin-bottom:8px;padding-bottom:8px;font-size:11px;letter-spacing:.08em;color:var(--muted);border-bottom:1px solid var(--line)}.stop{display:block;width:100%;margin:0 0 4px;padding:8px 10px;text-align:left;background:transparent;border:1px solid var(--line);font-size:13px;transition:background .12s ease,color .12s ease,border-color .12s ease}.stop:hover,.stop:focus-visible{background:#e8d5a347;color:#fff;outline:none}.stop.is-active{background:#6d5e3f;border-color:var(--accent)}.stop.is-active:hover,.stop.is-active:focus-visible{background:#857250}#view,#view canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:block;cursor:grab}body.is-photo #view:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;box-shadow:inset 0 0 160px 36px #0a0e1666;background-image:radial-gradient(ellipse at center,transparent 42%,rgba(8,12,20,.22) 100%);mix-blend-mode:multiply}#view.is-dragging canvas{cursor:grabbing}#view.is-pointing canvas{cursor:pointer}.top-bar{position:absolute;top:16px;left:16px;right:16px;z-index:2;pointer-events:none;max-width:640px}.brand{font-size:13px;letter-spacing:.12em;text-transform:none;color:var(--accent);margin-bottom:6px}.sample-note{margin:0;font-size:13px;line-height:1.5;color:var(--ink);text-shadow:0 1px 8px rgba(0,0,0,.65)}.hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;padding:10px 16px;background:var(--panel);border:1px solid var(--line);font-size:14px;letter-spacing:.04em;pointer-events:none;transition:opacity .6s ease}.hint.is-gone{opacity:0}.minimap-wrap{position:absolute;right:16px;top:16px;z-index:4;width:372px;padding:12px;background:var(--panel);border:1px solid var(--line);transform:translateZ(0)}.minimap-caption{margin:8px 0 0;font-size:11px;color:var(--muted)}.minimap-mode{display:inline-flex;flex:none}.minimap-mode-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;padding:5px 7px;background:#ffffff0f;border:1px solid var(--line);border-radius:var(--radius-sm);font:inherit;font-size:11px;color:inherit;cursor:pointer}.minimap-mode-btn-stack{display:grid;place-items:center}.minimap-mode-btn-option{grid-area:1 / 1;white-space:nowrap}.minimap-mode-btn-option:not(.is-on){visibility:hidden}.minimap-mode-btn.is-original{background:var(--accent);color:#1c1b19}.minimap-mode-btn.is-disabled{opacity:.38;cursor:default}.minimap-mode.is-disabled{cursor:help}#minimap{width:100%;height:auto;aspect-ratio:12.83 / 10.1;background:#2a2824;display:block;overflow:hidden;cursor:pointer;border:1px solid var(--line)}#minimap.is-original .room{fill:#4a453c38;stroke:#e8d5a3;stroke-width:.07}#minimap.is-original .room-group:hover .room,#minimap.is-original .room-group.is-current .room{fill:#6d5e3f66;stroke:#fff4c8}#minimap.is-original .dot{display:none}#minimap.is-original .label{opacity:1;fill:#fff8ea;stroke:none}#minimap .plan-image{pointer-events:none}#minimap.is-original .plan-image{opacity:1}#minimap.has-plan .room{fill-opacity:.46}#minimap.has-plan .room.is-current{fill-opacity:.64}#minimap .room{fill:#4a453c;stroke:#d7d0c3;stroke-width:.06}#minimap .room:hover{fill:#5c5649}#minimap .room.is-current{fill:#6d5e3f}#minimap .room.is-current:hover{fill:#7d6c48}#minimap .room,#minimap .dot{pointer-events:all;cursor:pointer}#minimap .label-layer{pointer-events:none}#minimap .label{fill:#fff8ea;font-family:Yu Gothic UI,Meiryo,sans-serif;dominant-baseline:middle;pointer-events:none}#minimap .label.is-current{font-weight:600}#minimap .label-bg{fill:#141311d6;pointer-events:none}#minimap .label-bg.is-current{fill:#141311d1}#minimap .dot{fill:#e8d5a3;stroke:#1c1b19;stroke-width:.06;cursor:pointer}#minimap .you-marker{pointer-events:none}#minimap .you-fov{fill:#e8d5a361;stroke:#e8d5a3f2;stroke-width:.04;pointer-events:none}#minimap .you{fill:#fff4c8;stroke:#1c1b19;stroke-width:.08;pointer-events:none}.compass-n{position:absolute;top:1px;left:0;right:0;text-align:center;font-size:8px;font-weight:700;letter-spacing:.04em;color:var(--accent);line-height:1}.compass-needle{position:absolute;left:50%;top:50%;width:2px;height:9px;margin-left:-1px;margin-top:-9px;background:#f4f1ea;transform-origin:bottom center}.place-card{position:absolute;left:50%;bottom:24px;transform:translate(-50%);z-index:2;min-width:240px;padding:14px 18px 16px;background:var(--panel);border:1px solid var(--line);text-align:center}.place-name{font-size:20px;font-weight:600;padding-bottom:6px;margin-bottom:2px;border-bottom:1px solid var(--line)}.place-sub{margin-top:4px;font-size:13px;color:var(--muted)}@media(max-width:720px){.minimap-wrap{width:252px;top:auto;bottom:96px}.stop-list{width:132px;top:auto;bottom:96px}.app-title{display:none}.furn-dock span{font-size:10px}.start{max-width:none}}