:root{color:#eef7ff;font-synthesis:none;background:#02050c;font-family:Inter,Noto Sans JP,Yu Gothic UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#earth-globe-root{width:100%;height:100%;margin:0;overflow:hidden}.atlas{background:radial-gradient(circle at 55% 45%,#0c1d38 0,#030711 44%,#010207 100%);width:100%;height:100%;position:relative;overflow:hidden}#globe-canvas{cursor:grab;touch-action:none;width:100%;height:100%;position:absolute;inset:0}#globe-canvas:active{cursor:grabbing}.atlas-header{z-index:4;pointer-events:none;background:linear-gradient(#01040ae0,#0000);justify-content:space-between;align-items:flex-start;padding:24px 28px;display:flex;position:absolute;top:0;left:0;right:0}.kicker{color:#67d8ff;letter-spacing:.18em;font-size:10px;font-weight:700}.atlas-header h1{margin:7px 0 0;font-size:clamp(22px,3vw,38px);font-weight:600}.counts{color:#a8b9cc;gap:14px;padding-top:8px;font-size:12px;display:flex}.counts span{align-items:center;gap:7px;display:flex}.dot{border-radius:50%;width:9px;height:9px;display:inline-block;box-shadow:0 0 12px}.dot.japan{color:#58f4b2;background:#58f4b2}.dot.world{color:#ffb45c;background:#ffb45c}.location-browser{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030912b8;border:1px solid #96d2ff29;border-radius:18px;flex-direction:column;width:min(310px,100vw - 44px);display:flex;position:absolute;top:112px;bottom:54px;left:22px;overflow:hidden;box-shadow:0 18px 70px #00000059}.filters{border-bottom:1px solid #ffffff14;padding:14px}.filters input{color:#eff8ff;background:#0000004d;border:1px solid #96d2ff33;border-radius:10px;outline:none;width:100%;padding:11px 12px}.filters input:focus{border-color:#67d8ff;box-shadow:0 0 0 3px #67d8ff1f}.filter-buttons{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px;display:grid}.filter-buttons button,.detail-actions button,.detail-actions a{color:#a8bbce;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff21;border-radius:9px;padding:9px 10px;text-decoration:none}.filter-buttons button[aria-pressed=true]{color:#e8fbff;background:#32aedc2e;border-color:#67d8ff}.location-list{min-height:0;padding:7px;overflow:auto}.location-row{color:#e8f4ff;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 9px;display:grid}.location-row:hover,.location-row:focus-visible{background:#67d8ff1a;outline:none}.location-row span{min-width:0}.location-row strong,.location-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.location-row strong{font-size:12px;font-weight:600}.location-row small{color:#71859a;margin-top:3px;font-size:10px}.location-row em{color:#71859a;font-size:9px;font-style:normal}.detail-panel{z-index:6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#030912db;border:1px solid #96d2ff2e;border-radius:18px;width:min(390px,100vw - 44px);padding:20px;position:absolute;top:112px;right:22px;box-shadow:0 24px 90px #00000080}.detail-panel.is-hidden{display:none}.panel-close{color:#b5c8d9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff21;border-radius:50%;width:32px;height:32px;position:absolute;top:12px;right:12px}.detail-region{color:#67d8ff;letter-spacing:.14em;font-size:10px}.detail-panel p{color:#8195aa;font-variant-numeric:tabular-nums;margin:0 0 14px;font-size:11px}.viewer-shell{background:#07101d;border:1px solid #ffffff1c;border-radius:12px;height:290px;position:relative;overflow:hidden}.viewer-shell iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.viewer-fallback{color:#9aacbf;pointer-events:none;background:#02060cd1;border-radius:7px;padding:7px 9px;font-size:9px;position:absolute;bottom:8px;left:10px;right:10px}.detail-actions{grid-template-columns:1fr auto;gap:8px;margin-top:12px;display:grid}.detail-actions a{color:#caffea;text-align:center;background:#28a27029;border-color:#58f4b26b}.detail-panel small{color:#708399;margin-top:9px;font-size:9px;display:block}.globe-hint{z-index:3;color:#64788e;letter-spacing:.08em;pointer-events:none;font-size:10px;position:absolute;bottom:22px;right:28px}@media (width<=760px){.atlas-header{padding:18px}.counts{display:none}.location-browser{width:auto;height:34vh;inset:auto 12px 12px}.detail-panel{width:auto;top:86px;left:12px;right:12px}.viewer-shell{height:260px}.globe-hint{display:none}.atlas-header h1{font-size:22px}}.atlas-header{padding:14px 18px}.kicker{letter-spacing:.16em;opacity:.78;font-size:8px}.atlas-header h1{margin-top:4px;font-size:clamp(16px,2vw,24px);font-weight:560}.counts{opacity:.66;gap:9px;padding-top:3px;font-size:8px}.counts .dot{width:6px;height:6px}.location-browser{opacity:.72;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#0309128a;border-radius:13px;width:min(238px,100vw - 28px);transition:width .22s,opacity .22s,background .22s;top:72px;bottom:34px;left:14px}.location-browser:hover,.location-browser:focus-within{opacity:1;background:#030912d6;width:min(286px,100vw - 28px)}.filters{padding:9px}.filters input{border-radius:8px;padding:8px 9px;font-size:10px}.filter-buttons{gap:4px;margin-top:6px}.filter-buttons button{border-radius:7px;padding:6px 7px;font-size:9px}.location-list{padding:4px}.location-row{border-radius:8px;gap:7px;padding:7px 6px}.location-row .dot{width:6px;height:6px}.location-row strong{font-size:10px}.location-row small{margin-top:2px;font-size:8px}.location-row em{font-size:7px}.detail-panel{opacity:.82;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#030912ad;border-radius:14px;width:min(316px,100vw - 28px);padding:14px;transition:opacity .2s,background .2s;top:72px;right:14px}.detail-panel:hover,.detail-panel:focus-within{opacity:1;background:#030912e6}.panel-close{width:25px;height:25px;top:8px;right:8px}.detail-region{font-size:8px}.detail-panel h2{margin:5px 28px 2px 0;font-size:18px}.detail-panel p{margin-bottom:9px;font-size:8px}.viewer-shell{border-radius:9px;height:205px}.viewer-fallback{opacity:.72;padding:5px 6px;font-size:7px;bottom:6px;left:7px;right:7px}.detail-actions{gap:6px;margin-top:8px}.detail-actions button,.detail-actions a{border-radius:7px;padding:7px 8px;font-size:9px}.detail-panel small{margin-top:6px;font-size:7px}.mapillary-preview{width:100%;height:100%;position:absolute;inset:0}.mapillary-preview .mapillary-container{width:100%;height:100%}.mapillary-preview canvas{outline:0}.preview-error{color:#8da2b7;text-align:center;place-items:center;padding:24px;font-size:10px;display:grid;position:absolute;inset:0}.viewer-fallback{z-index:2}.globe-hint{opacity:.56;font-size:8px;bottom:11px;right:16px}.pin-tooltip{z-index:8;color:#dceeff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:none;background:#020911db;border:1px solid #67d8ff47;border-radius:10px;width:min(264px,100vw - 24px);padding:10px 11px;transition:opacity .12s,transform .12s;position:fixed;box-shadow:0 14px 42px #0000006b,0 0 24px #4bc2e514}.pin-tooltip.is-hidden{opacity:0;visibility:hidden;transform:translateY(4px)}.pin-tooltip>span{color:#67d8ff;letter-spacing:.14em;font-size:7px;font-weight:800;display:block}.pin-tooltip>strong{color:#f2f9ff;margin-top:4px;font-size:13px;display:block}.pin-tooltip>p{color:#9db0c1;margin:6px 0 7px;font-size:9px;line-height:1.55}.pin-tooltip>small{color:#8195a8;align-items:center;gap:5px;font-size:7px;display:inline-flex}.pin-tooltip>small:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pin-tooltip>small.coverage{color:#58f4b2}.pin-tooltip>small.standard{color:#5af}.pin-tooltip>small.unavailable{color:#fff}.pin-tooltip>small.unknown{color:#65788b}@media (width<=760px){.atlas-header{padding:12px}.atlas-header h1{font-size:16px}.location-browser,.location-browser:hover,.location-browser:focus-within{opacity:.84;width:auto;height:27vh;bottom:8px;left:8px;right:8px}.detail-panel{width:auto;top:62px;left:8px;right:8px}.viewer-shell{height:32vh;min-height:190px}}