@font-face{font-family:Plex;src:url('/plex.woff2') format('woff2');font-weight:100 700;font-display:swap}
:root{--paper:#f5f1e9;--muted:#c4c9c7;--dim:#a4b2b4;--line:rgba(224,234,229,.24);--ink:#111a1c;--down:#9dd4ad;--up:#e3a49c;--blue:#a1bcd9;--chrome:rgba(18,28,32,.72);--font:Plex,'Helvetica Neue',Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--ink);color:var(--paper);font:16px/1.45 var(--font);color-scheme:dark}body{margin:0;isolation:isolate}
.scenery,.shade{position:fixed;inset:0;pointer-events:none}.scenery{z-index:-3;overflow:hidden;background:radial-gradient(ellipse at 76% 32%,#30474b 0%,#1d3036 39%,#101d24 85%)}
#coast{position:absolute;right:-7%;top:0;width:73%;height:100%;mask-image:linear-gradient(90deg,transparent,#000 34%)}
.shade{z-index:-2;background:linear-gradient(90deg,rgba(13,24,30,.86),rgba(13,24,30,.32) 50%,transparent 75%),linear-gradient(0deg,#0e1b22 0%,transparent 40%)}

.screen{width:min(100%,1920px);margin:auto;padding:clamp(18px,3vh,40px) clamp(20px,5.2vw,100px) 16px;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto auto;gap:clamp(14px,2.8vh,38px)}
header,footer,.top-actions,.home,.place,.boardhead,.switch,.clock,.change,.number-line{display:flex;align-items:center}
header,.boardhead{justify-content:space-between;gap:12px}.home{gap:10px;color:var(--paper);text-decoration:none;font-size:19px;font-weight:550;letter-spacing:-.04em}.mark{display:flex;align-items:center;gap:2px}.mark i{width:4px;height:12px;background:var(--blue)}.mark i:nth-child(2){height:23px}.mark i:nth-child(3){height:16px}
button,summary{cursor:pointer;color:inherit;font:inherit}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.top-actions{gap:8px}.switch,.icon{border:1px solid var(--line);background:var(--chrome);border-radius:6px}.switch{padding:3px}.switch button{padding:7px 12px;border-radius:3px;font-size:14px;color:var(--muted);min-height:32px}.switch [aria-pressed=true]{background:var(--paper);color:var(--ink)}.icon{width:40px;height:40px;display:grid;place-items:center}.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.top-actions button:hover,.boardhead button:hover{color:white}.switch [aria-pressed=true]:hover{color:var(--ink)}
main{align-self:center;min-width:0;padding:clamp(8px,1.5vh,24px) 0;max-width:1050px}.place{gap:12px;color:var(--muted);font-size:clamp(15px,1.4vw,23px)}.place-mark{width:10px;height:10px;border:1px solid var(--blue);transform:rotate(45deg)}.slash{opacity:.5}
.titles{font-size:clamp(30px,4.7vw,74px);font-weight:450;line-height:1.06;letter-spacing:-.045em;margin:14px 0 8px;text-wrap:balance;overflow-wrap:anywhere}
.number-line{align-items:baseline;gap:.1em;white-space:nowrap;font-size:clamp(70px,10.4vw,190px);letter-spacing:-.067em;line-height:1.1;font-weight:480;font-variant-numeric:tabular-nums}
.unit{font-size:.46em;color:var(--muted);font-weight:400;letter-spacing:-.025em}
.change{gap:12px;min-height:38px;flex-wrap:wrap}.change span{font-size:clamp(15px,1.45vw,24px)}.change > :first-child{font-weight:500}.down{color:var(--down)}.up{color:var(--up)}.was,.basis,.clock span{color:var(--muted)}.stay{font-size:clamp(17px,1.65vw,27px);margin:16px 0 3px}.basis{font-size:clamp(14px,1.15vw,20px);margin:0}
.board{min-width:0}.boardhead{margin-bottom:8px;border-bottom:1px solid var(--line);padding-bottom:8px}.boardhead h2{font-size:15px;font-weight:500;margin:0}.boardhead button{font-size:14px;color:var(--muted);padding:6px 0 6px 14px}
#rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,3vw,56px)}.quote{padding:9px 0;min-width:0;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:4px 12px}.quote strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;font-size:clamp(15px,1.4vw,23px)}.quote small{grid-column:1/-1;color:var(--dim);font-size:13px}.quote .value{white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--muted)}
footer{gap:12px;padding-top:10px;border-top:1px solid var(--line);font-size:13px;color:var(--dim)}.clock{gap:8px;margin-left:auto;white-space:nowrap}.clock time{font-size:18px;color:var(--paper);font-variant-numeric:tabular-nums}.demo-mode #status{color:#edd4a0}#info{position:relative}#info summary{border:1px solid var(--line);border-radius:100%;width:26px;height:26px;display:grid;place-items:center;color:var(--muted);list-style:none}#info summary::-webkit-details-marker{display:none}#info div{position:absolute;bottom:35px;right:0;width:min(320px,83vw);padding:18px;background:#172225;border:1px solid var(--line);border-radius:6px;color:var(--paper)}#info p{margin:.65em 0}#info a{color:var(--blue)}.paused .scenery,.hidden-tab .scenery{animation-play-state:paused}
@media(min-width:1650px){.screen{padding-bottom:30px}}
@media(max-width:750px){#rail{grid-template-columns:repeat(2,minmax(0,1fr))}.screen{padding-inline:20px}.shade{background:linear-gradient(90deg,rgba(10,22,28,.8),rgba(10,22,28,.33)),linear-gradient(0deg,#101a1c 0%,transparent 78%)}.home{font-size:16px}.place{gap:8px}.top-actions{gap:4px}.number-line{font-size:clamp(60px,13vw,100px)}}
@media(max-width:520px){.screen{padding:14px 16px;gap:14px}header{align-items:flex-start;flex-wrap:wrap}.home{min-height:34px}.switch button{padding:5px 8px;font-size:12px;min-height:28px}.icon{width:34px;height:34px}.top-actions{margin-left:auto}.boardhead{margin:0}#rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}.quote{padding:6px 0}.quote small{font-size:12px}.number-line{font-size:clamp(52px,14.6vw,76px)}.titles{font-size:clamp(30px,8vw,42px)}main{padding:15px 0}.change{gap:4px 10px}.stay{margin-top:10px}.clock span{display:none}footer{font-size:12px}.scenery{background-position:60% center}}
@media(max-height:550px) and (min-width:521px){.screen{padding:10px 24px;gap:5px}main{padding:2px 0}.number-line{font-size:56px}.titles{font-size:26px;margin:5px 0}.stay{margin:0}.change{min-height:20px}.boardhead{margin:0;padding:0}.quote{padding:3px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

[hidden]{display:none!important}body:not(.demo-mode) #status{font-variant-numeric:tabular-nums}

main{position:relative;display:grid;isolation:isolate}
.slide{grid-area:1 / 1;align-self:start;min-width:0}
.titles,.measure{display:grid;min-width:0}
.titles > *,.measure > *{grid-area:1/1}
.measure{visibility:hidden;pointer-events:none}
.titles h1,.measure span{font:inherit;letter-spacing:inherit;line-height:inherit;margin:0;text-wrap:balance;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.slide .basis{min-height:2.9em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.figure{display:inline-flex;align-items:baseline;gap:.1em}
.number-line{display:grid;justify-items:start}
.number-line > *{grid-area:1 / 1}
.outgoing{pointer-events:none}
.quote{grid-template-columns:minmax(0,1fr);gap:2px}
.quote .value{justify-self:start;color:var(--paper);font-size:clamp(17px,1.7vw,27px);margin-inline-start:-.4em}
.quote small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.quote[aria-current=true] strong{color:var(--blue)}
.board{--price-down:#afdbbb;--wash-down:#263c34;--price-up:#e8b2aa;--wash-up:#40302f}
@media(max-width:750px){#coast{right:-21%;width:100%}.shade{background:linear-gradient(90deg,rgba(13,24,30,.76),rgba(13,24,30,.26)),linear-gradient(0deg,#0e1b22,transparent 60%)}}
@media(max-width:520px){.quote{padding:4px 0}.quote .value{font-size:17px}.quote small{font-size:11px}}

.quote .price-pill{height:1.55em;min-height:1.55em}
@media(max-width:520px) and (max-height:720px){
 .screen{gap:7px;padding-block:8px}header{gap:2px}.home{min-height:28px}main{padding:4px 0}
 .place{font-size:13px}.titles{margin:7px 0 4px}.stay{margin-top:5px}.change{min-height:26px}
 .quote{padding:2px 0}.boardhead{padding-bottom:2px}footer{padding-top:4px}
}
@media(max-height:550px) and (min-width:521px){
 .screen{padding-block:6px;gap:4px}.boardhead{padding:0}.boardhead button{padding-block:2px}
 #rail{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
 .quote{padding:0;gap:0}.quote small{font-size:10px}.quote strong,.quote .value{font-size:14px}
 .stay,.basis{font-size:12px}.slide .basis{min-height:1.45em}.titles{font-size:22px;margin:2px 0}
 .number-line{font-size:42px}.place{font-size:12px}footer{padding-top:2px}
}
header{flex-wrap:wrap;row-gap:9px}
.ambient-cities{flex:1 0 100%;display:flex;gap:3px 8px;flex-wrap:wrap;min-width:0;border-top:1px solid var(--line);padding-top:5px}
.ambient-cities a{color:var(--muted);padding:4px 6px;font-size:14px;text-decoration:none;border-radius:3px;white-space:nowrap}
.ambient-cities a[aria-current=page]{background:var(--paper);color:var(--ink)}
.ambient-cities a:hover{outline:1px solid var(--line)}
@media(max-width:750px),(max-height:550px){.ambient-cities{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.ambient-cities a{font-size:13px}.screen header{row-gap:4px}}