.sri-am{--bg:#06111b;--panel:#0b1a28;--panel2:#102334;--line:#28455d;--text:#edf7ff;--muted:#8ca5b9;--blue:#2e8cff;--cyan:#2ecbf4;--green:#63e58c;--yellow:#f2c94c;background:radial-gradient(circle at 50% 0,#102638,#06111b 58%);color:var(--text);font:13px/1.45 Inter,"Noto Sans JP",system-ui,sans-serif;border-radius:12px;overflow:hidden;box-shadow:0 22px 60px #0008}.sri-am *{box-sizing:border-box}.sri-am button{font:inherit;color:inherit}.sri-am__header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 16px;background:#071521e8;border-bottom:1px solid var(--line)}.sri-am__header h2{font-size:22px;line-height:1.15;margin:0}.sri-am__header p{color:var(--muted);font-size:11px;margin:4px 0 0}.sri-am__badges{display:flex;gap:7px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.sri-am .badge,.sri-am__badges button{background:#0c2030;border:1px solid var(--line);border-radius:8px;padding:7px 9px}.sri-am .live{color:#75ee99}.sri-am button{cursor:pointer}.sri-am button:hover{border-color:var(--cyan)}.sri-am__status{display:flex;gap:8px;align-items:center;padding:6px 16px;background:#071925;border-bottom:1px solid #1b3545;color:#a8c8d9;font-size:11px}.sri-am__status i{width:7px;height:7px;border-radius:50%;background:#ffc400;box-shadow:0 0 8px #ffc400}.sri-am__status.ready i{background:#39e39c;box-shadow:0 0 8px #39e39c}.sri-am__status.error i{background:#ff5738;box-shadow:0 0 8px #ff5738}.sri-am__layout{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:9px;padding:9px}.sri-am__main,.sri-am__right{min-width:0}.sri-am__right{display:flex;flex-direction:column;gap:9px}.sri-am .panel{background:linear-gradient(145deg,#0b1a28,#07131e);border:1px solid var(--line);border-radius:11px;overflow:hidden}.sri-am .panel h3{font-size:13px;font-weight:600;margin:0;padding:9px 11px;border-bottom:1px solid #203b50}.sri-am .panel h3 small{float:right;color:#60cef4;font-weight:500}.sri-am .map-wrap{position:relative;overflow:hidden;background:#07131e;aspect-ratio:1280/820;touch-action:none;cursor:grab}.sri-am .map-wrap.dragging{cursor:grabbing}.sri-am .map-world{position:absolute;inset:0;overflow:hidden}.sri-am .base-map{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;max-width:none;object-fit:fill;user-select:none;pointer-events:none}.sri-am .rain-map,.sri-am .point-map{position:absolute;inset:0;width:100%;height:100%;display:block}.sri-am .rain-map{z-index:2;opacity:.72;mix-blend-mode:screen;pointer-events:none}.sri-am .point-map{z-index:3}.sri-am .map-label,.sri-am .version-badge,.sri-am .map-tools,.sri-am .rain-legend,.sri-am .map-tip{position:absolute;z-index:6;background:#071521e8;border:1px solid var(--line);border-radius:8px}.sri-am .map-label{left:12px;top:12px;padding:8px 10px}.sri-am .map-label b,.sri-am .map-label span{display:block}.sri-am .map-label span{font-size:10px;color:var(--muted)}.sri-am .map-label strong{color:var(--green)}.sri-am .map-label strong.forecast{color:var(--yellow)}.sri-am .version-badge{right:12px;top:12px;padding:4px 7px;color:var(--cyan);font-size:10px}.sri-am .map-tools{right:12px;top:45px;display:grid;gap:4px;padding:5px}.sri-am .map-tools button{min-height:31px;border:1px solid #526879;border-radius:5px;background:#07131ef2;text-align:left;padding:4px 7px}.sri-am .map-tools button:first-child,.sri-am .map-tools button:nth-child(2){width:32px;text-align:center;font-size:18px}.sri-am .map-tools .layer-on{border-color:#36bce9;color:#69ddff}.sri-am .rain-legend{left:12px;bottom:12px;width:280px;padding:8px 10px}.sri-am .rain-legend>b{font-size:11px}.sri-am .rain-legend>div{height:8px;border-radius:5px;background:linear-gradient(90deg,#69b4ff,#36d276,#c8dc45,#ffd64b,#ff8b37,#ff4545,#7d1f64);margin:5px 0}.sri-am .rain-legend>span{display:flex;justify-content:space-between;color:#aac0d0;font-size:9px}.sri-am .rain-legend i{font-style:normal}.sri-am .map-tip{max-width:200px;padding:7px 9px;font-size:11px;pointer-events:none}.sri-am .map-help{padding:5px 10px;text-align:right;color:var(--muted);font-size:10px}.sri-am .station-point{stroke:#07131e;stroke-width:2;cursor:pointer}.sri-am .station-point.none{fill:#718493}.sri-am .station-point.light{fill:#39b8f1}.sri-am .station-point.moderate{fill:#63d878}.sri-am .station-point.heavy{fill:#ffd64b}.sri-am .station-point.very-heavy{fill:#ff4d42}.sri-am .station-point.selected{stroke:#fff;stroke-width:4;filter:url(#sri-am-glow)}.sri-am .current-ring{fill:none;stroke:#2ecbf4;stroke-width:4;filter:url(#sri-am-glow)}.sri-am .current-core{fill:#2ecbf4;stroke:#fff;stroke-width:2}.sri-am .time-controller{margin-top:9px;padding:10px 13px}.sri-am .time-head{display:flex;justify-content:space-between;margin-bottom:6px}.sri-am .time-head span{color:var(--muted);font-size:10px}.sri-am .time-head strong{color:var(--green)}.sri-am .time-head strong.forecast{color:var(--yellow)}.sri-am .ticks{display:flex;justify-content:space-between;color:var(--muted);font-size:9px}.sri-am .ticks b{color:#fff}.sri-am .time-row{display:grid;grid-template-columns:1fr auto auto auto auto;gap:5px;align-items:center}.sri-am .time-row input{width:100%;accent-color:var(--blue)}.sri-am .time-row button{background:#0c2030;border:1px solid var(--line);border-radius:6px;padding:6px 8px}.sri-am .nearby{margin-top:9px}.sri-am .station-strip{display:flex;gap:7px;overflow-x:auto;padding:9px}.sri-am .station-card{flex:0 0 128px;text-align:left;background:var(--panel2);border:1px solid #234159;border-radius:8px;padding:8px}.sri-am .station-card.active{border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}.sri-am .station-card strong,.sri-am .station-card span,.sri-am .station-card small{display:block}.sri-am .station-card .rain-value{font-size:18px;font-weight:700;color:#68a9ff}.sri-am .station-card .temp-value{color:#ffc55c}.sri-am .station-card small{margin-top:3px;color:#a9bdca;font-size:9px}.sri-am .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px}.sri-am .metrics>div{min-width:0;background:var(--panel2);border:1px solid #203d54;border-radius:8px;padding:8px}.sri-am .metrics span{display:block;color:var(--muted);font-size:9px}.sri-am .metrics b{display:block;font-size:15px;margin-top:3px;white-space:normal}.sri-am .observed-at{text-align:right;color:var(--muted);font-size:10px;margin:0;padding:0 10px 8px}.sri-am .trend>p{margin:4px 10px 8px;color:var(--muted);font-size:9px}.sri-am .bars{height:92px;display:flex;align-items:end;gap:4px;margin:10px;border-left:1px solid #29465e;border-bottom:1px solid #29465e;padding:5px}.sri-am .bars i{flex:1;min-height:2px;background:#2e8cff;border-radius:2px 2px 0 0}.sri-am .line-chart{position:relative;height:92px;margin:10px;border-left:1px solid #29465e;border-bottom:1px solid #29465e;color:var(--muted);font-size:10px}.sri-am .line-chart svg{width:100%;height:100%;display:block}.sri-am .line-chart span{position:absolute;right:3px}.sri-am .line-chart span:first-of-type{top:1px}.sri-am .line-chart span:last-of-type{bottom:1px}.sri-am .split{display:grid;grid-template-columns:1fr 1fr;gap:9px}.sri-am .compact p,.sri-am .compact a,.sri-am .data-card p{display:block;margin:0;padding:8px 10px;color:#b6c8d3;font-size:10px}.sri-am .compact a{color:#65d4ff;padding-top:0}.sri-am .data-card b{color:#fff}.sri-am footer{display:flex;justify-content:space-between;gap:15px;padding:9px 16px;border-top:1px solid #263f50;color:#94a9b7;font-size:10px}.sri-am footer b{color:#e5f2f8}.sri-am footer em{color:#5fcff4;font-style:normal;white-space:nowrap}
/* 0 mm is a neutral station marker; rainfall begins with the blue class. */
.sri-am .station-point.zero{fill:#f4f8fb;stroke:#8da1af;stroke-width:1;opacity:.72}
.sri-am .station-point.zero.selected{stroke:#fff;stroke-width:4;opacity:1}
.sri-am .chart-axis{display:flex;justify-content:space-between;margin:-7px 10px 9px;padding-top:4px;border-top:1px solid #29465e;color:#8ca5b9;font-size:9px;font-variant-numeric:tabular-nums}
.sri-am .trend h3 small{float:right;color:#8ca5b9;font-size:9px;font-weight:500}
.sri-am .rain-map.rain-off,.sri-am .rain-map[hidden]{display:none!important}
.sri-am .rain-chart-wrap{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:stretch;margin:10px 10px 0}
.sri-am .rain-chart-wrap .bars{margin:0;height:92px}
.sri-am .rain-scale{display:flex;flex-direction:column;justify-content:space-between;padding:0 5px 1px 0;color:#8ca5b9;font-size:9px;text-align:right;font-variant-numeric:tabular-nums}
.sri-am .rain-axis{margin:0 10px 7px 52px}
.sri-am .footer-credit{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-left:auto;text-align:right}.sri-am .footer-credit small{color:#718896;font-size:8px;letter-spacing:.02em;white-space:nowrap}
@media(max-width:1050px){.sri-am__layout{grid-template-columns:1fr}.sri-am__right{display:grid;grid-template-columns:1fr 1fr}.sri-am .observations,.sri-am .data-card{grid-column:1/-1}}
@media(max-width:700px){.sri-am{border-radius:0}.sri-am__header{display:block}.sri-am__badges{justify-content:flex-start;margin-top:9px}.sri-am__badges .badge:nth-child(2){display:none}.sri-am__layout{padding:6px}.sri-am__right{display:block}.sri-am__right>*{margin-top:7px}.sri-am .map-wrap{aspect-ratio:1280/820}.sri-am .map-label{left:7px;top:7px;padding:5px 7px}.sri-am .version-badge{right:7px;top:7px}.sri-am .map-tools{right:7px;top:37px}.sri-am .map-tools button span{display:none}.sri-am .map-tools button{width:32px;text-align:center;padding:3px}.sri-am .rain-legend{left:7px;bottom:7px;width:210px;padding:5px 7px}.sri-am .time-head{align-items:flex-start;gap:8px}.sri-am .time-head span{text-align:right}.sri-am .time-row{grid-template-columns:42px minmax(88px,1fr) 42px 58px;grid-template-areas:"range range range range" "prev play next now";gap:6px}.sri-am .time-row input{grid-area:range;min-width:0;margin:2px 0 5px}.sri-am .time-row [data-step="-1"]{grid-area:prev}.sri-am .time-row [data-play]{grid-area:play}.sri-am .time-row [data-step="1"]{grid-area:next}.sri-am .time-row [data-now]{grid-area:now}.sri-am .time-row button{width:100%;min-width:0;padding:7px 3px;white-space:nowrap}.sri-am .metrics b{font-size:13px}.sri-am footer{display:block}.sri-am footer span{display:block;margin:3px 0}.sri-am .map-help{display:none}}
@media(max-width:700px){.sri-am .footer-credit{margin-top:7px;justify-content:flex-end;gap:8px;flex-wrap:wrap}.sri-am .footer-credit small{width:100%;font-size:7px;text-align:right}}

/* v1.1.0: shared SRI Field Monitor frame (earthquake / volcano / AMeDAS) */
.sri-am__header{display:grid;grid-template-columns:270px minmax(0,1fr) auto;gap:24px;align-items:center;padding:16px 20px;background:transparent}
.sri-am__brand,.sri-am__title{border-right:1px solid #405566;padding-right:24px}
.sri-am__brand strong{display:block;color:#edf7ff;font-size:22px;letter-spacing:.02em}
.sri-am__brand span,.sri-am__title span{display:block;color:#c8d3db}
.sri-am__title h2{color:#edf7ff!important;-webkit-text-fill-color:#edf7ff!important;font-size:27px!important;line-height:1.05!important;margin:0!important}
.sri-am__meta{display:flex;gap:24px}.sri-am__meta>div+div{border-left:1px solid #405566;padding-left:24px}.sri-am__meta small,.sri-am__meta strong{display:block}.sri-am__meta strong{font-size:18px}
.sri-am__status{display:flex;justify-content:space-between;align-items:center;padding:5px 16px}.sri-am__status>[data-status]{display:flex;align-items:center;gap:8px}.sri-am__status .sri-am__badges{flex-wrap:nowrap}.sri-am__status .badge,.sri-am__status button{padding:3px 7px;border-radius:5px}
.sri-am__layout{grid-template-columns:minmax(0,1fr) 260px;gap:8px;padding:8px}.sri-am__toprow{display:grid;grid-template-columns:195px minmax(0,1fr);gap:8px}.sri-am__right{display:flex;gap:8px}
.sri-am .panel>h3{color:#b9ceda!important;-webkit-text-fill-color:#b9ceda!important;opacity:1!important;font-size:13px;font-weight:600}.sri-am .panel>h3 small{color:#60cef4!important;-webkit-text-fill-color:#60cef4!important;float:none;display:block;margin-top:3px;font-size:9px;line-height:1.35}
.sri-am .observations .metrics{display:block;padding:0 10px}.sri-am .observations .metrics>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;background:none;border:0;border-bottom:1px solid #263b49;border-radius:0;padding:8px 3px}.sri-am .observations .metrics span{font-size:10px}.sri-am .observations .metrics b{font-size:13px;margin:0;text-align:right}.sri-am .observations .observed-at{padding-top:7px}
.sri-am .map-wrap{aspect-ratio:1280/820}.sri-am .map-tools{left:10px;right:auto;top:auto;bottom:10px}.sri-am .rain-legend{left:auto;right:10px;bottom:10px;width:250px}.sri-am .bars{gap:1px}.sri-am .bars i{min-width:1px}.sri-am .chart-loading{align-self:center;width:100%;text-align:center;color:#8ca5b9;font-size:10px}
@media(max-width:1100px){.sri-am__layout{grid-template-columns:minmax(0,1fr) 240px}.sri-am__header{grid-template-columns:230px minmax(0,1fr) auto;gap:16px}.sri-am__title h2{font-size:22px!important}}
@media(max-width:700px){.sri-am__header{display:block;padding:14px 16px}.sri-am__brand,.sri-am__title{border:0;padding:0}.sri-am__brand span{display:none}.sri-am__title{margin-top:8px}.sri-am__title h2{font-size:20px!important}.sri-am__meta{margin-top:10px}.sri-am__status{display:block}.sri-am__status .sri-am__badges{justify-content:flex-start;margin-top:5px}.sri-am__layout{display:block;padding:6px}.sri-am__toprow{grid-template-columns:1fr}.sri-am__right{display:block}.sri-am__right>*{margin-top:7px}.sri-am .observations .metrics{display:grid;grid-template-columns:1fr 1fr;gap:0 8px}.sri-am .rain-legend{right:7px;bottom:7px;width:190px}.sri-am .map-tools{left:7px;right:auto;top:auto;bottom:7px}}