.ty-shell{background-image:linear-gradient(color-mix(in srgb, var(--border) 35%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--border) 35%, transparent) 1px, transparent 1px);background-size:18px 18px;min-height:calc(100dvh - 4rem);padding:.75rem}.ty-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;padding:1rem 1.1rem;display:flex}.ty-kicker{color:var(--accent);letter-spacing:.14em;text-transform:none;font-size:.65rem;font-weight:800}.ty-header h1{color:var(--foreground);margin-top:.16rem;font-size:clamp(1.25rem,2.2vw,1.85rem);font-weight:800}.ty-intro{color:var(--muted);margin-top:.3rem;font-size:.78rem}.ty-header-actions,.ty-legend{flex-wrap:wrap;gap:.45rem;display:flex}.ty-header-actions .chip{color:var(--foreground-soft);align-items:center;gap:.42rem;padding:.44rem .62rem;font-size:.68rem;display:inline-flex}.ty-header-actions .chip>i{background:var(--muted);width:.45rem;height:.45rem}.ty-header-actions .chip>i.is-live{background:#4ade80;animation:1.4s steps(2,end) infinite ty-live;box-shadow:0 0 0 3px #4ade802e}.ty-refresh{cursor:pointer}.ty-refresh:disabled{cursor:wait;opacity:.55}.ty-body{grid-template-columns:minmax(0,1fr) 320px;gap:.75rem;min-height:580px;display:grid}.ty-map-card{flex-direction:column;min-width:0;padding:.75rem;display:flex}.ty-map-heading{justify-content:space-between;align-items:center;gap:.75rem;padding:.1rem .2rem .6rem;display:flex}.ty-map-view-tools{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ty-map-switch{border:1px solid var(--border-strong);background:var(--background);padding:2px;display:inline-flex}.ty-map-switch button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:.3rem .48rem;font-size:.6rem;font-weight:700}.ty-map-switch button:hover{color:var(--foreground)}.ty-map-switch button.is-active{background:var(--accent);color:var(--background)}.ty-map-switch button:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.ty-map-range{color:var(--muted);letter-spacing:.08em;font-size:.6rem}.ty-legend span{color:var(--muted);align-items:center;gap:.28rem;font-size:.62rem;display:inline-flex}.ty-legend i{border-top:2px solid var(--accent);width:.75rem;display:block}.ty-legend i.forecast{border-color:#fbbf24;border-top-style:dashed}.ty-legend i.radius{border:1px dashed #67e8f9;border-radius:50%;height:.46rem}.ty-map-stage{border:var(--pixel) solid var(--border);background:color-mix(in srgb, var(--surface) 55%, var(--background));flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.ty-map{object-fit:contain;width:100%;height:100%;max-height:calc(100dvh - 15rem);display:block}.ty-ocean{fill:color-mix(in srgb, var(--surface) 68%, var(--background))}.ty-land-base{fill:color-mix(in srgb, var(--foreground-soft) 7%, var(--background))}.ty-land-dot{fill:color-mix(in srgb, var(--foreground-soft) 68%, var(--border-strong))}.ty-sea-dot{fill:color-mix(in srgb, var(--border-strong) 62%, transparent)}.ty-land{stroke:none}.ty-korea-highlight{fill:color-mix(in srgb, var(--accent) 17%, transparent);stroke:color-mix(in srgb, var(--accent) 82%, var(--foreground-soft));stroke-width:1.45px;vector-effect:non-scaling-stroke}.ty-coastline{stroke:color-mix(in srgb, var(--foreground) 78%, var(--border-strong));stroke-width:1.15px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.ty-country-border{stroke:color-mix(in srgb, var(--foreground-soft) 55%, var(--border));stroke-width:.8px;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.ty-grid line{stroke:color-mix(in srgb, var(--border-strong) 65%, transparent);stroke-width:.65px;stroke-dasharray:2 4;opacity:.72;vector-effect:non-scaling-stroke}.ty-place-labels text{fill:var(--foreground-soft);font-family:var(--font-mono), monospace;paint-order:stroke;stroke:color-mix(in srgb, var(--background) 92%, transparent);stroke-width:2px;stroke-linejoin:round;vector-effect:non-scaling-stroke;font-weight:700}.ty-place-country text,.ty-place-sea text{text-anchor:middle}.ty-place-country text{letter-spacing:.08em;opacity:.82}.ty-place-city rect{fill:var(--accent);stroke:var(--background);stroke-width:.5px;vector-effect:non-scaling-stroke}.ty-place-city text{fill:var(--foreground)}.ty-place-sea text{fill:color-mix(in srgb, #67e8f9 68%, var(--muted));letter-spacing:.12em;opacity:.82;font-weight:600}.ty-scale line{stroke:var(--foreground);stroke-width:1px;vector-effect:non-scaling-stroke}.ty-scale text{fill:var(--foreground);font-family:var(--font-mono), monospace;text-anchor:middle;paint-order:stroke;stroke:var(--background);stroke-width:2px;vector-effect:non-scaling-stroke}.ty-track{fill:none;stroke-linecap:square;stroke-linejoin:bevel;vector-effect:non-scaling-stroke}.ty-track-actual{stroke:var(--accent);stroke-width:2px}.ty-track-forecast{stroke:#fbbf24;stroke-width:2px;stroke-dasharray:5 5}.ty-track-dot{fill:var(--foreground);stroke:var(--background);stroke-width:.12px}.ty-forecast-point rect{fill:var(--background);stroke:#fbbf24;stroke-width:.18px}.ty-forecast-point text{fill:#fbbf24;font-family:var(--font-mono), monospace;paint-order:stroke;stroke:var(--background);stroke-width:.28px;font-size:.66px;font-weight:800}.ty-wind-radius{fill:#67e8f914;stroke:#67e8f9;stroke-width:1.5px;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}.ty-event-marker{cursor:pointer}.ty-event-marker rect{stroke:var(--background);stroke-width:.2px}.ty-event-marker:focus-visible{outline:none}.ty-event-marker:focus-visible rect{stroke:var(--accent);stroke-width:.35px}.ty-cyclone-halo{fill:color-mix(in srgb, var(--accent) 16%, transparent);stroke:color-mix(in srgb, var(--accent) 55%, transparent);stroke-width:.12px}.ty-cyclone-spin{animation:2.4s steps(12,end) infinite ty-spin}.ty-cyclone-spin.is-static{opacity:.58;animation:none}.ty-cyclone-spin path{fill:none;stroke:var(--accent);stroke-width:.62px;stroke-linecap:square}.ty-cyclone-spin rect{fill:var(--foreground)}.ty-map-note{color:var(--muted);padding:.55rem .2rem .05rem;font-size:.65rem}.ty-map-status{background:color-mix(in srgb, var(--background) 82%, transparent);color:var(--foreground-soft);text-align:center;place-items:center;padding:1rem;font-size:.78rem;display:grid;position:absolute;inset:0}.ty-map-banner{border:1px solid var(--border-strong);background:color-mix(in srgb, var(--background) 92%, transparent);max-width:calc(100% - 1.5rem);color:var(--foreground-soft);text-align:center;padding:.28rem .55rem;font-size:.64rem;position:absolute;top:.65rem;left:50%;transform:translate(-50%)}.ty-panel{flex-direction:column;gap:.75rem;min-width:0;display:flex}.ty-panel>.card{padding:.85rem}.ty-summary-head,.ty-section-title{justify-content:space-between;align-items:center;gap:.65rem;display:flex}.ty-summary-head h3{color:var(--foreground);margin-top:.1rem;font-size:1.15rem;font-weight:800}.ty-alert{font-family:var(--font-mono), monospace;text-transform:uppercase;border:1px solid;padding:.22rem .38rem;font-size:.58rem;font-weight:800}.ty-alert-green{color:#4ade80}.ty-alert-orange{color:#fbbf24}.ty-alert-red{color:#fb7185}.ty-status-name{color:var(--foreground-soft);margin-top:.7rem;font-size:.72rem;font-weight:700}.ty-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-top:.45rem;display:grid}.ty-stats>div{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 84%, var(--background));min-width:0;padding:.48rem}.ty-stats span,.ty-stats small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.55rem;display:block;overflow:hidden}.ty-stats strong{color:var(--foreground);font-family:var(--font-mono), monospace;text-overflow:ellipsis;white-space:nowrap;margin:.12rem 0;font-size:.78rem;display:block;overflow:hidden}.ty-updated,.ty-loading-line{color:var(--muted);margin-top:.55rem;font-size:.62rem}.ty-report-link{color:var(--accent);text-underline-offset:2px;margin-top:.58rem;font-size:.65rem;text-decoration:underline;display:inline-block}.ty-section-title h3{color:var(--foreground-soft);font-size:.75rem;font-weight:800}.ty-section-title span{color:var(--muted);font-size:.58rem}.ty-forecast ol{margin-top:.45rem}.ty-forecast li{border-top:1px solid var(--border);grid-template-columns:.5rem 1fr auto;align-items:center;gap:.42rem;padding:.4rem 0;display:grid}.ty-time-dot{border:1px solid #fbbf24;width:.42rem;height:.42rem}.ty-forecast li strong,.ty-forecast li small{font-size:.58rem;display:block}.ty-forecast li strong{color:var(--foreground-soft)}.ty-forecast li small{color:var(--muted);margin-top:.1rem}.ty-forecast li b{color:#fbbf24;font:700 .63rem var(--font-mono), monospace}.ty-event-list{flex-direction:column;gap:.25rem;margin-top:.45rem;display:flex}.ty-event-row{width:100%;color:var(--foreground-soft);text-align:left;cursor:pointer;border:1px solid #0000;grid-template-columns:.45rem minmax(0,1fr) auto;align-items:center;gap:.45rem;padding:.42rem;display:grid}.ty-event-row:hover,.ty-event-row.is-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.ty-event-light{background:currentColor;width:.4rem;height:.4rem}.ty-event-row strong,.ty-event-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ty-event-row strong{font-size:.66rem}.ty-event-row small{color:var(--muted);margin-top:.1rem;font-size:.54rem}.ty-event-row b{color:var(--muted);font:700 .6rem var(--font-mono), monospace}.ty-empty{color:var(--muted);margin-top:.55rem;font-size:.62rem}.ty-credit{border-top:1px solid var(--border);color:var(--muted);margin-top:.75rem;padding:.65rem .15rem 0;font-size:.62rem;line-height:1.55}.ty-credit a{color:var(--foreground-soft);text-underline-offset:2px;text-decoration:underline}@keyframes ty-spin{to{transform:rotate(360deg)}}@keyframes ty-live{50%{opacity:.38}}@media (max-width:880px){.ty-body{grid-template-columns:minmax(0,1fr) 280px}}@media (max-width:720px){.ty-shell{padding:.55rem}.ty-header{flex-direction:column}.ty-body{flex-direction:column;min-height:0;display:flex}.ty-map-stage{min-height:min(82vw,430px)}.ty-map{max-height:none}.ty-panel{grid-template-columns:1fr;display:grid}.ty-map-heading{flex-direction:column;align-items:flex-start}.ty-map-view-tools{justify-content:space-between;width:100%}.ty-map-range{font-size:.54rem}}@media (prefers-reduced-motion:reduce){.ty-cyclone-spin,.ty-header-actions .chip>i.is-live{animation:none!important}}