:root{--ink:#111317;--muted:#69717b;--line:#dfe3e8;--paper:#f7f8fa;--live:#0a9656;--estimate:#6c4cc5;--bus:#d66a18;--ship:#137f93;--shadow:0 14px 40px rgba(20,28,38,.12)}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Noto Sans JP","Yu Gothic UI",system-ui,sans-serif}.topbar{height:64px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(18px,3vw,44px);gap:18px;position:sticky;top:0;z-index:20}.brand{font-weight:900;letter-spacing:.14em;text-decoration:none;color:#111}.title{display:flex;align-items:baseline;gap:8px}.title span{font-size:11px;color:var(--muted)}.topstatus{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}#healthDot{width:8px;height:8px;border-radius:50%;background:#aaa}#healthDot.ok{background:var(--live);box-shadow:0 0 0 4px rgba(10,150,86,.12)}#healthDot.bad{background:#c63c3c}main{max-width:1600px;margin:auto;padding:0 20px 52px}.intro{display:grid;grid-template-columns:1fr minmax(280px,560px);gap:40px;align-items:end;padding:42px 8px 26px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#777}.intro h1{font-size:clamp(34px,4vw,64px);line-height:1.02;letter-spacing:-.055em;margin:0}.lead{font-size:14px;line-height:1.85;color:#5e6670}.map-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}.controls{display:flex;gap:8px;overflow:auto;padding:12px;border-bottom:1px solid var(--line)}.chip{border:1px solid #d7dce2;background:#fff;border-radius:15px;min-width:172px;padding:10px 12px;display:grid;grid-template-columns:24px 1fr auto;grid-template-rows:auto auto;column-gap:7px;text-align:left;cursor:pointer}.chip>span{grid-row:1/3;align-self:center;font-size:20px}.chip b{font-size:14px}.chip small{font-size:10px;color:#79818b}.chip em{grid-row:1/3;grid-column:3;font-style:normal;font-size:17px;font-weight:900;align-self:center}.chip.active{background:#111317;color:#fff;border-color:#111317}.chip.active small{color:#bec4ca}.map-status{height:34px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid var(--line);font-size:11px;color:#68717b}#map{height:min(72vh,820px);min-height:560px}.vehicle-marker{position:relative;width:32px;height:32px;border-radius:50%;background:#fff;border:3px solid #222;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 14px rgba(0,0,0,.2);font-size:17px}.vehicle-marker.aircraft{border-color:var(--live)}.vehicle-marker.train{border-color:var(--estimate)}.vehicle-marker.bus{border-color:var(--bus)}.vehicle-marker.ship{border-color:var(--ship)}.legend{position:absolute;left:16px;bottom:14px;background:rgba(255,255,255,.94);border:1px solid #e1e5e9;border-radius:13px;padding:8px 11px;display:flex;gap:13px;font-size:10px;z-index:4}.legend span{display:flex;align-items:center;gap:5px}.legend i{display:block;width:8px;height:8px;border-radius:50%}.legend .live{background:var(--live)}.legend .estimate{background:var(--estimate)}.legend .route{border-radius:0;width:14px;height:2px;background:#53697b}.vehicle-card{position:absolute;right:16px;top:100px;width:min(360px,calc(100% - 32px));z-index:5;background:rgba(255,255,255,.97);border:1px solid #dfe3e8;border-radius:18px;padding:18px;box-shadow:var(--shadow)}.vehicle-card.hidden{display:none}.vehicle-card button{position:absolute;right:10px;top:8px;border:0;background:none;font-size:22px}.vehicle-card h3{margin:0 30px 12px 0}.vehicle-card dl{display:grid;grid-template-columns:88px 1fr;gap:8px 10px;font-size:12px}.vehicle-card dt{color:#7a828c}.vehicle-card dd{margin:0;font-weight:650}.badge{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900;background:#f0edf9;color:#5b41aa}.badge.live{background:#e6f6ee;color:#087943}.trust{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.trust article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.trust strong{font-size:11px;color:#9198a0}.trust h2{font-size:17px;margin:24px 0 8px}.trust p{font-size:12px;line-height:1.8;color:#666f79}footer{max-width:1600px;margin:auto;padding:24px 28px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#7b838b;font-size:11px}footer nav{display:flex;gap:18px}footer a{color:inherit}@media(max-width:850px){main{padding:0 10px 30px}.intro{grid-template-columns:1fr;gap:16px;padding:28px 5px 20px}.intro h1{font-size:42px}.map-card{border-radius:18px}.chip{min-width:154px}.trust{grid-template-columns:1fr}#map{height:68vh;min-height:500px}.topbar{padding:0 14px}}.vehicle-marker .glyph{display:block;line-height:1;transform-origin:50% 50%;will-change:transform}.vehicle-marker.ship .glyph{font-size:15px;color:var(--ship)}.vehicle-marker.aircraft .glyph{font-size:18px;color:#101820}