@media (width>=901px){.earthquake-app .map-stage{inset:120px 400px 0 0}.earthquake-app .control-panel,.earthquake-app .detail-panel{border:0;border-left:1px solid var(--line);border-radius:0;width:400px;top:120px;bottom:0;right:0;box-shadow:-16px 0 38px #04131e1c}.earthquake-app .control-panel{left:auto}.earthquake-app .detail-panel{animation:none}.earthquake-app .panel-header{display:none}.earthquake-app .panel-scroll{padding-top:9px}:is(.earthquake-app .map-utility-bar,.earthquake-app:has(.detail-panel) .map-utility-bar){box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;padding:4px;top:13px;right:17px}.earthquake-app .map-utility-bar .explore-menu>summary{min-width:38px;padding:0 9px}.earthquake-app .map-utility-bar .explore-menu-label,.earthquake-app .map-utility-bar .explore-menu-more-label{display:none}:is(.earthquake-app .map-zoom-controls,.earthquake-app:has(.detail-panel) .map-zoom-controls){top:20px;right:20px}.earthquake-app .pick-location-notice{top:18px}.earthquake-app .important-event-banner{width:min(380px,100vw - 440px);margin:0;top:132px;left:auto;right:412px}.earthquake-app .observation-map-legend{width:min(360px,100vw - 470px);left:calc(50% - 200px)}}@media (width>=901px) and (width<=1180px){.earthquake-app .control-panel,.earthquake-app .detail-panel{width:360px}.earthquake-app .map-stage{right:360px}.earthquake-app .important-event-banner{right:372px}}@media (width>=901px){.control-panel .panel-search-context-place,.control-panel .place-scope-switch{display:none}.control-panel .panel-search-context{padding:5px 14px 7px}.control-panel .panel-search-context-filters{min-height:31px;margin-top:0}.map-saved-places>button:first-child{margin-right:3px}}@media (width<=900px){.floating-brand{min-height:48px;padding:6px 9px 6px 6px}.floating-brand small,.map-utility-bar .explore-menu-label,.map-menu-hint{display:none}.map-utility-bar{gap:0;padding:2px}.earthquake-app:has(.detail-panel) .map-utility-bar{gap:0;padding:2px}.utility-menu>summary,.map-utility-bar .explore-menu>summary{width:44px;min-width:44px;height:44px;padding:0}.utility-menu-card a,.theme-menu-card button,.explore-menu-group>a,.explore-menu-group>.pwa-install-menu-button,.explore-menu-group>.web-push-menu-button{min-height:48px}.map-zoom-controls{top:max(72px, calc(env(safe-area-inset-top) + 63px))}.earthquake-app:has(.detail-panel) .map-zoom-controls{top:max(72px, calc(env(safe-area-inset-top) + 63px))}.map-zoom-controls button{width:44px;height:44px}.control-panel{border-radius:24px;height:min(56svh,500px);transition:height .22s,border-radius .22s}.control-panel.panel-view-peek{height:198px}:is(.control-panel.panel-view-peek:has(.mobile-panel-peek.is-location-setup),.control-panel.panel-view-peek:has(.mobile-panel-peek.is-notification-setup)){height:224px}.control-panel.panel-view-peek:has(.mobile-location-error){height:274px}.control-panel.panel-view-settings,.control-panel.panel-view-list.content-tab-places,.control-panel.panel-view-list.content-tab-add{height:min(78svh,700px)}.control-panel.is-picking-location{border-radius:20px;height:82px}.control-panel.is-picking-location .mobile-panel-toggle,.control-panel.is-picking-location .mobile-panel-peek,.control-panel.is-picking-location .control-panel-body{display:none}.control-panel.is-picking-location .mobile-location-picker-bar{flex:1;align-items:center;gap:10px;min-height:0;padding:10px 11px;display:flex}.mobile-location-picker-icon{background:var(--teal-soft);width:38px;height:38px;color:var(--teal);border-radius:12px;flex:0 0 38px;place-items:center;font-size:20px;font-weight:700;display:inline-grid}.mobile-location-picker-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.mobile-location-picker-copy strong,.mobile-location-picker-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-location-picker-copy strong{font-size:12px}.mobile-location-picker-copy small{color:var(--muted);font-size:10px}.mobile-location-picker-bar button{border:1px solid var(--line-strong);background:var(--teal-soft);min-width:78px;min-height:44px;color:var(--teal);border-radius:12px;flex:none;padding-inline:13px;font-size:11px;font-weight:850}.theme-dark .mobile-location-picker-icon,.theme-dark .mobile-location-picker-bar button{color:#9ae2dc;background:#143b45;border-color:#82ded73d}.mobile-panel-toggle{flex:0 0 44px;gap:3px;min-height:44px;font-size:11px}.mobile-panel-push-shortcut{z-index:8;background:color-mix(in srgb, var(--teal-soft) 86%, transparent);border-radius:11px;flex-basis:32px;width:32px;height:32px;display:inline-grid;position:absolute;top:7px;right:13px}.mobile-panel-push-shortcut svg{width:17px;height:17px}.mobile-panel-push-shortcut .web-push-status-count{top:-3px;right:-3px}.control-panel.is-picking-location>.mobile-panel-push-shortcut{display:none}.control-panel:has(.mobile-panel-peek.is-location-setup)>.mobile-panel-push-shortcut{display:none}.control-panel:has(.mobile-panel-peek.is-notification-setup)>.mobile-panel-push-shortcut{display:none}.mobile-panel-toggle>span:last-child{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-panel-toggle:after,.detail-mobile-toggle:after{display:none}.mobile-panel-handle{width:44px}.control-panel.panel-view-peek .control-panel-body{display:none}.mobile-panel-peek{flex:1;gap:8px;min-height:0;padding:0 11px 8px}.control-panel.panel-view-peek .mobile-panel-peek{flex-direction:column;display:flex}.control-panel.panel-view-peek.is-picking-location .mobile-panel-peek{display:none}.mobile-peek-summary{justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:0 2px;display:flex}.mobile-peek-summary>span{flex-direction:column;gap:2px;min-width:0;display:flex}.mobile-peek-summary strong,.mobile-peek-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-peek-summary strong{font-size:15px}.mobile-peek-summary small{color:var(--muted);font-size:11px}.mobile-peek-summary button,.mobile-panel-heading button{border:1px solid var(--line-strong);background:var(--teal-soft);min-height:44px;color:var(--teal);border-radius:13px;flex:none;align-items:center;gap:7px;padding:0 12px;font-size:11px;font-weight:800;display:inline-flex}.mobile-peek-actions{flex:none;gap:5px;display:flex}.mobile-peek-actions button{background:#0e65701c;border-color:#0000;justify-content:center;width:44px;padding:0}.mobile-peek-icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:19px;height:19px}.mobile-peek-actions button:last-child{background:var(--teal);color:#fff}.mobile-location-prompt{flex-direction:column;flex:1;justify-content:center;gap:10px;min-height:0;padding:2px 2px 8px;display:flex}.mobile-location-prompt-copy{align-items:center;gap:10px;min-width:0;display:flex}.mobile-location-prompt-copy .location-pin{flex:0 0 40px;width:40px;height:40px}.mobile-notification-icon{color:#e5b85c;background:#e5b85c24;border:1px solid #e5b85c61;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:18px;display:inline-grid}.mobile-location-prompt-copy>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.mobile-location-prompt-copy strong{font-size:14px;line-height:1.2}.mobile-location-prompt-copy small{color:var(--muted);font-size:11px;line-height:1.35}.mobile-location-prompt-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.mobile-location-prompt-actions button{border:1px solid var(--line-strong);min-width:0;min-height:44px;color:var(--teal);border-radius:13px;justify-content:center;align-items:center;gap:6px;padding-inline:8px;font-size:11px;font-weight:800;display:inline-flex}.mobile-location-prompt-actions button.is-primary{border-color:color-mix(in srgb, var(--teal) 42%, transparent);background:var(--teal);color:#fff}.mobile-location-prompt-actions button.is-active{background:var(--teal-soft)}.mobile-location-error{color:#f0b4a8;margin:-2px 2px 0;font-size:10px;line-height:1.35}.mobile-panel-peek .event-row{border-color:var(--line);background:color-mix(in srgb, var(--teal-soft) 72%, transparent);min-height:66px;margin:0;padding:7px}.mobile-peek-empty{border:1px solid var(--line);min-height:66px;color:var(--muted);border-radius:14px;justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex}.mobile-peek-status{color:var(--muted);pointer-events:none;align-items:center;gap:5px;font-size:9px;display:flex;position:absolute;top:18px;left:16px}.mobile-peek-status .live-dot{margin:0}.mobile-panel-heading{border-bottom:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:10px;min-height:60px;padding:7px 12px 9px 15px;display:flex}.mobile-panel-heading>span{flex-direction:column;gap:2px;min-width:0;display:flex}.mobile-panel-heading small{color:var(--muted);font-size:10px}.mobile-panel-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.panel-scroll{padding-top:0;overflow-y:scroll}.control-panel.panel-view-settings .control-panel-body,.control-panel.panel-view-list.content-tab-places .control-panel-body,.control-panel.panel-view-list.content-tab-add .control-panel-body{min-height:0;overflow:hidden}.control-panel.panel-view-settings .panel-scroll,.control-panel.panel-view-list.content-tab-places .panel-scroll,.control-panel.panel-view-list.content-tab-add .panel-scroll{overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:auto;height:0;min-height:0;scroll-padding-bottom:16px;overflow:hidden auto}.control-panel.panel-view-settings .panel-footer,.control-panel.panel-view-list.content-tab-places .panel-footer,.control-panel.panel-view-list.content-tab-add .panel-footer{flex:none}.places-tab-content{touch-action:pan-y}.control-panel.panel-view-list .map-search-intro,.control-panel.panel-view-list .location-card,.control-panel.panel-view-list .radius-control,.control-panel.panel-view-list .history-tabs,.control-panel.panel-view-list .results-toolbar,.control-panel.panel-view-list .filter-grid,.control-panel.panel-view-settings .map-search-intro,.control-panel.panel-view-settings .saved-places-history-preview,.control-panel.panel-view-settings .event-list,.control-panel.panel-view-settings .results-toolbar>div:first-child{display:none}.control-panel.panel-view-settings .results-toolbar{justify-content:flex-end;padding:12px}.control-panel.panel-view-settings .toolbar-actions{width:100%}.control-panel.panel-view-settings .toolbar-actions select,.control-panel.panel-view-settings .filter-button{flex:1}.control-panel.panel-view-list .panel-footer,.control-panel.panel-view-peek .panel-footer{display:none}.control-panel.panel-view-settings .panel-footer{min-height:58px;padding:7px 10px;display:flex}.control-panel.panel-view-settings .legal-disclosure{display:none}.demo-banner,.stale-banner{min-height:50px;margin:8px 12px 0;padding:7px 8px}.demo-banner{grid-template-columns:26px minmax(0,1fr) auto}.demo-banner .status-banner-copy>span{display:none}.demo-banner .status-banner-action{grid-column:auto;align-self:center;min-height:44px;padding-inline:11px}.status-banner-copy strong{margin:0;font-size:12px}.location-card{margin-top:10px;padding:12px}.location-card>.web-push-inline-button{border-color:color-mix(in srgb, var(--teal) 58%, transparent);background:var(--teal);color:#fff;text-align:left;border-radius:13px;justify-content:flex-start;min-height:52px;margin-top:9px;padding:6px 9px;font-size:12.5px}.location-card>.web-push-inline-button>span{background:#ffffff29;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;display:inline-grid}.location-card>.web-push-inline-button:after{content:"›";margin-left:auto;font-size:18px;font-weight:500}.location-share{margin-top:8px}.location-share .event-share-button{text-align:left;border-radius:13px;justify-content:flex-start;gap:10px;min-height:52px;padding:6px 9px}.location-share .event-share-button>span:first-child{background:var(--teal-soft);width:34px;height:34px;color:var(--teal);border-radius:10px;flex:0 0 34px;place-items:center;display:inline-grid}.location-share .event-share-button>strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.location-share .event-share-button:after{color:var(--teal);content:"›";margin-left:auto;font-size:18px;font-weight:500}.location-actions button,.location-share .event-share-button,.web-push-inline-button,.place-search-toggle,.history-tabs button,.toolbar-actions select,.filter-button,.filter-grid select,.sound-button{min-height:44px}.sound-button{flex:none;min-width:44px}.radius-control input[type=range]{background-position:50%;background-repeat:no-repeat;background-size:100% 4px;height:44px;margin-block:-7px -4px}.place-search input{height:44px;font-size:12px}.place-search-toggle{border:1px solid var(--line-strong);width:100%;min-height:52px;color:var(--teal);text-align:left;background:#e8f2ef80;border-radius:13px;justify-content:flex-start;align-items:center;gap:10px;padding:6px 9px;font-size:12.5px;font-weight:800;display:flex}.place-search-toggle>.glyph{background:var(--teal-soft);width:34px;height:34px;color:var(--teal);border-radius:10px;flex:0 0 34px;place-items:center;font-size:17px;display:inline-grid}.place-search-toggle>.place-search-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.place-search-toggle>b{color:var(--teal);font-size:16px;font-weight:600}.theme-dark .place-search-toggle{border-color:var(--line-strong);color:#9ae2dc;background:#0e303b}.theme-dark .place-search-toggle>.glyph{color:#86ddd6;background:#70d0c91f}.place-search-content{display:none}.place-search-content.is-open{margin-top:8px;display:block}.place-search-content>label{display:none}.location-summary small,.location-summary em,.location-actions button,.sound-button,.filter-button,.location-error,.filter-grid select,.toolbar-actions select,.radius-control label,.radius-control output,.history-tabs button{font-size:12px}.location-summary strong{font-size:14px}.place-search-content>label,.filter-grid label,.range-scale{font-size:11px}.event-list{padding:6px 9px 12px}.event-row{grid-template-columns:46px minmax(0,1fr) 14px;gap:10px;min-height:72px;padding:8px 7px}.shindo-tile{width:46px;height:46px}.shindo-tile small{font-size:8px}.shindo-tile strong{font-size:18px}.event-place-copy strong{font-size:13px}.event-place-copy small,.felt-note{font-size:10px}.event-distance,.event-meta,.event-meta b{font-size:11px!important}.map-attribution{bottom:calc(208px + max(8px, env(safe-area-inset-bottom)));max-width:calc(100vw - 78px)}.earthquake-app:has(.control-panel.panel-view-list) .map-attribution{bottom:calc(min(56svh, 500px) + max(16px, env(safe-area-inset-bottom)))}:is(.earthquake-app:has(.control-panel.panel-view-settings) .map-attribution,.earthquake-app:has(.control-panel.panel-view-list.content-tab-places) .map-attribution,.earthquake-app:has(.control-panel.panel-view-list.content-tab-add) .map-attribution,.earthquake-app:has(.detail-panel) .map-attribution){bottom:calc(min(78svh, 700px) + max(16px, env(safe-area-inset-bottom)))}.earthquake-app:has(.control-panel.is-picking-location) .map-attribution{bottom:calc(92px + max(8px, env(safe-area-inset-bottom)))}.detail-panel{height:min(78svh,700px)}.detail-mobile-toggle{flex-basis:44px;min-height:44px;font-size:11px}.detail-scroll{padding:14px 18px 34px}.event-share-button,.icon-button{min-height:44px}.icon-button{width:44px;height:44px}.event-share-button{padding-inline:14px;font-size:12px}.report-status,.detail-time,.detail-place-latin,.magnitude-reading span,.detail-shindo span,.magnitude-reading em,.detail-shindo em,.tsunami-banner small,.distance-cards span,.station-search>span,.station-list .station-location,.station-list-note,.bulletin-list small,.station-romaji,.station-list em,.detail-loading,.empty-observations,.source-note,.bulletin-list strong,.eew-note{font-size:11px!important}.tsunami-banner strong,.detail-section h3,.nearest-station-card strong,.station-search input,.station-list strong,.permanent-report-link{font-size:12px}}@media (width<=900px) and (height<=500px) and (orientation:landscape){.control-panel.panel-view-peek{width:min(390px,55vw - 12px);height:174px;inset:auto 58px 8px 8px}.control-panel.panel-view-list,.control-panel.panel-view-settings{width:min(390px,55vw - 12px);height:auto;inset:66px auto 8px 8px}.control-panel.is-picking-location{width:min(390px,55vw - 12px);height:82px;inset:auto 58px 8px 8px}}
