@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500;600&display=swap";:root{color:#e9eee4;font-synthesis:none;--panel:#17221ce8;--line:#c1ceb02e;--accent:#d4e6aa;background:#18201c;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,select,textarea{font:inherit}button,select{cursor:pointer}button{color:inherit;border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:10px 15px}button:hover{background:#34443a}button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}a{color:inherit}#scene{touch-action:none;width:100%;height:100%;position:fixed;inset:0}header{pointer-events:none;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;top:24px;left:32px;right:32px}header>*{pointer-events:auto}.brand{letter-spacing:.24em;background:var(--panel);border-radius:8px;padding:10px 18px;font:500 27px Noto Serif JP,serif;text-decoration:none}.brand span{letter-spacing:.2em;color:#b7c9ad;margin-top:5px;font:9px sans-serif;display:block}.station-nav{background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:30px;align-items:center;gap:12px;padding:10px 20px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.live-dot,.status-dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}select{color:inherit;border:1px solid var(--line);background:#26382d;border-radius:6px;padding:8px 12px}.station-nav select{background:0 0;border:0;font-size:15px}.station-nav option{background:#1e3024}.radius{color:#bdc9b6;border-left:1px solid var(--line);padding-left:14px;font-size:10px}.icon-btn{background:var(--panel)}.title-card{pointer-events:none;background:linear-gradient(100deg,#14231de8,#14231d88);border-left:2px solid #b9cf98;border-radius:0 6px 6px 0;padding:20px 26px 22px;position:absolute;top:136px;left:42px}.eyebrow{letter-spacing:.19em;color:#bac8b0;font-size:9px}h1{letter-spacing:.13em;margin:15px 0 10px;font:400 44px Noto Serif JP,serif}.title-card p{color:#c3cebe;letter-spacing:.1em;margin:0;font-size:11px}.map-card{text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:14px;width:170px;padding:10px;position:absolute;top:120px;right:32px}.map-card button{background:0 0;border:0;width:100%;padding:0}#minimap{border-radius:50%;width:144px;height:144px}.map-caption{justify-content:space-between;margin:5px 6px 0;font-size:11px;display:flex}.map-card small{color:#a9baa6;font-size:9px}#compass{letter-spacing:.12em;background:var(--panel);border-radius:15px;padding:7px 16px;font-size:11px;position:absolute;top:95px;left:50%;transform:translate(-50%)}#crosshair{pointer-events:none;background:#ffffffb0;border-radius:50%;width:3px;height:3px;position:absolute;top:50%;left:50%;box-shadow:0 0 3px #000}.bottom-status{background:var(--panel);color:#c4d0bf;border-radius:6px;align-items:center;gap:9px;padding:9px 12px;font-size:10px;display:flex;position:absolute;bottom:28px;left:32px}.toolbar{gap:6px;display:flex;position:absolute;bottom:28px;right:32px}.toolbar button{padding:9px 12px;font-size:10px}.keyboard-hint{color:#c6d0bf;white-space:nowrap;background:#17221cd9;border-radius:6px;padding:10px 16px;font-size:10px;position:absolute;bottom:75px;left:50%;transform:translate(-50%)}kbd{border:1px solid #adbb9e66;border-radius:3px;margin:0 3px;padding:3px 6px;font:10px sans-serif;display:inline-block}.keyboard-hint span{color:#adbca5;margin-left:14px}#stick{touch-action:none;-webkit-user-select:none;user-select:none;width:118px;height:118px;position:absolute;bottom:110px;left:40px}.stick-ring{background:#14231b70;border:1px solid #ecf6e266;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 17px #b2c9940a}#knob{background:#d8e4c1bb;border:1px solid #e7f3d4;border-radius:50%;width:42px;height:42px;position:absolute;top:38px;left:38px;box-shadow:0 4px 12px #0003}#stick>span{white-space:nowrap;background:var(--panel);border-radius:5px;padding:5px 8px;font-size:9px;position:absolute;top:127px;left:50%;transform:translate(-50%)}#look{touch-action:none;-webkit-user-select:none;user-select:none;background:#14231b70;border:1px solid #ecf6e233;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:62px;height:76px;display:flex;position:absolute;bottom:127px;right:125px}#look span{font-size:28px}#look small{font-size:9px}.action-btn{border-radius:50%;width:70px;height:70px;padding:0;font-size:24px;position:absolute;bottom:130px;right:35px}.action-btn small{margin-top:-4px;font-size:9px;display:block}dialog{color:#e5ecdf;background:#1c2b23;border:1px solid #a2b69450;border-radius:16px;width:min(480px,100vw - 32px);max-height:86dvh;padding:36px;position:fixed;overflow:auto;box-shadow:0 20px 100px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06140ca6}dialog h2{margin:12px 0 28px;font:400 26px Noto Serif JP,serif}dialog p,dialog dd{color:#c5d1be;font-size:12px;line-height:1.9}dialog a{font-size:12px;line-height:2.4}.close{background:0 0;border:0;padding:0 8px;font-size:24px;position:absolute;top:12px;right:12px}label{margin:20px 0;font-size:12px;display:block}label select{width:100%;margin-top:9px;padding:12px;display:block}.check{align-items:center;gap:10px;display:flex}.muted{color:#aabda3!important;font-size:11px!important}dt{color:var(--accent);margin-top:16px;font-size:12px}dd{margin:5px 0}.metrics{border-top:1px solid var(--line);color:#aebea5;padding-top:16px;font:11px/1.8 monospace}#fullmap{border-radius:12px;width:100%;height:auto}#map-dialog{width:min(600px,100vw - 32px)}#record-dialog textarea{color:#e5ecdf;border:1px solid var(--line);resize:vertical;background:#102019;border-radius:8px;width:100%;height:110px;padding:12px;font-size:12px}.primary{color:#1d2a20;background:#d2e6ab;margin-top:16px}.primary:hover{background:#e7f2cf}#export-notes{margin-left:6px;font-size:11px}.loading{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#112219b8;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loading[hidden]{display:none}.loading-box{text-align:center;width:min(380px,86vw)}.loading-box h2{letter-spacing:.1em;margin:22px 0 28px;font:400 27px Noto Serif JP,serif}.loading-box p{color:#bac8b0;font-size:11px}.progress{background:#aabb922f;border-radius:2px;height:2px}.progress i{background:var(--accent);width:0%;height:100%;transition:width .25s;display:block}#toast{background:var(--panel);opacity:0;pointer-events:none;white-space:nowrap;border-radius:8px;padding:10px 18px;font-size:12px;transition:opacity .2s;position:absolute;top:70%;left:50%;transform:translate(-50%)}#toast.visible{opacity:1}#coverage{border:1px solid var(--line);border-radius:8px;margin-bottom:22px;padding:12px;font-size:12px;line-height:2}.walking .title-card{opacity:0;transition:opacity .5s}@media (width<=760px){header{top:max(14px,env(safe-area-inset-top));align-items:flex-start;gap:6px;left:14px;right:14px}.brand{letter-spacing:.15em;padding:9px 11px;font-size:19px}.brand span{letter-spacing:.12em;font-size:6px}.station-nav{border-radius:9px;gap:6px;padding:5px 10px;left:auto;right:48px;transform:none}.station-nav select{padding:9px 0;font-size:12px}.radius{display:none}.icon-btn{width:40px;height:46px;padding:0;font-size:22px}.icon-btn span{display:none}.title-card{padding:14px 16px;top:95px;left:18px}.eyebrow{letter-spacing:.13em;font-size:7px}h1{margin:10px 0 7px;font-size:30px}.title-card p{font-size:9px}.map-card{width:113px;padding:6px;top:88px;right:14px}#minimap{width:96px;height:96px}.map-caption{font-size:9px}.map-card small{font-size:7px}#compass{padding:5px 10px;font-size:9px;top:235px}#stick{width:112px;height:112px;bottom:145px;left:26px}#knob{top:35px;left:35px}#look{width:45px;height:67px;bottom:161px;right:106px}.action-btn{width:64px;height:64px;bottom:161px;right:22px}.keyboard-hint{display:none}.toolbar{bottom:max(22px,env(safe-area-inset-bottom));justify-content:space-between;left:14px;right:14px}.toolbar button{padding:10px;font-size:9px}.bottom-status{justify-content:center;font-size:9px;bottom:72px;left:14px;right:14px}#fps{display:none}dialog{padding:28px 22px}dialog h2{font-size:23px}#toast{white-space:normal;text-align:center;max-width:90vw;font-size:10px}}@media (height<=550px){.title-card{display:none}.map-card{width:104px;top:85px}#minimap{width:85px;height:85px}#compass{top:80px}#stick{width:95px;height:95px;bottom:80px}#knob{top:27px;left:27px}#stick>span{top:100px}#look,.action-btn{bottom:90px}.keyboard-hint{display:none}.bottom-status{width:auto;bottom:20px;right:auto}.toolbar{bottom:20px;left:auto}.toolbar button{padding:8px}.map-card small{display:none}}