:root{--bg:#0b1016;--surface:#0f161eeb;--surface-2:#17212c;--line:#ffffff17;--text:#e6edf3;--muted:#8b98a7;--accent:#22d3ee;--warn:#fbbf24;--danger:#f87171;--log-width:340px;--font:system-ui, -apple-system, "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);margin:0;font-size:14px;overflow:hidden}button{font:inherit;color:inherit}.app{grid-template-columns:1fr var(--log-width);grid-template-rows:44px 1fr auto auto;grid-template-areas:"top top""view log""weather log""panel panel";height:100vh;display:grid;position:relative}.weather{grid-area:weather}.topbar{grid-area:top}.view{grid-area:view}.log{grid-area:log}.panel{grid-area:panel}.view{min-height:0;position:relative;overflow:hidden}.view__canvas,.view__labels{position:absolute;inset:0}.view__canvas canvas{display:block}.view__labels{pointer-events:none}.overlay{pointer-events:none;position:absolute;inset:0}.topbar{background:var(--surface);border-bottom:1px solid var(--line);white-space:nowrap;align-items:center;gap:18px;padding:0 16px;display:flex}.topbar__brand{letter-spacing:.14em;color:var(--accent);font-size:12px;font-weight:800}.topbar__day{font-weight:700}.topbar__clock{font-family:var(--mono);font-size:18px;font-weight:600}.topbar__scale{font-family:var(--mono);color:var(--muted)}.topbar__scale--slow{color:var(--warn)}.topbar__spacer{flex:1}.topbar__info{color:var(--muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.log{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.log__head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:10px 14px;display:flex}.log__live{color:#fff;letter-spacing:.08em;background:#dc2626;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:800}.log__title{color:var(--muted);font-size:12px}.log__list{flex-direction:column;flex:1;gap:8px;margin:0;padding:8px 14px 14px;list-style:none;display:flex;overflow-y:auto}.log__item{font-size:13px;line-height:1.5}.log__badge{background:var(--surface-2);color:var(--muted);border-radius:3px;margin-right:6px;padding:0 6px;font-size:11px;font-weight:700;display:inline-block}.log__item--announcer .log__text{font-weight:700}.log__item--system .log__text{color:var(--muted)}.panel{background:var(--surface);border-top:1px solid var(--line);grid-template-columns:240px 1fr auto;align-items:center;gap:16px;min-height:92px;padding:12px 16px;display:grid}.panel__status{flex-direction:column;gap:6px;display:flex}.panel__status-text{color:var(--muted);white-space:pre-line;font-size:12px;line-height:1.4}.panel__status-error{color:var(--danger);font-size:12px;line-height:1.4}.chip{background:var(--surface-2);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12px;font-weight:700}.chip--edit{color:var(--warn);background:#fbbf242e}.timeline{scrollbar-width:thin;align-items:stretch;gap:6px;min-width:0;max-height:72px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.timeline__empty{color:var(--muted);flex:0 0 300px;align-self:center;font-size:12px;line-height:1.5}.timeline__leg{background:var(--surface-2);border-left:4px solid var(--leg-color,var(--accent));border-radius:6px;flex:1 0 auto;grid-template-columns:auto 1fr auto;grid-template-areas:"kind to time""meta meta eta";gap:2px 8px;min-width:210px;max-width:320px;padding:8px 10px;font-size:12px;display:grid}.timeline__kind{color:var(--muted);grid-area:kind}.timeline__to{text-overflow:ellipsis;white-space:nowrap;grid-area:to;font-weight:700;overflow:hidden}.timeline__time{font-family:var(--mono);grid-area:time;font-weight:700}.timeline__meta{color:var(--muted);font-family:var(--mono);white-space:pre;grid-area:meta}.timeline__eta{color:var(--muted);font-family:var(--mono);grid-area:eta}.panel__buttons{gap:8px;display:flex}.btn{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.btn:hover:not(:disabled){border-color:#ffffff40}.btn:disabled{opacity:.45;cursor:not-allowed}.btn[hidden]{display:none}.btn--primary{background:var(--accent);border-color:var(--accent);color:#06202a;font-weight:700}.btn__key{font-family:var(--mono);color:inherit;opacity:.8;background:#00000040;border-radius:3px;padding:1px 5px;font-size:10px}.world-label{border:1px solid var(--label-color);color:var(--label-color);letter-spacing:.04em;white-space:nowrap;background:#080c12bf;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:800}.athlete-pin{flex-direction:column;align-items:center;gap:2px;display:flex}.athlete-pin__name{background:var(--pin-color);color:#0b1016;border-radius:4px;padding:1px 7px;font-size:11px;font-weight:800}.athlete-pin__dot{background:var(--pin-color);border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 2px #0006}.tooltip{border:1px solid var(--line);pointer-events:none;background:#0a0f15f0;border-radius:6px;min-width:180px;padding:8px 10px;font-size:12px;line-height:1.6;position:absolute;top:0;left:0}.tooltip[hidden]{display:none}.tooltip__title{color:var(--tooltip-color,var(--text));font-weight:800}.tooltip__line{color:var(--muted)}.loading{z-index:10;background:radial-gradient(ellipse at 50% 40%, #1c2b3a, var(--bg) 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .5s;display:flex;position:fixed;inset:0}.loading--done{opacity:0;pointer-events:none}.loading__title{letter-spacing:.3em;margin:0;font-size:34px;font-weight:800}.loading__sub,.loading__label{color:var(--muted);margin:0}.loading__bar{background:var(--surface-2);border-radius:2px;width:min(420px,80vw);height:4px;overflow:hidden}.loading__fill{background:var(--accent);width:0;height:100%;transition:width .2s}.loading--error .loading__label{color:var(--danger)}.topbar__phase{color:var(--warn);font-size:12px}.topbar__ff{gap:2px;display:inline-flex}.ff-btn{border:1px solid var(--line);background:var(--surface-2);font-family:var(--mono);cursor:pointer;border-radius:4px;padding:2px 6px;font-size:11px}.ff-btn--on{background:var(--accent);color:#06202a;border-color:var(--accent)}.ff-btn:disabled{opacity:.4;cursor:default}.topbar__stamina{align-items:center;gap:6px;display:inline-flex}.topbar__label{color:var(--muted);font-size:11px}.stamina-bar{background:var(--surface-2);border-radius:3px;width:90px;height:6px;overflow:hidden}.stamina-bar__fill{background:#4ade80;height:100%;display:block}.stamina-bar__fill--low{background:var(--danger)}.topbar__stamina-text{font-family:var(--mono);min-width:22px;font-size:12px}.topbar__rank{font-size:13px;font-weight:700}.btn--small{padding:4px 10px;font-size:12px}.topbar__scale--warn{color:var(--warn)}.chip--plan{color:var(--accent);background:#22d3ee29}.weather{background:var(--surface);border-top:1px solid var(--line);flex-direction:column;gap:2px;padding:6px 12px;display:flex;position:relative}.wtl__row{grid-template-columns:72px 1fr;align-items:center;height:16px;display:grid}.wtl__label{color:var(--muted);font-size:11px}.wtl__track{height:16px;position:relative}.wtl__block{white-space:nowrap;border-radius:3px;padding:0 3px;font-size:10.5px;line-height:14px;position:absolute;top:1px;bottom:1px;overflow:hidden}.wtl__hour{color:var(--muted);border-left:1px solid var(--line);border-radius:0}.wtl__wind{color:#bfdbfe;background:#93c5fd1f;border-left:1px solid #93c5fd66;border-radius:0}.wtl__thermal{background:rgba(251, 191, 36, calc(var(--s,0) * .8));color:#1f1604;border-radius:0}.wtl__cb{color:var(--muted);border-left:1px solid var(--line);border-radius:0}.wtl__storm{color:#fecaca;background:#ef444459}.wtl__sunset{color:var(--muted);background:#0f172ae6}.wtl__plan--hike{color:#fef3c7;background:#facc1547}.wtl__plan--prep,.wtl__plan--pack{color:#e2e8f0;background:#94a3b859}.wtl__plan--flight{color:#ede9fe;background:#a78bfa8c}.wtl__cursor-layer{pointer-events:none;position:absolute;inset:0 12px 0 84px}.wtl__now{background:var(--accent);width:2px;box-shadow:0 0 6px var(--accent);margin-left:-1px;position:absolute;top:4px;bottom:4px}.view__hud{pointer-events:none;position:absolute;top:12px;right:12px}.compass{text-align:center;background:#0a0f15b8;border-radius:8px;width:170px;padding:8px}.compass__dial{width:84px;height:84px}.compass__ring{fill:none;stroke:#ffffff59;stroke-width:2px}.compass__tick{stroke:#ffffff80;stroke-width:2px}.compass__n{fill:#f87171;text-anchor:middle;dominant-baseline:middle;font-size:14px;font-weight:800}.compass__arrow{stroke:#93c5fd;stroke-width:5px;stroke-linecap:round}.compass__head{fill:#93c5fd}.compass__text{color:var(--text);font-size:11px;line-height:1.4}.athlete-pin__name{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.athlete-pin__rank{font-family:var(--mono)}.athlete-pin__state{color:#fff;background:#00000059;border-radius:3px;padding:0 3px;font-size:10px;font-style:normal}.athlete-pin--player .athlete-pin__name{outline:2px solid #fff}.athlete-pin__bubble{color:#111;white-space:nowrap;background:#fff;border-radius:10px;max-width:220px;margin-bottom:2px;padding:3px 8px;font-size:11px}.athlete-pin__bubble[hidden]{display:none}.world-label--risk{--label-color:#fb923c}.world-label[hidden]{display:none}.timeline__leg--flight{background:#a78bfa1f;border-left-style:dashed}.timeline__meta--warn{color:var(--warn)}.timeline__empty--flight{color:var(--accent)}.dialog-backdrop{z-index:5;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dialog-backdrop[hidden]{display:none}.dialog{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;min-width:360px;max-width:820px;max-height:82vh;padding:20px 24px;line-height:1.6;overflow:auto}.dialog__title{margin:0 0 12px;font-size:18px}.dialog__sub{color:var(--muted);margin:12px 0 6px;font-size:13px}.dialog__note{color:var(--muted);font-size:12px}.dialog__buttons{gap:8px;margin-top:12px;display:flex}.dialog .btn--primary{margin-top:12px}.forecast-table,.results-table{border-collapse:collapse;width:100%;font-size:13px}.forecast-table th,.forecast-table td,.results-table th,.results-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:4px 8px}.forecast-facts{grid-template-columns:90px 1fr;gap:4px 12px;margin:12px 0 0;font-size:13px;display:grid}.forecast-facts dt{color:var(--muted)}.forecast-facts dd{margin:0}.results-table__name:before{content:"";background:var(--c);border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.results-table__player{background:#22d3ee1a;font-weight:700}