:root{--green:#244f45;--muted:#6c7770;--line:#dfe5dd;--paper:#fbfbf6;--orange:#946019}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:#233a32;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;font-size:14px}button,select{font:inherit;color:inherit}button,select,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ca9c48;outline-offset:2px}header{height:94px;max-width:1440px;padding:20px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:43px;height:43px}h1{font-size:26px;letter-spacing:.13em;margin:0;font-weight:750}.brand span{font-size:10px;color:var(--muted);letter-spacing:.08em}#refresh{border:1px solid #c4d1c8;background:transparent;border-radius:8px;padding:10px 17px}#refresh:disabled{opacity:.5}main{max-width:1440px;margin:auto;padding:0 40px}.intro{display:flex;align-items:center;justify-content:space-between;padding:38px 0 28px}.eyebrow{font-size:10px;letter-spacing:.19em;color:#72877b}h2{font-size:30px;letter-spacing:.04em;margin:12px 0 10px;font-weight:650}.intro p{color:var(--muted);margin:0}.mountain-art{width:265px;align-self:flex-end;opacity:.85}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:12px 0 16px}.seg{display:flex;padding:4px;background:#e9eee7;border-radius:9px}.seg button{border:0;border-radius:6px;background:transparent;padding:10px 20px;font-weight:600;color:var(--muted)}.seg .active{background:var(--green);color:white;box-shadow:0 2px 5px #23433318}.period label{font-size:12px;color:var(--muted)}select{max-width:100%;background:white;border:1px solid #cfd9ce;border-radius:6px;padding:8px}#period{margin-left:8px}#status{font-size:12px;color:var(--muted);padding:0 0 12px;min-height:31px;line-height:1.7}#status.error{color:#985a32}.matrix-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:white;max-height:790px}table{border-collapse:separate;border-spacing:0;width:100%}:is(#matrix,#hourly-matrix) th,:is(#matrix,#hourly-matrix) td{border-right:1px solid #e7ece5;border-bottom:1px solid #e7ece5;text-align:center}:is(#matrix,#hourly-matrix) thead th{position:sticky;top:0;z-index:3;background:#f3f5ef;padding:14px 8px;min-width:102px;font-size:12px;font-weight:500}:is(#matrix,#hourly-matrix) thead th:first-child{left:0;z-index:5;min-width:145px}:is(#matrix,#hourly-matrix) tbody th{position:sticky;left:0;z-index:2;background:white;min-width:145px;text-align:left;padding:16px}.area{font-size:11px;color:var(--muted);display:block;margin-bottom:6px;font-weight:500}.mountain{font-size:16px;display:block}.alt{font-size:10px;color:#839086;display:block;margin-top:5px;font-weight:400}.date-num{font-size:19px;display:block;margin-bottom:4px;font-weight:600}.weekend{color:#b16945}.sat{color:#4b7594}.today{background:#e5eee4!important}.cell{display:block;border:0;background:transparent;width:100%;min-width:102px;min-height:134px;padding:11px 7px;line-height:1.55}.cell:hover{background:#f1f5ed}.cell .emoji{font-size:27px;display:block;line-height:1.4}.cell .temp{display:block;font-size:12px;margin:3px 0}.cell small{display:block;font-size:10px;color:#738277}.cell .rain{color:#487b91}.split{background:#fbefdb;color:#936522;border-radius:4px;padding:2px 5px;font-size:10px;display:inline-block}.count{font-size:9px;color:#869084;display:block;margin-top:4px}.empty{color:#a0aaa0;font-size:12px}.legend{display:flex;align-items:center;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:11px;margin:15px 0 30px}.legend>span:last-child{margin-left:auto}.settings-card{border:1px solid var(--line);border-radius:12px;padding:24px;background:#f0f3ec}h3{font-size:16px;margin:0 0 8px}.settings-card p{font-size:12px;color:var(--muted);margin:0}#mountain-settings{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px}#mountain-settings label{font-size:11px;color:var(--muted)}#mountain-settings select{display:block;width:100%;margin-top:6px}.detail-controls{display:flex;gap:20px;margin-bottom:20px}.detail-controls label{font-size:12px}.detail-controls select{margin-left:8px}.detail-head{background:#eaf0e7;border-radius:12px;padding:24px;display:flex;justify-content:space-between;gap:15px;align-items:center}.detail-head h3{font-size:23px}.detail-head p{font-size:12px;color:var(--muted);margin-bottom:0}.links{display:flex;gap:8px;flex-wrap:wrap}.links a{color:var(--green);text-decoration:none;border:1px solid #b6c9b9;border-radius:7px;padding:10px;background:#ffffff88;font-size:12px}.summary-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.model-card{border:1px solid var(--line);background:white;border-radius:10px;padding:18px}.model-card h4{margin:0 0 12px;font-size:12px;color:var(--muted)}.model-card strong{font-size:24px}.model-card p{font-size:12px;margin:7px 0;color:var(--muted)}.hour-scroll{overflow:auto;border:1px solid var(--line);border-radius:10px;background:white;margin:15px 0}.hours{font-size:12px;white-space:nowrap}.hours th{background:#f2f5ee;position:sticky;top:0}.hours th,.hours td{padding:13px 12px;border-bottom:1px solid #e8ede6;text-align:center}.hours tbody th{position:sticky;left:0;z-index:1}.hours small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.alert{font-size:12px;line-height:1.8;color:#8c672f;background:#faf0de;border-radius:8px;padding:12px 16px}.about{border-top:1px solid var(--line);margin-top:28px;padding:20px 0;color:var(--muted);font-size:12px;line-height:1.9}.about summary{cursor:pointer;color:var(--green)}footer{border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:25px 0 35px;font-size:10px;color:#849185}footer span:first-child{font-size:16px;color:var(--green);margin-right:auto}footer a{color:inherit}body.busy .cell{opacity:.55}.model-detail summary{cursor:pointer;padding:12px 0;font-size:12px}.hourtitle{margin-top:25px}.nodata{padding:40px;text-align:center;color:var(--muted)}@media(max-width:700px){header{height:80px;padding:15px 18px}main{padding:0 16px}.intro{padding:28px 0 20px}.intro h2{font-size:23px}.intro p{font-size:12px}.mountain-art{width:105px;position:absolute;right:14px;top:100px;opacity:.4}.eyebrow{font-size:9px}.toolbar{align-items:stretch;flex-direction:column;gap:12px}.seg{align-self:flex-start}.seg button{padding:10px 17px}.period{align-self:flex-end}.matrix-wrap{max-height:68vh;border-radius:9px}:is(#matrix,#hourly-matrix) tbody th{min-width:107px;padding:12px 10px}:is(#matrix,#hourly-matrix) thead th:first-child{min-width:107px}.mountain{font-size:14px}.area{font-size:10px}.cell{min-height:128px;min-width:90px}:is(#matrix,#hourly-matrix) thead th{min-width:90px;padding:10px 5px}.legend{gap:12px}.legend>span:last-child{margin-left:0;width:100%}#mountain-settings{grid-template-columns:repeat(2,1fr);gap:15px}.settings-card{padding:18px}.detail-head{align-items:flex-start;flex-direction:column;padding:18px}.summary-cards{gap:7px}.model-card{padding:12px 8px}.model-card strong{font-size:19px}.model-card p{font-size:10px}.model-card h4{font-size:10px}.detail-controls{gap:8px;justify-content:space-between}.detail-controls select{display:block;margin:5px 0 0;max-width:170px}footer{gap:12px}.hours th,.hours td{padding:12px 10px}}

.intro{padding:22px 0 14px}.intro p{margin-top:8px}.mountain-art{width:150px}.hourly-datebar{display:flex;align-items:center;justify-content:center;gap:18px;margin:2px 0 14px}.hourly-datebar label{font-size:12px}.hourly-datebar select{margin-left:8px}.hourly-datebar button,.back-hourly{border:1px solid #c4d1c8;background:white;border-radius:7px;padding:9px 14px}.hourly-datebar button:disabled{opacity:.3;cursor:default}.hourly-hint{color:var(--muted);font-size:12px;margin:0 0 14px}.back-hourly{margin:0 0 18px;font-size:12px}@media(max-width:700px){.intro{padding:18px 0 12px}.mountain-art{display:none}.hourly-datebar{gap:12px}.hourly-hint{font-size:11px}}

.wx-sun{--wx:#a65b00;--wx-bg:#fff5d6;--wx-edge:#e8c878}.wx-cloud{--wx:#596571;--wx-bg:#f0f2f4;--wx-edge:#c4cbd1}.wx-fog{--wx:#657f79;--wx-bg:#eaf2ef;--wx-edge:#bfd3ce}.wx-drizzle{--wx:#3282a9;--wx-bg:#edf7fc;--wx-edge:#a2d1e6}.wx-rain{--wx:#1565c0;--wx-bg:#e5f0ff;--wx-edge:#80b3ed}.wx-rain-10{--wx:#0a4eae;--wx-bg:#d8e9ff;--wx-edge:#679bdc}.wx-rain-20{--wx:#163ea0;--wx-bg:#ccdcff;--wx-edge:#5476cd}.wx-rain-30{--wx:#5535a1;--wx-bg:#e5dafa;--wx-edge:#9872ce}.wx-rain-50{--wx:#852380;--wx-bg:#f4d7f0;--wx-edge:#c270b8}.wx-rain-80{--wx:#a51b46;--wx-bg:#ffd7e3;--wx-edge:#d36988}.wx-snow{--wx:#007c91;--wx-bg:#e0f7fa;--wx-edge:#69c7d4}.wx-thunder{--wx:#793417;--wx-bg:#ffe7c3;--wx-edge:#db983c}.wx-unknown{--wx:#68766d;--wx-bg:#f3f5ef;--wx-edge:#c6d1c6}
.cell.wx-cell{background:var(--wx-bg);border-top:3px solid var(--wx-edge);min-height:164px}.cell.wx-cell:hover{filter:brightness(.96);background:var(--wx-bg)}.weather-badge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;color:var(--wx);gap:3px;vertical-align:middle}.wx-icon{width:38px;height:38px;display:block}.weather-label{font-size:12px;line-height:1.35;font-weight:750;max-width:92px;white-space:normal}.cell .temp{margin:7px 0 3px}.cell .rain{color:#346582}.cell small{color:#566a68}.count{color:#647368}.hazard{display:block;font-size:10px;line-height:1.4;margin:3px 0;padding:2px 4px;border-radius:4px;font-weight:650}.thunder-note{background:#ffdda6;color:#723000}.snow-note{background:#c3eff5;color:#005365}.legend-weather{color:var(--wx);background:var(--wx-bg);border:1px solid var(--wx-edge);padding:4px 7px;border-radius:5px}.model-card .weather-badge{background:var(--wx-bg);border:1px solid var(--wx-edge);border-radius:8px;padding:10px;min-width:80px}.model-card .weather-label{font-size:14px}.hours .weather-badge{flex-direction:row;gap:7px;padding:4px 7px;border-radius:6px;background:var(--wx-bg);border:1px solid var(--wx-edge)}.hours .wx-icon{width:26px;height:26px}.hours .weather-label{font-size:11px;max-width:110px}.rain-guide{border-top:1px solid var(--line);padding:20px 0;font-size:12px;color:var(--muted);line-height:1.9}.rain-guide summary{cursor:pointer;color:var(--green)}.rain-guide a{color:var(--green)}.rain-scale{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.rain-scale span{background:var(--wx-bg);color:var(--wx);border:1px solid var(--wx-edge);border-radius:6px;padding:5px 10px}@media(max-width:700px){.cell.wx-cell{min-height:157px}.wx-icon{width:34px;height:34px}.weather-label{font-size:11px}.model-card .weather-badge{padding:6px;min-width:64px}.model-card .weather-label{font-size:11px}}

/* Approved weather icon set: three rainfall levels. */
.wx-sun{--wx:#bb7600;--wx-bg:#fff5d6;--wx-edge:#e8c878}.wx-cloud{--wx:#afb7c0;--wx-bg:#f3f4f5;--wx-edge:#d6dade}.wx-fog{--wx:#71918b;--wx-bg:#eaf2ef;--wx-edge:#bfd3ce}.wx-drizzle{--wx:#53a1be;--wx-bg:#f0fafd;--wx-edge:#afd5e2}.wx-rain{--wx:#075dc2;--wx-bg:#dfecff;--wx-edge:#80b3ed}.wx-heavy{--wx:#174cb3;--wx-bg:#d9e7ff;--wx-edge:#679bdc}.wx-snow{--wx:#fff;--wx-bg:#fff;--wx-edge:#e2e4e7}.wx-thunder{--wx:#075dc2;--wx-bg:linear-gradient(145deg,#eff9fd,#d9e7ff);--wx-edge:#80b3ed}
.wx-symbol{position:relative;display:inline-block;width:38px;height:38px;flex-shrink:0}.wx-icon,.wx-bolt{display:block;width:100%;height:100%;background:var(--wx);-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}.wx-bolt{position:absolute;width:19px;height:25px;right:1px;bottom:1px;background:#f59a20;filter:drop-shadow(0 0 1px #d9e7ff)}.wx-snow .wx-symbol{filter:drop-shadow(1px 0 0 #aeb3bb) drop-shadow(-1px 0 0 #aeb3bb) drop-shadow(0 1px 0 #aeb3bb) drop-shadow(0 -1px 0 #aeb3bb)}.wx-snow .weather-label,.wx-cloud .weather-label{color:#53606b}.legend-weather.wx-snow,.legend-weather.wx-cloud{color:#53606b}.wx-cloud .weather-label{color:#7c8792}.cell .wx-symbol .wx-icon{width:100%;height:100%}.hours .wx-symbol{width:26px;height:26px}.hours .wx-symbol .wx-icon{width:100%;height:100%}.hours .wx-bolt{width:14px;height:19px;right:0;bottom:0}.model-card .wx-thunder{background:var(--wx-bg)}.thunder-note{background:linear-gradient(145deg,#eff9fd,#d9e7ff);color:#075dc2}.snow-note{background:#fff;color:#53606b;border:1px solid #e2e4e7}@media(max-width:700px){.cell .wx-symbol{width:34px;height:34px}.cell .wx-bolt{width:18px;height:24px}}

#offline-status{font-size:11px;color:#63786a;margin:0 0 8px;line-height:1.7}#offline-status.offline{color:#946019;background:#fff0d5;padding:8px 12px;border-radius:6px}

.weather-change{display:inline-flex;flex-direction:column;align-items:center;gap:5px;max-width:100%}.change-icons{display:flex;align-items:center;justify-content:center;gap:2px}.change-icon{color:var(--wx)}.change-icon .wx-symbol{width:25px;height:28px}.change-icon .wx-bolt{width:13px;height:18px;right:0;bottom:0}.change-join{font-size:11px;color:#52645d}.change-label{font-size:12px;font-weight:700;line-height:1.5;white-space:normal;max-width:108px;color:#314d42}.timeline-strip{display:flex;gap:1px;height:5px;margin:9px 0 5px;width:100%;overflow:hidden;border-radius:2px}.timeline-hour{flex:1;background:var(--wx);min-width:0}.timeline-hour.wx-snow{background:#d5dbe0}.timeline-hour[data-split]{opacity:.5}.missing-hour{background:#ddd}.cell-dry{display:block;font-size:10px;line-height:1.5;color:#23674d;margin:5px 0}.row-dry{display:block;font-size:10px;line-height:1.6;color:#23674d;margin-top:10px;font-weight:500}.timing-panel{background:#f1f5ee;border:1px solid #dce5d9;padding:20px;border-radius:10px;margin:18px 0}.timing-panel>.weather-change{align-items:flex-start}.timing-panel .change-label{max-width:none;font-size:15px}.timing-panel .change-icon .wx-symbol{width:32px;height:34px}.timing-panel .change-icons{justify-content:flex-start}.timing-runs{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.timing-run{background:var(--wx-bg);border:1px solid var(--wx-edge);color:#314d42;padding:7px 9px;border-radius:6px;font-size:12px}.timing-run strong{font-weight:600}.dry-window{font-size:13px;color:#23674d;font-weight:600;margin:15px 0 5px}.timing-note{font-size:11px;color:#62746b;line-height:1.8;margin-bottom:0}.area-timing{border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}.area-timing>summary{cursor:pointer;color:var(--green)}.model-card .change-label{font-size:12px}.model-card .change-icon .wx-symbol{width:24px;height:27px}.model-card .change-icons{flex-wrap:wrap}.cell.wx-cell{min-height:185px}@media(max-width:700px){.change-icon .wx-symbol{width:22px!important;height:25px!important}.change-label{font-size:11px;max-width:85px}.change-icons{gap:1px}.cell.wx-cell{min-height:176px}.timing-panel{padding:15px}.model-card .change-label{font-size:10px}.model-card .change-icons{gap:0}.model-card .change-icon .wx-symbol{width:19px!important;height:23px!important}.change-icon .wx-bolt{width:12px;height:16px}}

/* Fit the comparison on the screen; expand only when requested. */
body{-webkit-text-size-adjust:100%;text-size-adjust:100%}.short-date{display:none}
.display-options{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0;font-size:11px;color:var(--muted)}
#density{border:1px solid #c4d1c8;border-radius:6px;background:white;padding:7px 10px;font-size:11px;min-height:32px}
.update-info{font-size:11px;color:var(--muted);margin:8px 0 10px}.update-info summary{cursor:pointer}.update-info[open]{padding:8px;background:#f0f3ec;border-radius:6px}.update-info #status{font-size:11px;min-height:0;padding:0}.update-info #offline-status{margin:7px 0 3px}
.settings-card>summary{cursor:pointer;font-size:13px;font-weight:600}.settings-card[open]>summary{margin-bottom:12px}
:is(#matrix,#hourly-matrix) td{padding:0;vertical-align:top}.cell{position:relative}.has-split:after{content:'•';position:absolute;right:1px;bottom:0;color:#986517;font-size:10px;line-height:10px}
.compact .matrix-wrap{overflow:visible;max-height:none;border-radius:8px}
.compact :is(#matrix,#hourly-matrix){table-layout:fixed;width:100%;--columns:15}
.compact :is(#matrix,#hourly-matrix) :is(th,td){min-width:0;width:auto;overflow:hidden}
.compact :is(#matrix,#hourly-matrix) thead th{position:static;padding:6px 0;height:36px;font-size:10px}
.compact :is(#matrix,#hourly-matrix) :is(tbody th,thead th:first-child){width:100px;min-width:0;padding:4px 6px;position:static}
.compact .date-num{font-size:13px;margin:0}.compact .weekday{font-size:10px}
.compact :is(#matrix,#hourly-matrix) tbody th{height:64px;vertical-align:middle}
.compact .area{font-size:10px;margin:0 0 3px}.compact .mountain{font-size:13px;overflow-wrap:anywhere;line-height:1.3}
.compact .alt,.compact .row-dry{display:none}
.compact .cell,.compact .cell.wx-cell{min-width:0;min-height:0;height:64px;padding:2px 0;border-top-width:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1}
.compact .cell :is(.temp,small,.count,.split,.timeline-strip,.cell-dry,.hazard,.weather-label,.change-label){display:none}
.compact .cell .empty{font-size:10px;writing-mode:vertical-rl;max-height:50px;overflow:hidden}
.compact .cell .wx-symbol{width:24px;height:24px}
.compact .cell .wx-bolt{width:12px;height:16px}
.compact .cell .change-icons{flex-direction:column;gap:0}
.compact .cell .change-icon .wx-symbol{width:15px!important;height:15px!important}
.compact .cell .change-join{font-size:9px;line-height:9px;height:9px}
.compact .cell .change-icon .wx-bolt{width:8px;height:11px}
.compact .cell.has-thunder:before{content:'⚡';position:absolute;left:0;top:0;font-size:9px;color:#d47500}
.compact .cell.has-snow:before{content:'❄';position:absolute;left:0;top:0;font-size:9px;color:#53606b}
.compact .legend{font-size:10px;gap:6px;margin:10px 0 14px}.compact .legend-weather{padding:2px 4px}
.compact .legend>.split{display:none}.compact .legend>span:last-child{margin-left:0;width:100%}
@media(max-width:700px){
 header{height:55px;padding:7px 10px}.brand{gap:7px}.brand svg{width:29px;height:29px}h1{font-size:21px}.brand span{display:none}#refresh{padding:7px 11px;font-size:12px}
 main{padding:0 6px}.toolbar{flex-direction:row;align-items:center;gap:5px;margin:9px 0 5px}.seg{padding:3px;border-radius:7px;flex-shrink:0}.seg button{padding:8px 7px;font-size:11px}.period{align-self:center}.period label{font-size:0}#period{font-size:11px;margin:0;padding:6px 2px;max-width:115px;min-height:34px}
 .display-options{margin:4px 0;font-size:10px}.update-info{margin:4px 0 8px;font-size:10px}.hourly-datebar{gap:12px;margin:6px 0}.hourly-datebar button{padding:5px 12px}.hourly-datebar select{font-size:12px;padding:5px}.hourly-hint{font-size:10px;margin:5px 0 8px}
 .compact :is(#matrix,#hourly-matrix) :is(tbody th,thead th:first-child){width:63px;padding:2px 3px}
 .compact .area{font-size:8px;margin:0 0 2px}.compact .mountain{font-size:10px;letter-spacing:-.04em}
 .compact :is(#matrix,#hourly-matrix) thead th{padding:4px 0;height:32px;font-size:8px}.compact .date-num{font-size:9px}.compact .weekday{font-size:8px}
 .compact .short-date{display:inline}.compact .full-date{display:none}
 .compact .cell .wx-symbol{width:min(17px,100%);height:18px}
 .compact .cell .change-icon .wx-symbol{width:13px!important;height:13px!important}
 .compact .cell .wx-bolt{width:9px;height:12px}
 .compact :is(#matrix,#hourly-matrix) tbody th,.compact .cell,.compact .cell.wx-cell{height:60px}
 .compact #hourly-matrix .cell .wx-symbol{width:min(15px,100%);height:17px}
 .compact #hourly-matrix .cell,.compact #hourly-matrix tbody th{height:46px}
 .compact .settings-card{padding:12px}.about,.rain-guide{margin-top:15px;padding:12px 0}
}
.compact .cell .weather-badge{width:100%}.compact .cell .change-icon{display:flex;line-height:0}
@media(max-width:700px){.compact .cell .wx-symbol{width:17px;height:18px}.compact #hourly-matrix .cell .wx-symbol{width:12px;height:15px}.compact .cell .change-icon .wx-symbol{width:12px!important;height:12px!important}.compact .cell .change-join{font-size:8px;height:8px;line-height:8px}}
body:not(.compact) :is(#matrix,#hourly-matrix) tbody th{vertical-align:middle}
body:not(.compact) :is(#matrix,#hourly-matrix) td{height:270px}
body:not(.compact) .cell.wx-cell{height:100%;min-height:270px;display:flex;flex-direction:column;justify-content:center;align-items:center}
@media(max-width:700px){.compact #hourly-matrix .cell .wx-symbol{width:clamp(9px,calc((100vw - 84px)/var(--columns) - 3px),20px);height:20px}}
.compact #hourly .legend>span:nth-child(-n+3){display:none}

/* Seven days across; keep the existing row heights. */
.compact #overview .matrix-wrap{container-type:inline-size;overflow:auto;max-height:none}
.compact #matrix{width:calc(110px + (100cqw - 110px) / 7 * 15)}
.compact #matrix :is(tbody th,thead th:first-child){width:110px;position:sticky;left:0;z-index:2}
.compact #matrix thead th:first-child{z-index:4;background:#f3f5ef}
.compact .mountain{font-size:15px}
@media(max-width:700px){
 .compact #matrix{width:calc(78px + (100cqw - 78px) / 7 * 15)}
 .compact #matrix :is(tbody th,thead th:first-child){width:78px;padding:2px 4px}
 .compact #hourly-matrix :is(tbody th,thead th:first-child){width:78px}
 .compact .mountain{font-size:13px;letter-spacing:-.03em}
 .compact .area{font-size:9px}
 .compact #matrix .date-num{font-size:11px}.compact #matrix .weekday{font-size:9px}
 .compact #matrix .cell>.weather-badge>.wx-symbol{width:22px;height:22px}
}