/* Departure board: current rank and real history share the first view. */
:root{color-scheme:dark;--bg:#0d151d;--panel:#14212d;--ink:#f1f4f6;--muted:#a9bac7;--rule:#2d4152;--accent:#efcf79}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 "Segoe UI",Arial,sans-serif}a{color:inherit;text-underline-offset:4px;text-decoration-color:#6a8499}button,select{font:inherit;color:inherit}button,summary{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}[hidden]{display:none!important}
header,main{width:min(1180px,calc(100% - 64px));margin:auto}header{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--rule);font-size:13px}header nav{display:flex;gap:24px;color:var(--muted)}main{padding:30px 0 42px}.hero{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.eyebrow{margin:0 0 6px;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}h1{margin:0;font:800 42px/1.1 "Arial Narrow","Segoe UI",sans-serif;letter-spacing:-.025em}.hero>span{font:12px/1.6 Consolas,monospace;color:var(--muted);text-align:right}
.tools{border-block:1px solid var(--rule);margin-bottom:24px;padding:4px 0}.tools summary{font-size:13px;color:var(--muted);min-height:40px;padding:8px 0}.toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:10px}.toolbar label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.toolbar select,.toolbar button{min-height:40px;border:1px solid var(--rule);background:var(--panel);padding:8px 12px;border-radius:5px}.toolbar select{min-width:250px}.toolbar button:hover{border-color:var(--accent)}#connection{margin:auto 0 auto auto;font-size:12px;color:var(--muted)}
.board-layout{display:grid;grid-template-columns:minmax(350px,.8fr) minmax(0,1.35fr);gap:28px}.board-title,.chart-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}.board-title h2,.chart-head h2{margin:0;font-size:15px;font-weight:650}.board-title>span{font:12px Consolas,monospace;color:var(--muted)}#leaderboard{min-width:0}#lines{border-top:1px solid var(--rule)}.line{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:9px;align-items:center;width:100%;min-height:51px;border:0;border-bottom:1px solid var(--rule);padding:7px 8px;background:transparent;color:inherit;text-align:left;border-radius:0}.line:hover,.line[aria-pressed=true]{background:var(--panel)}.line>span:nth-child(n+4){display:none}.rank{font:12px Consolas,monospace;color:var(--muted)}.rank b{font-weight:400}.rank.p1 b,.rank.p2 b,.rank.p3 b{color:var(--accent)}.line-name{display:flex;min-width:0;align-items:center;gap:7px}.badge{border-left:4px solid var(--line);padding:2px 0 2px 9px;font-size:14px;font-weight:600;line-height:1.3}.badge small{display:block;margin-top:2px;font-size:11px;font-weight:400;color:var(--muted)}.status{width:6px;height:6px;border-radius:50%;background:#91a0aa;flex-shrink:0}.status.good{background:#77c99b}.status.minor{background:#efcf79}.status.delay{background:#ecac74}.status.bad{background:#ef8d99}.elo{font:700 18px Consolas,monospace;color:var(--accent)}#notice,.board-hint{font-size:12px;color:var(--muted);margin:12px 0 0}.board-hint{margin-top:4px}
#history{min-width:0;border-left:1px solid var(--rule);padding-left:28px}.timeframes{display:flex;gap:4px;margin:8px 0}.timeframes button{min-height:40px;flex:1;border:1px solid var(--rule);border-radius:4px;background:transparent;color:var(--muted);padding:5px 8px;font-size:13px}.timeframes button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--bg);font-weight:650}.timeframes button:hover{border-color:var(--accent)}#all-lines{border:0;background:none;color:var(--accent);text-decoration:underline;min-height:40px;font-size:13px}.range-summary{font:11px/1.6 Consolas,monospace;color:var(--muted);min-height:18px;margin:12px 0}#history-chart{width:100%;border-block:1px solid var(--rule)}#history-chart svg{display:block;width:100%;height:auto;shape-rendering:geometricPrecision}.rating-line{vector-effect:non-scaling-stroke}#line-toggles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px;padding:16px 0}#line-toggles label{position:relative;display:flex;align-items:center;gap:6px;min-height:34px;font-size:12px;cursor:pointer;line-height:1.3}#line-toggles label:before{content:"";width:13px;border-top:3px solid var(--line);flex-shrink:0}#line-toggles input{position:absolute;opacity:0}#line-toggles label:not(:has(input:checked)){opacity:.45}#line-toggles label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.chart-loading{height:400px;background:repeating-linear-gradient(to bottom,transparent 0,transparent calc(25% - 1px),var(--rule) 25%)}.method{border-top:1px solid var(--rule);margin-top:26px;padding-top:14px;color:var(--muted);font-size:13px}.method summary{color:var(--ink);min-height:32px}.method p{max-width:850px}.note{padding:20px 8px;color:var(--muted)}
@media(max-width:960px){.board-layout{grid-template-columns:1fr}#history{border-left:0;border-top:1px solid var(--rule);padding:20px 0 0}#line-toggles{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){header,main{width:calc(100% - 32px)}header{font-size:12px;min-height:58px}header nav{gap:12px}main{padding-top:25px}.hero{display:block;margin-bottom:18px}h1{font-size:36px}.hero>span{display:block;text-align:left;margin-top:10px}.toolbar{gap:8px}.toolbar label{width:100%}.toolbar select{width:100%;min-width:0}#connection{width:100%;margin:4px 0}.tools{margin-bottom:18px}.line{min-height:53px;padding-inline:3px}.badge{font-size:15px}#line-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px}#line-toggles label{min-height:40px}.chart-loading{height:300px}.timeframes button{padding-inline:4px}.range-summary{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#candles label{display:flex;align-items:center;gap:12px;margin-bottom:12px}#candle-line{min-height:40px;padding:7px 12px;border:1px solid var(--rule);border-radius:5px;background:var(--panel);color:var(--ink)}#candle-chart{max-width:700px}#candle-chart svg{width:100%;height:auto;display:block}#event-list{max-height:330px;overflow:auto;margin-top:12px}.event{display:grid;grid-template-columns:50px 110px minmax(0,1fr) 90px;gap:10px;padding:8px 0;border-bottom:1px solid var(--rule);font:12px/1.5 Consolas,monospace}.event span{overflow-wrap:anywhere}@media(max-width:600px){.event{grid-template-columns:40px 90px minmax(0,1fr)}.event span:last-child{grid-column:2/-1}}