/* HealingMart Weather MAP-FIRST v17.2
   Canonical layout layer for v4.0.
   Existing API, map and weather selectors are preserved; this file owns product layout. */
:root{
  --hm-ink:#102a34;
  --hm-muted:#667983;
  --hm-line:#dce6e9;
  --hm-bg:#f7f9fa;
  --hm-panel:#ffffff;
  --hm-navy:#0d2d3a;
  --hm-mint:#0fa79e;
  --hm-blue:#2478d7;
  --hm-radius:14px;
  --hm-touch:44px;
}
html,body{background:var(--hm-bg)!important;color:var(--hm-ink)!important;font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;text-rendering:optimizeLegibility}
button,input{font:inherit!important}
button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid rgba(36,120,215,.25)!important;outline-offset:2px!important}
[hidden]{display:none!important}
#app.app-v1520{width:100%!important;max-width:none!important;min-height:100dvh!important;margin:0!important;padding:0 14px 12px!important;background:var(--hm-bg)!important}

/* ---------- Header ---------- */
#app.app-v1520 .appbar{height:64px!important;min-height:64px!important;grid-template-columns:250px minmax(320px,700px) 160px!important;gap:18px!important;padding:8px 0!important;border-bottom:1px solid rgba(16,42,52,.08)!important;background:rgba(247,249,250,.97)!important;backdrop-filter:blur(12px)!important}
#app.app-v1520 .brand-mark{width:40px!important;height:40px!important;border-radius:12px!important;background:var(--hm-navy)!important;box-shadow:none!important}
#app.app-v1520 .brand-mark svg{width:25px!important;height:25px!important}
#app.app-v1520 .brand-copy strong{font-size:20px!important;letter-spacing:-.55px!important}
#app.app-v1520 .brand-copy b{color:var(--hm-blue)!important;font-size:9px!important;letter-spacing:.12em!important}
#app.app-v1520 .brand-copy small{display:none!important}
#app.app-v1520 .header-search-zone .search{height:44px!important;border:1px solid #d7e1e5!important;border-radius:13px!important;background:#fff!important;box-shadow:none!important}
#app.app-v1520 .header-icon-button{min-width:58px!important;height:44px!important;border-radius:12px!important}

/* ---------- Service navigation ---------- */
.hm-control-deck{position:relative;z-index:90;height:58px;display:flex;align-items:stretch;justify-content:space-between;gap:12px;border-bottom:1px solid var(--hm-line);background:#fff}
.hm-product-tabs{display:flex;align-items:stretch;flex:1;min-width:0;height:100%}
.hm-product-tabs>button{position:relative;flex:1;min-width:130px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:18px 19px;column-gap:7px;align-content:center;padding:7px 14px;border:0;background:transparent;color:#6b7d85;text-align:left}
.hm-product-tabs>button>span{align-self:end;color:#84949b;font-size:8px;font-weight:900;letter-spacing:.12em}
.hm-product-tabs>button>strong{align-self:end;color:#31464f;font-size:14px;line-height:18px;letter-spacing:-.25px}
.hm-product-tabs>button>small{grid-column:1/-1;color:#8c989e;font-size:9px;font-weight:700;white-space:nowrap}
.hm-product-tabs>button:after{content:"";position:absolute;right:14px;bottom:0;left:14px;height:3px;border-radius:3px 3px 0 0;background:transparent}
.hm-product-tabs>button:hover{background:#f7fafb}
.hm-product-tabs>button.is-active{background:#f8fbfc}
.hm-product-tabs>button.is-active>strong{color:var(--hm-navy)}
.hm-product-tabs>button.is-active:after{background:var(--hm-mint)}
.hm-product-tabs>button[data-hm-product="korea"].is-active:after{background:#ef7358}
.hm-product-tabs>button[data-hm-product="world"].is-active:after{background:#efa344}

/* One view menu instead of five independent layouts. */
.hm-view-menu{position:relative;flex:0 0 auto;display:flex;align-items:center;padding-right:2px}
.hm-view-menu-trigger{height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #dbe5e8;border-radius:11px;background:#fff;color:#38505a;font-size:11px;font-weight:850}
.hm-view-menu-trigger>span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:#eef5f4;color:#0b837b;font-size:10px}
.hm-view-menu-trigger>i{font-style:normal;color:#809097}
.hm-view-menu-popover{position:absolute;z-index:120;top:48px;right:0;width:250px;padding:6px;border:1px solid #dbe5e8;border-radius:14px;background:#fff;box-shadow:0 18px 45px rgba(15,41,53,.16)}
.hm-view-menu-popover button{width:100%;min-height:54px;display:grid;gap:2px;padding:9px 11px;border:0;border-radius:10px;background:transparent;text-align:left}
.hm-view-menu-popover button:hover,.hm-view-menu-popover button.is-active{background:#edf7f5}
.hm-view-menu-popover strong{font-size:12px;color:#243d47}.hm-view-menu-popover small{font-size:10px;color:#788991;line-height:1.4}
.hm-control-deck.is-disabled .hm-view-menu{display:none}

/* ---------- Shared desktop map shell ---------- */
.hm-mobile-sheet-toggle,.hm-compare-sheet-toggle{display:none}
@media (min-width:761px){
  body{overflow:hidden!important}
  #app.app-v1520 .app-workspace{position:relative!important;height:calc(100dvh - 134px)!important;min-height:540px!important;margin-top:8px!important;padding:0!important;display:grid!important;grid-template-columns:318px minmax(0,1fr)!important;grid-template-rows:minmax(300px,1fr) 188px!important;gap:10px!important;overflow:hidden!important}
  #app.app-v1520 .sidebar-stack{grid-column:1!important;grid-row:1/3!important;min-height:0!important;gap:8px!important;padding-bottom:0!important;overflow:auto!important;scrollbar-width:thin}
  #app.app-v1520 .app-workspace>.map-stage{grid-column:2!important;grid-row:1!important;min-width:0!important;min-height:0!important;border-radius:var(--hm-radius)!important;overflow:hidden!important}
  #app.app-v1520 .weather-dock{grid-column:2!important;grid-row:2!important;height:auto!important;min-height:0!important;border-radius:var(--hm-radius)!important;overflow:hidden!important}
}
#app.app-v1520 .weather-side-card,#app.app-v1520 .map-stage,#app.app-v1520 .weather-dock{border-color:var(--hm-line)!important;box-shadow:none!important}
#app.app-v1520 .weather-side-card{border-radius:var(--hm-radius)!important;background:#fff!important}
#app.app-v1520 .weather-side-art{opacity:.22!important}
#app.app-v1520 .weather-side-current .eyebrow{font-size:12px!important;color:#0e877f!important}
#app.app-v1520 .weather-side-current .hero-location-row h1{font-size:24px!important;line-height:1.24!important;letter-spacing:-.7px!important}
#app.app-v1520 .sidebar-weather-main>strong{font-size:56px!important;line-height:1!important;letter-spacing:-3px!important;color:var(--hm-navy)!important}
#app.app-v1520 .sidebar-weather-main>span{font-size:15px!important;color:#2c444d!important}
#app.app-v1520 .sidebar-weather-meta small{font-size:11px!important}#app.app-v1520 .sidebar-weather-meta b{font-size:13px!important}
#app.app-v1520 .map-product-toolbar{height:42px!important;min-height:42px!important}
#app.app-v1520 .map-canvas{height:calc(100% - 42px)!important;min-height:0!important}
#app.app-v1520 .map-view-tabs button{min-width:var(--hm-touch)!important;height:32px!important;border-radius:8px!important;box-shadow:none!important}
#app.app-v1520 .map-view-tabs button.is-active{background:var(--hm-navy)!important;border-color:var(--hm-navy)!important}
#app.app-v1520 .map-context{max-width:min(520px,calc(100% - 38px))!important;border-radius:12px!important;box-shadow:0 10px 30px rgba(16,42,52,.12)!important;backdrop-filter:blur(10px)!important}
#app.app-v1520 .dock-tabs{flex-basis:42px!important;height:42px!important;padding:0 8px!important}
#app.app-v1520 .dock-tabs .layer-button{height:42px!important;min-width:92px!important}
#app.app-v1520 .dock-tabs .layer-button .layer-copy small{font-size:11px!important;line-height:42px!important}
#app.app-v1520 .dock-panel #panel-content{padding:7px 9px!important}
#app.app-v1520 .dock-primary .weather-hour-card,#app.app-v1520 .dock-metric-card,#app.app-v1520 .dock-day-card{min-height:88px!important}

/* Alternative views change only density/scale, not DOM structure. */
#app[data-view="large"] .weather-side-current .hero-location-row h1{font-size:29px!important}
#app[data-view="large"] .sidebar-weather-main>strong{font-size:70px!important}
#app[data-view="large"] .sidebar-weather-meta small{font-size:12px!important}#app[data-view="large"] .sidebar-weather-meta b{font-size:15px!important}
@media (min-width:761px){
  #app[data-view="large"] .app-workspace{grid-template-columns:370px minmax(0,1fr)!important}
  #app[data-view="focus"] .app-workspace{grid-template-columns:minmax(0,1fr)!important}
  #app[data-view="focus"] .sidebar-stack{position:absolute!important;z-index:35!important;top:14px!important;left:14px!important;width:320px!important;max-height:calc(100% - 28px)!important;grid-column:auto!important;grid-row:auto!important;pointer-events:none!important;background:transparent!important;overflow:visible!important}
  #app[data-view="focus"] .sidebar-stack>*{display:none!important}
  #app[data-view="focus"] .sidebar-stack>.weather-side-card{display:block!important;pointer-events:auto!important;background:rgba(255,255,255,.96)!important;box-shadow:0 15px 40px rgba(15,41,53,.18)!important}
  #app[data-view="focus"] .app-workspace>.map-stage{grid-column:1!important;grid-row:1!important}
  #app[data-view="focus"] .weather-dock{grid-column:1!important;grid-row:2!important}
  #app[data-view="easy"] .hm-easy-panel{display:block!important}
  #app[data-view="easy"] .sidebar-top3{display:none!important}
}

/* ---------- Compare ---------- */
.hm-compare-tray{display:none;min-width:0;overflow:hidden;border:1px solid var(--hm-line);background:#fff}
.hm-compare-head{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:13px 17px 8px}
.hm-compare-head small{color:#167d75;font-size:9px;font-weight:900;letter-spacing:.12em}.hm-compare-head h2{margin:3px 0 0;font-size:19px;letter-spacing:-.5px}.hm-compare-head p{margin:4px 0 0;color:#697b83;font-size:10px}.hm-compare-head>strong{flex:0 0 auto;padding:6px 9px;border-radius:8px;background:var(--hm-navy);color:#fff;font-size:11px}
.hm-compare-actions{display:flex;gap:6px;padding:0 17px 9px;overflow-x:auto;scrollbar-width:none}.hm-compare-actions::-webkit-scrollbar{display:none}.hm-compare-actions button{flex:0 0 auto;height:32px;padding:0 11px;border:1px solid #dce5e8;border-radius:8px;background:#fff;color:#53676f;font-size:10px;font-weight:850}.hm-compare-actions button:first-child{border-color:#a8d7d2;background:#ecf8f6;color:#087d75}.hm-compare-actions button:disabled{opacity:.42}
.hm-compare-cards{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);min-height:0;overflow-x:auto;border-top:1px solid #e3eaec;scrollbar-width:thin}.hm-compare-card{position:relative;min-width:190px;padding:11px 14px 10px;border-left:1px solid #e3eaec;background:#fff}.hm-compare-card:first-child{border-left:0}.hm-compare-card>button{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;border-radius:8px;background:#f2f5f6;color:#6f7e85;font-size:17px}.hm-compare-card>small{display:block;color:#0b877e;font-size:8px;font-weight:900}.hm-compare-card h3{margin:4px 30px 6px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.hm-compare-main{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:end}.hm-compare-main>strong{font-size:31px;line-height:1;letter-spacing:-1.6px}.hm-compare-main span{display:flex;flex-direction:column;gap:2px;color:#41545c;font-size:10px;font-weight:800}.hm-compare-main span small{color:#849198;font-size:8px}.hm-compare-facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:9px;border-top:1px solid #e8edef}.hm-compare-facts div{padding:6px 5px 0;border-left:1px solid #e8edef;text-align:center}.hm-compare-facts div:first-child{border-left:0}.hm-compare-facts dt{color:#849198;font-size:8px;font-weight:800}.hm-compare-facts dd{margin:2px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;font-weight:900}.hm-compare-loading,.hm-compare-empty{min-height:105px;display:grid;place-items:center;color:#77868d;font-size:11px;text-align:center}.hm-compare-marker{display:flex;align-items:center;gap:5px;padding:5px 8px 5px 5px;border:2px solid #fff;border-radius:10px;background:var(--hm-navy);color:#fff;box-shadow:0 8px 20px rgba(12,32,45,.24);white-space:nowrap}.hm-compare-marker b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--hm-blue);font-size:10px}.hm-compare-marker span{font-size:10px;font-weight:900}
@media (min-width:761px){
  #app[data-product="compare"] .app-workspace{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(300px,1fr) 230px!important}
  #app[data-product="compare"] .sidebar-stack,#app[data-product="compare"] .weather-dock{display:none!important}
  #app[data-product="compare"] .app-workspace>.map-stage{grid-column:1!important;grid-row:1!important}
  #app[data-product="compare"] .hm-compare-tray{display:grid!important;grid-column:1!important;grid-row:2!important;grid-template-rows:auto auto minmax(0,1fr);border-radius:var(--hm-radius)!important}
}

/* ---------- Korea LIVE ---------- */
#app[data-product="korea"]{--hm-korea-rail:clamp(330px,23vw,390px);--hm-korea-accent:#ef6c4e;--hm-korea-accent-soft:rgba(239,108,78,.15);--hm-korea-map-wash:rgba(239,108,78,.10)}
#app[data-product="korea"][data-korea-topic="cool"]{--hm-korea-accent:#3b82d0;--hm-korea-accent-soft:rgba(59,130,208,.15);--hm-korea-map-wash:rgba(59,130,208,.10)}
#app[data-product="korea"][data-korea-topic="rain"]{--hm-korea-accent:#147d9f;--hm-korea-accent-soft:rgba(20,125,159,.16);--hm-korea-map-wash:rgba(20,125,159,.10)}
#app[data-product="korea"][data-korea-topic="wind"]{--hm-korea-accent:#159b91;--hm-korea-accent-soft:rgba(21,155,145,.16);--hm-korea-map-wash:rgba(21,155,145,.10)}
#app[data-product="korea"][data-korea-topic="humidity"]{--hm-korea-accent:#7367b7;--hm-korea-accent-soft:rgba(115,103,183,.16);--hm-korea-map-wash:rgba(115,103,183,.10)}
#app:not([data-product="korea"]) .hm-korea-live__map-overlay,#app:not([data-product="korea"]) .hm-korea-live__footer-cards,#app:not([data-product="korea"]) .hm-korea-feature-panel,#app:not([data-product="korea"]) .hm-korea-flow-tools{display:none!important}
#app[data-product="korea"] .map-context,#app[data-product="korea"] .map-hint,#app[data-product="korea"] .hm-korea-intro{display:none!important}
#app[data-product="korea"] .hm-korea-live__map-overlay{display:block;position:absolute;z-index:18;inset:0 var(--hm-korea-rail) 0 0;background:radial-gradient(circle at 60% 42%,var(--hm-korea-map-wash),transparent 36%);pointer-events:none}
#app[data-product="korea"] .hm-korea-feature-panel.hm-korea-live__hero{display:block!important;position:absolute!important;z-index:42!important;top:20px!important;left:20px!important;width:min(590px,calc(100% - var(--hm-korea-rail) - 42px))!important;padding:17px 18px 15px!important;border:1px solid rgba(255,255,255,.94)!important;border-radius:17px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 16px 42px rgba(15,39,51,.15)!important;backdrop-filter:blur(16px)!important;pointer-events:auto!important}
.hm-korea-live__hero-topline{display:flex;align-items:center;gap:10px}.hm-korea-live__hero-topline .hm-korea-feature-kicker{color:var(--hm-korea-accent)!important;font-size:9px!important;font-weight:950!important;letter-spacing:.13em!important}.hm-korea-live__hero-topline>span{margin-left:auto;color:#708088;font-size:9px;font-weight:850;white-space:nowrap}
.hm-korea-flow-toggle{flex:0 0 auto;min-height:32px;padding:0 10px;border:1px solid #dbe5e8;border-radius:9px;background:#fff;color:#34515b;font-size:10px;font-weight:900}.hm-korea-flow-toggle:hover,.hm-korea-flow-toggle.is-active{border-color:#9ccdc8;background:#edf8f6;color:#087d75}
#app[data-product="korea"] .hm-korea-live__hero h2{margin:8px 0 0!important;color:#102b36!important;font-size:30px!important;line-height:1.14!important;letter-spacing:-1.1px!important;word-break:keep-all}#app[data-product="korea"] .hm-korea-live__hero>p{max-width:560px;margin:7px 0 0!important;color:#566b74!important;font-size:11px!important;font-weight:680!important;line-height:1.5!important;word-break:keep-all}
.hm-korea-live__topic-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin-top:13px}.hm-korea-live__topic-tabs button{position:relative;min-height:40px;padding:0 7px;border:1px solid #dce6e9;border-radius:10px;background:#fff;color:#52676f;font-size:11px;font-weight:900}.hm-korea-live__topic-tabs button:hover{background:#f8fbfc}.hm-korea-live__topic-tabs button.is-active{border-color:var(--hm-korea-accent);background:var(--hm-korea-accent-soft);color:#15313b}
#app[data-product="korea"] .hm-korea-live__footer-cards{position:absolute;z-index:39;right:calc(var(--hm-korea-rail) + 15px);bottom:15px;left:15px;display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:7px;pointer-events:none}.hm-korea-live__footer-card{min-width:0;padding:11px 12px;border:1px solid rgba(255,255,255,.94);border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 11px 28px rgba(16,42,53,.12);backdrop-filter:blur(13px)}.hm-korea-live__footer-card small,.hm-korea-live__footer-card strong,.hm-korea-live__footer-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hm-korea-live__footer-card small{color:#718189;font-size:9px;font-weight:850}.hm-korea-live__footer-card strong{margin-top:4px;color:#102c37;font-size:19px;line-height:1}.hm-korea-live__footer-card span{margin-top:4px;color:#61747c;font-size:9px;font-weight:750}
#app[data-product="korea"] .hm-live-overlay[data-mode="korea"]{position:absolute!important;z-index:45!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:var(--hm-korea-rail)!important;padding:0!important;background:#0a2432!important;backdrop-filter:none!important}
#app[data-product="korea"] .hm-live-overlay[data-mode="korea"] .hm-live-shell{height:100%!important;border:0!important;border-left:1px solid rgba(255,255,255,.09)!important;border-radius:0!important;background:#0a2432!important;box-shadow:none!important}
#app[data-product="korea"] .hm-live-overlay[data-mode="korea"] .hm-live-head{padding:17px 50px 13px 16px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;background:#0a2432!important}#app[data-product="korea"] .hm-live-overlay[data-mode="korea"] .hm-live-head small{color:#74cfc5!important}#app[data-product="korea"] .hm-live-overlay[data-mode="korea"] .hm-live-head h2{color:#fff!important;font-size:22px!important}#app[data-product="korea"] .hm-live-overlay[data-mode="korea"] .hm-live-head p{color:#9ab0bb!important;font-size:10px!important}#app[data-product="korea"] .hm-live-overlay[data-mode="korea"] .hm-live-close{position:absolute;top:12px;right:12px;border-color:rgba(255,255,255,.15)!important;background:rgba(255,255,255,.06)!important;color:#fff!important}
#app[data-product="korea"] .hm-live-overlay[data-mode="korea"] .hm-live-body{padding:11px 12px 16px!important;overflow:auto!important;background:#0a2432!important}
.hm-korea-live__side-layout{display:grid;gap:10px}.hm-korea-live__stats,.hm-korea-live__selected,.hm-korea-live__ranking-panel{border:1px solid rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.035);overflow:hidden}.hm-korea-live__section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.hm-korea-live__section-title strong{color:#f2f7f9;font-size:13px}.hm-korea-live__section-title small{color:#829aa6;font-size:9px;font-weight:850}.hm-korea-live__stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:8px}.hm-korea-live__stat-card{min-width:0;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.035)}.hm-korea-live__stat-card:last-child{grid-column:1/-1}.hm-korea-live__stat-card.is-active{border-color:var(--hm-korea-accent);background:var(--hm-korea-accent-soft)}.hm-korea-live__stat-card small,.hm-korea-live__stat-card strong,.hm-korea-live__stat-card span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hm-korea-live__stat-card small{color:#8fa6b1;font-size:8px;font-weight:850}.hm-korea-live__stat-card strong{margin-top:4px;color:#fff;font-size:19px;line-height:1}.hm-korea-live__stat-card span{margin-top:4px;color:#b8c7ce;font-size:8px}.hm-korea-live__selected{padding:11px 12px;background:linear-gradient(135deg,var(--hm-korea-accent-soft),rgba(255,255,255,.035))}.hm-korea-live__selected>header{display:flex;align-items:center;justify-content:space-between}.hm-korea-live__selected>header span{color:var(--hm-korea-accent);font-size:8px;font-weight:950}.hm-korea-live__selected>header small{color:#89a0ab;font-size:8px}.hm-korea-live__selected-main{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-top:7px}.hm-korea-live__selected-main>div{overflow:hidden;color:#f4f8fa;font-size:16px;font-weight:950;text-overflow:ellipsis;white-space:nowrap}.hm-korea-live__selected-main>strong{color:#fff;font-size:28px;line-height:1}.hm-korea-live__selected dl{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:10px 0 0;padding-top:9px;border-top:1px solid rgba(255,255,255,.09)}.hm-korea-live__selected dt{color:#8199a5;font-size:7px;font-weight:800;text-align:center}.hm-korea-live__selected dd{margin:3px 0 0;overflow:hidden;color:#e9f0f3;font-size:9px;font-weight:900;text-align:center;text-overflow:ellipsis;white-space:nowrap}.hm-korea-live__ranking-list{display:grid;gap:0;margin:0;padding:4px 7px 8px;list-style:none}.hm-korea-live__ranking-list li{border-bottom:1px solid rgba(255,255,255,.07)}.hm-korea-live__ranking-list li:last-child{border-bottom:0}.hm-korea-live__ranking-list button{display:grid;grid-template-columns:28px minmax(0,1fr) auto 15px;align-items:center;gap:8px;width:100%;min-height:48px;padding:5px 4px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left}.hm-korea-live__ranking-list button:hover{background:rgba(255,255,255,.05)}.hm-korea-live__ranking-list li.is-active button{border-color:var(--hm-korea-accent);background:var(--hm-korea-accent-soft)}.hm-korea-live__rank-badge{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.08);color:#9eb1ba;font-size:9px}.hm-korea-live__ranking-list li:first-child .hm-korea-live__rank-badge{background:var(--hm-korea-accent);color:#fff}.hm-korea-live__rank-meta{display:grid;min-width:0}.hm-korea-live__rank-meta strong{overflow:hidden;color:#f0f5f7;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.hm-korea-live__rank-meta small{margin-top:2px;overflow:hidden;color:#8299a4;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.hm-korea-live__rank-value{color:#fff;font-size:16px;font-style:normal;font-weight:950;white-space:nowrap}.hm-korea-live__ranking-list button>i{color:#6f8995;font-size:10px;font-style:normal}.hm-korea-live__source{padding:2px;color:#748c98;font-size:8px;text-align:center}.hm-korea-live__empty{padding:22px 10px;color:#9db0ba;font-size:11px;text-align:center}.hm-korea-live__no-rain{line-height:1.5}
#app[data-product="korea"] .city-temperature-marker.hm-korea-ranking-marker{min-width:94px!important;min-height:44px!important;padding:7px 10px 7px 22px!important;border:2px solid rgba(255,255,255,.96)!important;border-radius:13px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 12px 30px rgba(18,43,55,.18)!important}.city-temperature-marker.hm-korea-ranking-marker .city-temperature-weather-icon{display:none!important}.city-temperature-marker.hm-korea-ranking-marker .city-temperature-name{font-size:10px!important;color:#50666f!important}.city-temperature-marker.hm-korea-ranking-marker .city-temperature-value{font-size:16px!important;color:#112d38!important}.city-temperature-marker.hm-korea-ranking-marker .city-temperature-rank{left:-6px!important;top:-7px!important;width:25px!important;height:25px!important;border:2px solid #fff!important;background:var(--hm-korea-accent)!important;color:#fff!important;font-size:10px!important}.city-temperature-marker.hm-korea-rank-1{min-width:112px!important;min-height:50px!important}.city-temperature-marker.hm-korea-selected{box-shadow:0 0 0 4px var(--hm-korea-accent-soft),0 15px 34px rgba(18,43,55,.22)!important}
@media (min-width:761px){
  #app[data-product="korea"] .app-workspace,#app[data-product="world"] .app-workspace{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important}
  #app[data-product="korea"] .sidebar-stack,#app[data-product="korea"] .weather-dock,#app[data-product="world"] .sidebar-stack,#app[data-product="world"] .weather-dock{display:none!important}
  #app[data-product="korea"] .app-workspace>.map-stage,#app[data-product="world"] .app-workspace>.map-stage{grid-column:1!important;grid-row:1!important}
  #app[data-product="korea"] #map{right:var(--hm-korea-rail)!important;width:auto!important}
}

/* Same map stage: Korea observation <-> Korea surrounding Windy flow. */
.hm-korea-flow-tools{position:absolute;z-index:38;inset:0 var(--hm-korea-rail) 0 0;background:#071725}.hm-korea-flow-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#071725}.hm-korea-flow-layers{position:absolute;z-index:3;top:16px;left:50%;display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.18);border-radius:11px;background:rgba(7,23,37,.80);transform:translateX(-50%)}.hm-korea-flow-layers button{height:34px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#b8c7cf;font-size:10px;font-weight:850}.hm-korea-flow-layers button.is-active{background:#fff;color:#18313d}.hm-korea-flow-caption{position:absolute;z-index:3;right:14px;bottom:14px;max-width:420px;padding:8px 10px;border-radius:9px;background:rgba(7,23,37,.80);color:#fff}.hm-korea-flow-caption strong,.hm-korea-flow-caption span{display:block}.hm-korea-flow-caption strong{font-size:10px}.hm-korea-flow-caption span{margin-top:2px;color:#afc0c9;font-size:8px;line-height:1.4}
#app[data-product="korea"][data-korea-map-mode="flow"] #map,#app[data-product="korea"][data-korea-map-mode="flow"] .hm-korea-live__map-overlay,#app[data-product="korea"][data-korea-map-mode="flow"] .hm-korea-live__footer-cards{visibility:hidden!important}
#app[data-product="korea"][data-korea-map-mode="flow"] .hm-korea-feature-panel{max-width:420px!important;width:calc(100% - var(--hm-korea-rail) - 40px)!important}
#app[data-product="korea"][data-korea-map-mode="flow"] .hm-korea-live__hero h2,#app[data-product="korea"][data-korea-map-mode="flow"] .hm-korea-live__hero>p,#app[data-product="korea"][data-korea-map-mode="flow"] .hm-korea-live__topic-tabs{display:none!important}

/* ---------- World LIVE ---------- */
#app[data-product="world"] .map-product-toolbar{display:none!important}#app[data-product="world"] .map-canvas{height:100%!important;background:#071725!important}#app[data-product="world"] #map{visibility:hidden!important}
#app[data-product="world"] .hm-live-overlay[data-mode="world"]{padding:0!important;background:#071725!important;backdrop-filter:none!important}
#app[data-product="world"] .hm-live-overlay[data-mode="world"] .hm-live-shell{position:relative;border:0!important;border-radius:var(--hm-radius)!important;background:#071725!important;box-shadow:none!important}
#app[data-product="world"] .hm-live-overlay[data-mode="world"] .hm-live-head{position:absolute;z-index:8;top:12px;right:12px;padding:0!important;border:0!important;background:transparent!important}#app[data-product="world"] .hm-live-overlay[data-mode="world"] .hm-live-head>div{display:none!important}#app[data-product="world"] .hm-live-overlay[data-mode="world"] .hm-live-close{border-color:rgba(255,255,255,.22)!important;background:rgba(7,23,37,.80)!important;color:#fff!important}
#app[data-product="world"] .hm-live-overlay[data-mode="world"] .hm-live-body{display:grid!important;grid-template-columns:minmax(0,1fr) 330px!important;grid-template-rows:auto auto minmax(0,1fr)!important;gap:0!important;padding:0!important;overflow:hidden!important;color:#f4f8fb!important;background:#071725!important}
#app[data-product="world"] .hm-live-summary{grid-column:2!important;grid-row:1!important;grid-template-columns:1fr 1fr!important;gap:6px!important;margin:0!important;padding:62px 14px 7px!important;background:rgba(9,28,43,.96)!important}#app[data-product="world"] .hm-live-stat{padding:10px!important;border-color:rgba(255,255,255,.12)!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important}#app[data-product="world"] .hm-live-stat small,#app[data-product="world"] .hm-live-stat em{color:#9db0bd!important}#app[data-product="world"] .hm-live-stat strong{color:#fff!important;font-size:18px!important}
#app[data-product="world"] .hm-live-tabs{grid-column:2!important;grid-row:2!important;margin:0!important;padding:5px 14px 8px!important;background:rgba(9,28,43,.96)!important}#app[data-product="world"] .hm-live-tabs button{height:32px!important;border-color:rgba(255,255,255,.13)!important;background:transparent!important;color:#a9bbc7!important}#app[data-product="world"] .hm-live-tabs button.is-active{border-color:#f1a24a!important;background:#f1a24a!important;color:#162632!important}
#app[data-product="world"] .hm-live-grid{grid-column:2!important;grid-row:3!important;display:block!important;min-height:0!important;padding:0 14px 14px!important;overflow:auto!important;background:rgba(9,28,43,.96)!important}#app[data-product="world"] .hm-live-ranking{border-color:rgba(255,255,255,.11)!important;border-radius:11px!important;background:transparent!important}#app[data-product="world"] .hm-live-section-head{border-color:rgba(255,255,255,.09)!important}#app[data-product="world"] .hm-live-section-head small,#app[data-product="world"] .hm-rank-list small{color:#91a5b3!important}#app[data-product="world"] .hm-rank-list li{border-color:rgba(255,255,255,.09)!important}#app[data-product="world"] .hm-rank-list b{background:rgba(255,255,255,.08)!important;color:#c9d5dc!important}#app[data-product="world"] .hm-rank-list span,#app[data-product="world"] .hm-rank-list strong{color:#f7fafc!important}#app[data-product="world"] .hm-live-story{display:none!important}
.hm-world-stage-tools{grid-column:1!important;grid-row:1/4!important;position:relative;min-width:0;padding:48px 28px;pointer-events:none}.hm-world-stage-tools>small,.hm-world-stage-tools>h2,.hm-world-stage-tools>p{position:relative;z-index:6;width:max-content;max-width:min(420px,calc(100% - 30px));text-shadow:0 2px 16px rgba(3,14,23,.78)}.hm-world-stage-tools>small{display:block;color:#9ed2ff!important;font-size:9px;font-weight:900;letter-spacing:.15em}.hm-world-stage-tools>h2{margin:10px 0 0;color:#f6f9fb;font-size:34px;line-height:1.18;letter-spacing:-1.3px}.hm-world-stage-tools>p{margin:8px 0 0;color:#b3c1c9;font-size:11px}.hm-world-layer-bar{position:absolute;z-index:8;top:14px;left:50%;display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.17);border-radius:11px;background:rgba(7,23,37,.80);transform:translateX(-50%);pointer-events:auto}.hm-world-layer-bar button{height:34px;padding:0 12px;border:0;border-radius:8px;background:transparent;color:#b6c4cd;font-size:10px;font-weight:850}.hm-world-layer-bar button.is-active{background:#f1a24a;color:#142a38}.hm-world-layer-note{position:absolute;z-index:8;bottom:14px;left:16px;padding:8px 10px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(5,19,31,.72);color:#d8e4eb;font-size:9px;pointer-events:none}.hm-windy-frame{position:absolute;z-index:2;inset:0;width:100%;height:100%;border:0;background:#071725;pointer-events:auto}.hm-windy-caption{position:absolute;z-index:4;right:14px;bottom:14px;padding:7px 9px;border-radius:8px;background:rgba(7,23,37,.82);color:#fff;font-size:8px;pointer-events:none}.hm-world-live-spotlight{position:absolute;z-index:7;left:28px;bottom:52px;display:grid;grid-template-columns:repeat(3,minmax(0,135px));gap:6px;pointer-events:none}.hm-world-live-spotlight>span{min-width:0;padding:9px 10px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(5,20,32,.72);backdrop-filter:blur(10px)}.hm-world-live-spotlight small{display:block;color:#9db1be;font-size:8px;font-style:normal;font-weight:850}.hm-world-live-spotlight b{display:block;margin-top:3px;color:#fff;font-size:16px}.hm-world-live-spotlight em{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ccd9e0;font-size:8px;font-style:normal}

/* ---------- Mobile: map first, natural document flow ---------- */
@media (max-width:760px){
  html,body{background:var(--hm-bg)!important;overflow-x:hidden!important}
  body{overflow-y:auto!important;padding-bottom:0!important}
  #app.app-v1520{padding:0!important;min-height:100dvh!important}
  #app.app-v1520 .appbar{position:sticky!important;z-index:110!important;top:0!important;height:58px!important;min-height:58px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;padding:7px 12px!important;border-bottom:1px solid #e0e7ea!important;background:rgba(255,255,255,.98)!important}
  #app.app-v1520 .brand{min-width:0!important}#app.app-v1520 .brand-mark{width:38px!important;height:38px!important}#app.app-v1520 .brand-copy strong{font-size:18px!important}#app.app-v1520 .brand-copy b{display:none!important}
  #app.app-v1520 .header-search-zone{display:none!important}
  #app.app-v1520 .header-actions{display:flex!important;gap:4px!important}#app.app-v1520 .header-icon-button{display:flex!important;width:44px!important;min-width:44px!important;height:44px!important}#app.app-v1520 .header-icon-button small{display:none!important}
  .hm-control-deck{position:sticky;z-index:105;top:58px;height:50px;display:block;border-bottom:1px solid #dfe7ea;box-shadow:0 4px 12px rgba(18,36,45,.05)}
  .hm-product-tabs{width:100%;height:50px;overflow:hidden}.hm-product-tabs>button{min-width:0;grid-template-columns:1fr;grid-template-rows:1fr;padding:0 4px;text-align:center}.hm-product-tabs>button>span,.hm-product-tabs>button>small{display:none}.hm-product-tabs>button>strong{align-self:center;font-size:12px;line-height:1.2;white-space:nowrap}.hm-product-tabs>button:after{right:8px;left:8px;height:3px}
  .hm-view-menu{position:absolute;top:55px;right:10px;z-index:115}.hm-control-deck.is-disabled .hm-view-menu{display:none}.hm-view-menu-trigger{height:36px;padding:0 9px;background:rgba(255,255,255,.96)}.hm-view-menu-trigger>strong{display:none}.hm-view-menu-popover{top:42px;right:0;width:min(250px,calc(100vw - 20px))}
  #app.app-v1520 .app-workspace{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important;padding:8px!important;min-height:0!important;background:var(--hm-bg)!important;overflow:visible!important}
  #app.app-v1520 .app-workspace>.map-stage{order:1!important;width:100%!important;height:60dvh!important;min-height:390px!important;max-height:680px!important;border-radius:14px!important;overflow:hidden!important;background:#e9f2ef!important}
  #app.app-v1520 .map-product-toolbar{height:38px!important;min-height:38px!important;padding:3px 6px!important}.map-view-meta{display:none!important}#app.app-v1520 .map-canvas{height:calc(100% - 38px)!important;min-height:0!important}
  #app.app-v1520 .map-context{right:10px!important;bottom:10px!important;left:10px!important;width:auto!important;max-width:none!important;padding:10px 11px!important}.map-context-copy strong{font-size:14px!important}.map-context-copy small{font-size:10px!important}.map-context-five{display:none!important}.map-hint{display:none!important}
  #app.app-v1520 .sidebar-stack{order:2!important;display:block!important;width:100%!important;margin:0!important;padding:0!important;border:1px solid var(--hm-line)!important;border-radius:14px!important;background:#fff!important;overflow:hidden!important}
  .hm-mobile-sheet-toggle{display:flex;width:100%;height:44px;align-items:center;justify-content:center;gap:7px;border:0;border-bottom:1px solid #e8edef;background:#fff;color:#4b626b;font-size:11px;font-weight:900}.hm-sheet-grabber{display:block;width:34px;height:4px;border-radius:999px;background:#c8d3d7}.hm-mobile-sheet-toggle b,.hm-compare-sheet-toggle b{font-size:12px;transition:transform .18s}.sidebar-stack.is-expanded .hm-mobile-sheet-toggle b,.hm-compare-tray.is-expanded .hm-compare-sheet-toggle b{transform:rotate(180deg)}
  #app.app-v1520 .weather-side-card{margin:0!important;padding:12px 14px!important;border:0!important;border-radius:0!important;background:#fff!important}.weather-side-art{display:none!important}.weather-side-current{min-height:0!important}.weather-side-current .eyebrow{display:none!important}.weather-side-current .hero-location-row h1{font-size:18px!important}.sidebar-weather-main{margin-top:7px!important;display:flex!important;align-items:center!important;gap:10px!important}.sidebar-weather-main>strong{font-size:36px!important;letter-spacing:-1.8px!important}.sidebar-weather-main>span{font-size:13px!important}.sidebar-weather-meta{display:none!important}.weather-side-alert{display:none!important}.weather-yesterday-compare{font-size:10px!important}.sidebar-stack.is-expanded .sidebar-weather-meta{display:grid!important}.sidebar-stack.is-expanded .weather-side-alert{display:flex!important}
  #app.app-v1520 .sidebar-sun-strip,#app.app-v1520 .sidebar-top3,#app.app-v1520 .hm-sidebar-explore,#app.app-v1520 .sidebar-location-settings,#app.app-v1520 .hm-briefing-panel,#app.app-v1520 .hm-easy-panel{display:none!important}
  #app.app-v1520 .weather-dock{order:3!important;width:100%!important;max-height:0!important;min-height:0!important;border:0!important;opacity:0!important;overflow:hidden!important;transition:max-height .2s ease,opacity .2s ease}.sidebar-stack.is-expanded~.map-stage+.weather-dock{max-height:none!important;opacity:1!important}
  /* DOM order is sidebar, map, dock. Use app state rather than sibling assumptions. */
  #app[data-product="local"] .sidebar-stack.is-expanded~.weather-dock{max-height:460px!important;opacity:1!important;border:1px solid var(--hm-line)!important;border-radius:14px!important;overflow:auto!important}
  #app[data-view="focus"] .sidebar-stack{display:none!important}#app[data-view="focus"] .app-workspace>.map-stage{height:calc(100dvh - 116px)!important;min-height:520px!important;max-height:none!important}#app[data-view="focus"] .weather-dock{display:none!important}
  #app[data-view="large"] .sidebar-weather-main>strong{font-size:48px!important}#app[data-view="large"] .weather-side-current .hero-location-row h1{font-size:22px!important}
  #app[data-view="easy"] .sidebar-stack.is-expanded .hm-easy-panel{display:block!important;margin:0 12px 12px!important}
  .mobile-bottom-nav{display:none!important}

  /* Compare is map + compact sheet. */
  #app[data-product="compare"] .sidebar-stack,#app[data-product="compare"] .weather-dock{display:none!important}
  #app[data-product="compare"] .app-workspace>.map-stage{height:62dvh!important;min-height:420px!important;max-height:700px!important}
  #app[data-product="compare"] .hm-compare-tray{order:2!important;display:grid!important;grid-template-rows:auto auto minmax(0,1fr);width:100%!important;max-height:72px!important;border-radius:14px!important;overflow:hidden!important;transition:max-height .22s ease}
  #app[data-product="compare"] .hm-compare-tray.is-expanded{max-height:520px!important}
  .hm-compare-sheet-toggle{display:flex;position:absolute;top:0;left:50%;height:32px;align-items:center;gap:6px;padding:0 10px;border:0;background:transparent;color:#60737b;font-size:10px;font-weight:850;transform:translateX(-50%)}.hm-compare-sheet-toggle .hm-sheet-grabber{width:28px}
  .hm-compare-head{min-height:70px;padding:28px 12px 8px}.hm-compare-head h2{display:none}.hm-compare-head p{margin-top:2px;max-width:260px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hm-compare-head>strong{align-self:flex-end}.hm-compare-actions{padding:4px 12px 9px}.hm-compare-cards{grid-auto-columns:min(78vw,280px);min-height:180px}.hm-compare-card{padding:14px 15px}.hm-compare-main>strong{font-size:36px}

  /* Korea: no fixed top/min-height; map stays first. */
  #app[data-product="korea"]{--hm-korea-rail:0px}
  #app[data-product="korea"] .sidebar-stack,#app[data-product="korea"] .weather-dock{display:none!important}
  #app[data-product="korea"] .app-workspace>.map-stage{height:66dvh!important;min-height:470px!important;max-height:760px!important;overflow:hidden!important}
  #app[data-product="korea"] .map-canvas{height:100%!important;min-height:0!important;overflow:hidden!important}
  #app[data-product="korea"] #map{inset:0!important;width:100%!important;height:100%!important}
  #app[data-product="korea"] .hm-korea-live__map-overlay{inset:0!important;opacity:.55}
  #app[data-product="korea"] .hm-korea-feature-panel.hm-korea-live__hero{top:10px!important;right:10px!important;left:10px!important;width:auto!important;padding:10px 11px!important;border-radius:13px!important;background:rgba(255,255,255,.95)!important;box-shadow:0 10px 28px rgba(15,39,51,.12)!important}
  .hm-korea-live__hero-topline{gap:6px;flex-wrap:wrap}.hm-korea-live__hero-topline .hm-korea-feature-kicker{font-size:8px!important}.hm-korea-live__hero-topline>span{font-size:8px}.hm-korea-flow-toggle{min-height:30px;margin-left:auto;padding:0 8px;font-size:9px}
  #app[data-product="korea"] .hm-korea-live__hero h2{margin-top:5px!important;font-size:20px!important;line-height:1.15!important}#app[data-product="korea"] .hm-korea-live__hero>p{display:none!important}.hm-korea-live__topic-tabs{display:flex;gap:4px;margin-top:8px;overflow-x:auto;scrollbar-width:none}.hm-korea-live__topic-tabs::-webkit-scrollbar{display:none}.hm-korea-live__topic-tabs button{flex:0 0 auto;min-width:68px;min-height:34px;padding:0 8px;font-size:10px}
  #app[data-product="korea"] .hm-korea-live__footer-cards{display:none!important}
  #app[data-product="korea"] .hm-live-overlay[data-mode="korea"]{position:relative!important;z-index:auto!important;order:2!important;inset:auto!important;width:100%!important;height:auto!important;max-height:74px!important;margin-top:0!important;border-radius:14px!important;background:#0a2432!important;overflow:hidden!important;transition:max-height .22s ease}
  #app[data-product="korea"] .hm-live-overlay[data-mode="korea"].is-mobile-expanded{max-height:70dvh!important}
  #app[data-product="korea"] .hm-live-overlay[data-mode="korea"] .hm-live-shell{height:auto!important;max-height:70dvh!important;border-radius:14px!important;border:0!important;overflow:hidden!important}
  #app[data-product="korea"] .hm-live-overlay[data-mode="korea"] .hm-live-head{min-height:74px;padding:14px 50px 12px 14px!important}#app[data-product="korea"] .hm-live-overlay[data-mode="korea"] .hm-live-head h2{font-size:18px!important}#app[data-product="korea"] .hm-live-overlay[data-mode="korea"] .hm-live-head p{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #app[data-product="korea"] .hm-live-overlay[data-mode="korea"] .hm-live-body{max-height:calc(70dvh - 74px);padding:10px 10px 16px!important;overflow:auto!important}
  #app[data-product="korea"] .hm-live-overlay[data-mode="korea"] .hm-live-close{top:18px;right:10px;width:36px;height:36px}
  .hm-korea-live__stats,.hm-korea-live__selected{display:none}.hm-korea-live__ranking-list button{min-height:52px}.hm-korea-live__rank-meta strong{font-size:13px}.hm-korea-live__rank-value{font-size:16px}
  #app[data-product="korea"] .city-temperature-marker.hm-korea-ranking-marker{min-width:78px!important;min-height:38px!important;padding:6px 8px 6px 18px!important}.city-temperature-marker.hm-korea-ranking-marker .city-temperature-name{font-size:8px!important}.city-temperature-marker.hm-korea-ranking-marker .city-temperature-value{font-size:13px!important}.city-temperature-marker.hm-korea-ranking-marker .city-temperature-rank{width:21px!important;height:21px!important;font-size:8px!important}
  .hm-korea-flow-tools{inset:0!important}.hm-korea-flow-layers{top:auto;right:10px;bottom:12px;left:10px;justify-content:center;overflow-x:auto;transform:none}.hm-korea-flow-layers button{height:36px;min-width:60px}.hm-korea-flow-caption{right:10px;bottom:58px;left:10px;max-width:none}.hm-korea-flow-caption span{display:none}
  #app[data-product="korea"][data-korea-map-mode="flow"] .hm-korea-feature-panel{right:10px!important;left:10px!important;width:auto!important;max-width:none!important}

  /* World: full map, ranking collapses below. */
  #app[data-product="world"] .sidebar-stack,#app[data-product="world"] .weather-dock{display:none!important}
  #app[data-product="world"] .app-workspace>.map-stage{height:70dvh!important;min-height:500px!important;max-height:820px!important;background:#071725!important}
  #app[data-product="world"] .hm-live-overlay[data-mode="world"]{position:absolute!important;inset:0!important;padding:0!important}
  #app[data-product="world"] .hm-live-overlay[data-mode="world"] .hm-live-shell{height:100%!important;border-radius:14px!important}
  #app[data-product="world"] .hm-live-overlay[data-mode="world"] .hm-live-body{display:block!important;height:100%!important;overflow:hidden!important;background:#071725!important}
  #app[data-product="world"] .hm-live-summary,#app[data-product="world"] .hm-live-tabs,#app[data-product="world"] .hm-live-grid{position:absolute!important;z-index:9!important;right:8px!important;left:8px!important;background:rgba(9,28,43,.94)!important}
  #app[data-product="world"] .hm-live-summary{display:none!important}
  #app[data-product="world"] .hm-live-tabs{top:auto!important;bottom:58px!important;display:flex!important;padding:5px!important;border-radius:10px!important;overflow-x:auto!important}
  #app[data-product="world"] .hm-live-grid{top:auto!important;bottom:8px!important;height:44px!important;padding:0!important;border-radius:10px!important;overflow:hidden!important}#app[data-product="world"] .hm-live-grid .hm-live-ranking{border:0!important}.hm-live-grid .hm-live-section-head{height:44px;padding:0 12px!important}.hm-live-grid .hm-rank-list{display:none!important}
  .hm-world-stage-tools{position:absolute;inset:0;padding:18px 16px}.hm-world-stage-tools>small,.hm-world-stage-tools>h2,.hm-world-stage-tools>p{display:none!important}.hm-world-layer-bar{top:12px;right:52px;left:10px;justify-content:flex-start;overflow-x:auto;transform:none}.hm-world-layer-bar button{flex:0 0 auto;min-width:56px;height:36px;padding:0 9px}.hm-world-live-spotlight{display:none}.hm-world-layer-note{display:none}.hm-windy-caption{display:none}.hm-windy-frame{touch-action:pan-x pan-y pinch-zoom}
}

/* mobile LIVE panel expands when its header is tapped; JS toggles the class */
@media (max-width:760px){#app[data-product="korea"] .hm-live-overlay[data-mode="korea"] .hm-live-head{cursor:pointer}}

@media (max-width:390px){.hm-product-tabs>button>strong{font-size:11px}.hm-korea-live__topic-tabs button{min-width:64px}.hm-view-menu-trigger{padding:0 7px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.hm-compare-tray,.weather-dock,.hm-live-overlay{transition:none!important}}