.typhoon-page [data-show]{display:none}.typhoon-page[data-state=watch] [data-show~=watch],.typhoon-page[data-state=alert] [data-show~=alert]{display:block}.typhoon-page .ty-section{margin:2rem 0}.ty-status-strip{display:flex;align-items:center;gap:.6rem;padding:.9rem 1.1rem;margin:1rem 0 1.5rem;font-size:1rem;line-height:1.6;border:1px solid rgba(0,243,255,.2);border-radius:4px;background:#0a1520cc}.ty-status-strip .ty-dot{flex:0 0 auto;width:10px;height:10px;border-radius:50%}.ty-status-loading{color:#ffffffb3}.ty-status-normal{border-color:#0f86}.ty-status-normal .ty-dot{background:#0f8;box-shadow:0 0 8px #0f8}.ty-status-watch{border-color:#ffcc0080}.ty-status-watch .ty-dot{background:#fc0;box-shadow:0 0 8px #fc0;animation:ty-pulse 1.5s infinite}.ty-status-alert{border-color:#f059;background:#3c051959}.ty-status-alert .ty-dot{background:#f05;box-shadow:0 0 10px #f05;animation:ty-pulse 1s infinite}@keyframes ty-pulse{50%{opacity:.4}}.ty-static-summary{margin:0 0 1.5rem;padding:.9rem 1.1rem;border-left:3px solid #00f3ff;background:#0a152099;border-radius:0 4px 4px 0}.ty-static-summary p{font-size:1rem;line-height:1.8;margin:0;color:#ffffffe0}#ty-warning{border:1px solid rgba(255,0,85,.5);border-radius:4px;padding:1rem 1.2rem;background:#3c05194d}.ty-warn-text{font-size:1rem;line-height:1.7}.ty-warn-chips{margin-top:.8rem;display:flex;flex-wrap:wrap;gap:.5rem}.ty-chip{font-size:.85rem;padding:.25rem .6rem;border-radius:3px;border:1px solid rgba(255,0,85,.4);background:#ff00551f;font-family:Share Tech Mono,monospace}.ty-chip em{font-style:normal;opacity:.8;margin-left:.35rem}.ty-map-tabs{display:flex;gap:.5rem;margin-bottom:.8rem}.ty-tab{font-size:.9rem;padding:.45rem 1rem;cursor:pointer;background:#0a1520e6;color:#ffffffbf;border:1px solid rgba(0,243,255,.25);border-radius:3px;font-family:Share Tech Mono,monospace}.ty-tab.active{color:#00f3ff;border-color:#00f3ff;box-shadow:0 0 10px #00f3ff40}.ty-map-wrap{position:relative;border:1px solid rgba(0,243,255,.25);border-radius:4px;overflow:hidden}#ty-map{height:min(70vh,560px);background:#050a10}#ty-windy iframe{width:100%;height:min(70vh,560px);display:block;border:0}.ty-map-hint{font-size:.9rem;opacity:.75;margin-top:.6rem}.ty-eye{font-size:26px;line-height:32px;text-align:center;filter:drop-shadow(0 0 6px #00f3ff)}.ty-watermark{font-family:Share Tech Mono,monospace;font-size:.85rem;color:#00f3ffe6;background:#050a10bf;padding:.25rem .6rem;border:1px solid rgba(0,243,255,.35);border-radius:3px}.ty-pop{font-size:.9rem;line-height:1.6}.ty-pop a{color:#00f3ff}.ty-nearby{margin-top:1rem;border:1px solid rgba(0,243,255,.25);border-radius:4px;padding:1rem 1.2rem;background:#0a1520cc}.ty-nearby h3{font-size:1.05rem;margin:0 0 .6rem;color:#00f3ff}.ty-nearby-list{list-style:none;margin:0;padding:0}.ty-nearby-list li{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px dashed rgba(0,243,255,.15);font-size:.95rem}.ty-nearby-list a{color:#ffffffe6}.ty-nearby-list a:hover{color:#00f3ff}.ty-nearby-dist{font-family:Share Tech Mono,monospace;font-size:.85rem;opacity:.75;flex:0 0 auto}.ty-nearby-loading{font-size:.95rem;opacity:.75}.ty-intensity-cards{display:grid;gap:1rem}.ty-card{border:1px solid rgba(0,243,255,.25);border-radius:4px;background:#0a1520cc;padding:1.1rem 1.3rem}.ty-card-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:.6rem;margin-bottom:.9rem}.ty-card-name{font-family:Orbitron,sans-serif;font-size:1.25rem;color:#00f3ff}.ty-card-en{font-family:Share Tech Mono,monospace;font-size:.9rem;opacity:.75}.ty-card-level{margin-left:auto;font-size:.9rem;padding:.2rem .7rem;border:1px solid rgba(255,149,0,.6);color:#ff9500;border-radius:3px}.ty-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}.ty-stat{display:flex;flex-direction:column;gap:.2rem}.ty-stat-label{font-size:.85rem;opacity:.7}.ty-stat-val{font-family:Share Tech Mono,monospace;font-size:1.15rem;color:#fffffff2}.ty-stat-val em{font-style:normal;font-size:.85rem;opacity:.75}.ty-stat-sm{font-size:.95rem;line-height:1.5}.ty-card-time{margin-top:.9rem;font-size:.85rem;opacity:.7;font-family:Share Tech Mono,monospace}.ty-susp-table{width:100%;border-collapse:collapse;font-size:.95rem}.ty-susp-table th,.ty-susp-table td{text-align:left;padding:.55rem .8rem;border-bottom:1px solid rgba(0,243,255,.15)}.ty-susp-table th{font-size:.85rem;opacity:.75;font-weight:400}.ty-susp-hot td{color:#f57}.ty-susp-empty{font-size:.95rem;opacity:.8}.ty-susp-fallback{display:flex;flex-direction:column;gap:.8rem;font-size:.95rem}.ty-susp-btn{align-self:flex-start;padding:.55rem 1.1rem;font-size:.95rem;border:1px solid #00f3ff;color:#00f3ff;border-radius:3px;text-decoration:none}.ty-susp-btn:hover{background:#00f3ff1f}.ty-source-note{font-size:.85rem;opacity:.7;margin-top:.7rem}.ty-source-note a{color:#00f3ffd9}.ty-rank-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:720px){.ty-rank-grid{grid-template-columns:1fr}}.ty-rank-col h3{font-size:1rem;color:#00f3ff;margin:0 0 .6rem}.ty-rank-table{width:100%;border-collapse:collapse;font-size:.95rem}.ty-rank-table td{padding:.45rem .5rem;border-bottom:1px dashed rgba(0,243,255,.12)}.ty-rank-no{font-family:Share Tech Mono,monospace;color:#00f3ff;width:2rem}.ty-rank-val{text-align:right;font-family:Share Tech Mono,monospace;white-space:nowrap}.ty-rank-val em{font-style:normal;font-size:.85rem;opacity:.75}.ty-rank-empty{font-size:.9rem;opacity:.75}.ty-marine-scroll{overflow-x:auto}.ty-marine-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:640px}.ty-marine-table th{font-size:.85rem;opacity:.75;font-weight:400;text-align:left;padding:.5rem .6rem;border-bottom:1px solid rgba(0,243,255,.25);white-space:nowrap}.ty-marine-table td{padding:.5rem .6rem;border-bottom:1px dashed rgba(0,243,255,.12);white-space:nowrap}.ty-marine-area{display:block;font-size:.85rem;opacity:.7}.ty-marine-wave{font-family:Share Tech Mono,monospace;font-size:1.05rem}.ty-wave-warn{color:#fc0}.ty-wave-high{color:#ff9500}.ty-wave-severe{color:#f05;text-shadow:0 0 8px rgba(255,0,85,.5)}.ty-marine-time{font-family:Share Tech Mono,monospace;font-size:.85rem;opacity:.75}.ty-flood-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.ty-flood-card{display:flex;flex-direction:column;gap:.4rem;padding:1rem 1.2rem;border:1px solid rgba(0,243,255,.25);border-radius:4px;background:#0a1520cc;text-decoration:none}.ty-flood-card:hover{border-color:#00f3ff;box-shadow:0 0 12px #00f3ff33}.ty-flood-title{font-size:1.05rem;color:#00f3ff;font-family:Orbitron,sans-serif}.ty-flood-desc{font-size:.9rem;color:#ffffffbf}.ty-water-tag{font-size:.85rem;margin-left:.4rem;padding:.05rem .4rem;border:1px solid rgba(59,130,246,.6);color:#3b82f6;border-radius:3px}.ty-wall-desc{font-size:1rem;line-height:1.7;opacity:.85;margin-bottom:1.2rem}.ty-wall-desc a{color:#00f3ff}@media(max-width:720px){#ty-map,#ty-windy iframe{height:60vh}.ty-card-grid{grid-template-columns:1fr 1fr}}