:root{color-scheme:light dark;--surface: #fcfcfb;--surface-raised: #ffffff;--surface-sunken: #f1f1ee;--border: #c9c9c2;--border-strong: #8b8b83;--text: #17170f;--text-muted: #55554c;--accent: #1a4f8a;--accent-text: #ffffff;--danger: #9a1c1c;--status-ok: #00a66a;--warning-surface: #fdf3d8;--warning-border: #a8842a;--warning-text: #4a3a05;--family-water: #005fa2;--family-supply: #9c5003;--family-rest: #ac73e8;--family-race: #00a66a;--font-base: 18px;--font-small: 16px;--font-large: 22px;--font-huge: 30px;--tap-min: 44px;--tap-race: 52px;--gap: 12px;--radius: 10px}@media (prefers-color-scheme: dark){:root{--surface: #1a1a19;--surface-raised: #262624;--surface-sunken: #121211;--border: #45453f;--border-strong: #7d7d74;--text: #f2f2ec;--text-muted: #b6b6ad;--accent: #7fb2ee;--accent-text: #101010;--danger: #ff8a80;--status-ok: #00ac6e;--warning-surface: #3a3105;--warning-border: #d0ad4e;--warning-text: #f6e9c2;--family-water: #1e6aaa;--family-supply: #9f5308;--family-rest: #b15fff;--family-race: #00ac6e}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--font-base);line-height:1.45;-webkit-text-size-adjust:100%}#app{height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;min-height:0;display:flex;flex-direction:column}.messages-slot{flex:none;padding:0 var(--gap)}.messages-slot:empty{display:none}.screen{flex:1;min-height:0;display:flex;flex-direction:column;overflow-x:hidden;max-width:900px;width:100%;margin:0 auto}.screen--scroll{display:block;overflow-y:auto;padding:calc(var(--gap) + env(safe-area-inset-top,0px)) var(--gap) var(--gap)}.screen__title{font-size:var(--font-large);margin:0 0 var(--gap)}.subsection{border-top:2px solid var(--border);padding-top:var(--gap);margin-top:var(--gap)}.subsection>h2{font-size:var(--font-small);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:0 0 var(--gap)}.tab-bar{flex:none;display:flex;align-items:stretch;gap:8px;padding:8px var(--gap) calc(8px + env(safe-area-inset-bottom,0px));border-top:2px solid var(--border);background:var(--surface-sunken)}.tab-bar__menu{flex:none;width:64px;flex-direction:column;gap:2px;padding:4px;font-size:var(--font-small);font-weight:700}.tab-bar__tab{flex:1;min-height:var(--tap-min);border-width:2px;background:var(--surface-sunken);color:var(--text-muted);font-weight:500;line-height:1.15}.tab-bar__tab--active{background:var(--surface-raised);color:var(--text);font-weight:700;border-color:var(--text);border-bottom-width:6px}.disclosure{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface-raised);margin-bottom:var(--gap);overflow:hidden}.disclosure__summary{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--tap-min);border:none;border-radius:0;background:none;text-align:left}.disclosure__title{flex:1;font-weight:700}.disclosure__hint{font-size:var(--font-small);color:var(--text-muted);text-align:right}.disclosure__chevron{flex:none;color:var(--text-muted);display:flex}.disclosure__chevron--open{transform:rotate(180deg)}.disclosure__body{padding:0 var(--gap) var(--gap)}h1{font-size:var(--font-huge);margin:0 0 var(--gap)}h2{font-size:var(--font-large);margin:calc(var(--gap) * 1.5) 0 var(--gap)}h3{font-size:var(--font-base);margin:var(--gap) 0 calc(var(--gap) / 2)}p{margin:0 0 var(--gap)}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button,.button{min-height:var(--tap-min);min-width:var(--tap-min);padding:10px 16px;font-size:var(--font-base);font-family:inherit;border-radius:var(--radius);border:2px solid var(--border-strong);background:var(--surface-raised);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.danger{border-color:var(--danger);color:var(--danger)}button.icon-button{padding:8px}.actions{display:flex;flex-wrap:wrap;gap:var(--gap);margin-bottom:var(--gap)}.actions--primary{margin-bottom:var(--gap)}.actions--primary>button{flex:1 1 46%}.wide{width:100%}.small{font-size:var(--font-small)}.actions--stacked{flex-direction:column;align-items:stretch}input,select,textarea{min-height:var(--tap-min);font-size:var(--font-base);font-family:inherit;padding:8px 10px;border-radius:var(--radius);border:2px solid var(--border-strong);background:var(--surface-raised);color:var(--text);width:100%}textarea{min-height:120px;resize:vertical}label{display:block;margin-bottom:var(--gap)}label>span.field-label{display:block;font-size:var(--font-small);color:var(--text-muted);margin-bottom:4px}.field-error{display:block;color:var(--danger);font-size:var(--font-small);margin-top:4px}.checkbox{display:flex;align-items:center;gap:var(--gap);min-height:var(--tap-min)}.checkbox input{width:26px;height:26px;min-height:26px;flex:none}fieldset{border:2px solid var(--border);border-radius:var(--radius);padding:var(--gap);margin:0 0 var(--gap)}legend{font-weight:600;padding:0 6px}.card{background:var(--surface-raised);border:2px solid var(--border);border-radius:var(--radius);padding:var(--gap);margin-bottom:var(--gap)}.notice{border:2px solid var(--warning-border);background:var(--warning-surface);color:var(--warning-text);border-radius:var(--radius);padding:var(--gap);margin-bottom:var(--gap)}.notice--error{border-color:var(--danger);background:transparent;color:var(--danger)}.notice--info{border-color:var(--border-strong);background:var(--surface-sunken);color:var(--text)}.markers{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--gap)}.marker{display:flex;align-items:center;gap:8px;font-size:var(--font-small);border:2px solid var(--warning-border);background:var(--warning-surface);color:var(--warning-text);border-radius:var(--radius);padding:6px 10px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--gap)}.summary-item .summary-label{display:block;font-size:var(--font-small);color:var(--text-muted)}.summary-item .summary-value{display:block;font-size:var(--font-large);font-variant-numeric:tabular-nums}.empty-state{border:2px dashed var(--border-strong);border-radius:var(--radius);padding:calc(var(--gap) * 2);text-align:center}.roadbook-list{position:relative;overflow-y:auto;overflow-x:hidden;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface-raised)}.row{display:flex;align-items:center;gap:8px;padding:8px var(--gap) 8px 4px;border-bottom:1px solid var(--border);min-height:var(--tap-min);flex-wrap:wrap}.row__toggle{flex:none;width:var(--tap-min);height:var(--tap-min);min-height:var(--tap-min);padding:0;border:none;background:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.row__toggle[aria-expanded=true]{transform:rotate(90deg);color:var(--text)}.row__gutter{flex:none;width:var(--tap-min)}.row__name{font-weight:700;font-size:var(--font-small);letter-spacing:.05em;text-transform:uppercase}.row__detail{flex-basis:100%;background:var(--surface-sunken);border-top:1px solid var(--border);margin:8px -12px -8px -4px;padding:var(--gap) var(--gap) var(--gap) calc(var(--tap-min) + 4px);display:flex;flex-direction:column;gap:var(--gap)}.row--expanded{background:var(--surface-sunken)}.poi-detail{background:var(--surface-raised);border:2px solid var(--border);border-radius:var(--radius);padding:var(--gap);display:flex;flex-direction:column;gap:var(--gap)}.poi-detail__head{display:flex;align-items:center;gap:var(--gap)}.poi-detail__head h3{margin:0;font-size:var(--font-base)}.poi-detail__head p{margin:0;font-size:var(--font-small)}.poi-detail__contacts{display:flex;flex-direction:column;gap:8px}.contact{display:flex;flex-direction:column;gap:2px;margin:0}.contact__label{font-size:var(--font-small);color:var(--text-muted)}.contact__value{font-weight:600;overflow-wrap:anywhere}.poi-detail__note textarea{min-height:88px}.link-button{border:none;background:none;padding:0 0 0 8px;min-height:0;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.row--emphasized{outline:2px solid var(--accent)}.row:last-child{border-bottom:none}.row__icons{display:flex;align-items:center;flex-wrap:wrap;gap:4px;flex:none}.row__head{display:flex;align-items:center;gap:8px}.row--stacked .row__head{flex:1 1 100%;align-items:flex-start}.row--stacked .row__icons{flex:1 1 auto;min-width:0}.row--stacked .row__values{flex:1 1 100%}.row__icons button{border:none;background:none;padding:4px;min-height:var(--tap-min);min-width:var(--tap-min)}.row__values{display:flex;flex-wrap:wrap;gap:4px 10px;font-variant-numeric:tabular-nums;font-size:var(--font-small)}.row__values .separator{color:var(--text-muted)}.row--stop{background:var(--surface-sunken);font-weight:600;border-left:6px solid var(--border-strong)}.row--missing{background:var(--warning-surface);color:var(--warning-text);border-left:6px dashed var(--warning-border);flex-wrap:wrap}.row--highlighted{border:3px solid var(--text);font-size:var(--font-large)}.row--highlighted .row__values{font-size:var(--font-base)}.family-water{color:var(--family-water)}.family-supply{color:var(--family-supply)}.family-rest{color:var(--family-rest)}.family-race{color:var(--family-race)}.pin-ring{display:inline-flex;align-items:center;justify-content:center;border:3px solid currentColor;border-radius:999px;padding:2px}.icon,.glyph{display:block}.screen--roadbook{padding:0}.roadbook-head{flex:none;padding:calc(var(--gap) + env(safe-area-inset-top,0px)) var(--gap) 4px;border-bottom:2px solid var(--border);background:var(--surface)}.roadbook-title{width:100%;font-size:var(--font-large);font-weight:700;border:none;background:none;padding:4px 0;min-height:var(--tap-min);color:var(--text)}.sheet-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:flex-end;z-index:30}.sheet{width:100%;max-height:85dvh;overflow-y:auto;background:var(--surface);border-top:2px solid var(--border);border-radius:18px 18px 0 0;padding:var(--gap) var(--gap) calc(var(--gap) + env(safe-area-inset-bottom,0px))}.sheet__head{display:flex;align-items:center;gap:var(--gap);margin-bottom:var(--gap)}.sheet__head h2{flex:1;margin:0;font-size:var(--font-large)}.sheet__group{font-size:var(--font-small);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin:var(--gap) 0 6px}.sheet__item{display:flex;align-items:center;gap:var(--gap);width:100%;min-height:var(--tap-race);margin-bottom:8px;text-align:left;font-weight:600}.sheet__item-text{flex:1;display:flex;flex-direction:column;gap:2px}.sheet__item-hint{font-weight:400;font-size:var(--font-small);color:var(--text-muted)}.modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:var(--gap);z-index:20}.modal{background:var(--surface-raised);border:2px solid var(--border-strong);border-radius:var(--radius);padding:var(--gap);max-width:560px;width:100%;max-height:90dvh;overflow-y:auto}.race{--font-base: 22px;--font-small: 20px;--font-large: 26px;--font-huge: 40px;font-size:var(--font-base);display:flex;flex-direction:column;min-height:0}.race button,.race .button{min-height:var(--tap-race)}.race-status{flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:calc(var(--gap) + env(safe-area-inset-top,0px)) var(--gap) 10px;border-bottom:2px solid var(--border);font-size:var(--font-small)}.race-command{min-height:var(--tap-race);padding:6px 12px;font-size:var(--font-small);font-weight:600}.race-body{flex:1;min-height:0;display:flex;flex-direction:column;padding:10px 0}.race-track{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--gap);overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;padding:0 var(--gap) 4px}.race-card{flex:0 0 auto;width:100%;scroll-snap-align:start;scroll-snap-stop:always;border:2px solid var(--border-strong);border-radius:16px;background:var(--surface-raised);padding:var(--gap);display:flex;flex-direction:column;gap:var(--gap)}.race-card--next{border:4px solid var(--text)}.race-card__label{display:flex;align-items:center;gap:8px;font-size:var(--font-small);font-weight:700;letter-spacing:.07em;text-transform:uppercase}.race-card__toggle{flex:none;width:var(--tap-race);height:var(--tap-race);margin:-6px 0 -6px -8px;padding:0;border:none;background:none;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.race-card__toggle[aria-expanded=true]{transform:rotate(90deg);color:var(--text)}.race-card__spot{font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-muted);border:1px solid var(--border);border-radius:7px;padding:2px 7px}.race-card__rank{margin-left:auto;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;color:var(--text-muted)}.race-card__who{display:flex;align-items:flex-start;gap:var(--gap)}.race-card__name{font-size:var(--font-large);font-weight:700;line-height:1.2}.race-card__metrics{margin:0;border-top:1px solid var(--border);padding-top:var(--gap);display:flex;flex-direction:column;gap:10px}.race-metric{display:flex;align-items:baseline;gap:var(--gap)}.race-metric dt{flex:none;width:9ch;font-size:var(--font-small);color:var(--text-muted)}.race-metric__value{flex:1;margin:0;text-align:right;font-size:var(--font-huge);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.race-metric__value--small{font-size:var(--font-large)}.race-card__detail{border-top:1px solid var(--border);padding-top:var(--gap)}.race-empty,.race-hint{padding:var(--gap)}.race-foot{flex:none;display:flex;align-items:stretch;gap:var(--gap);padding:var(--gap) var(--gap) calc(var(--gap) + env(safe-area-inset-bottom,0px));border-top:2px solid var(--border)}.race-leave{flex:none;width:150px;min-height:72px;flex-direction:column;gap:2px;font-size:var(--font-small)}.lock-zone{flex:none;margin-left:auto;width:200px;height:72px;min-height:72px;padding:4px 10px;flex-direction:column;gap:4px;border:3px dashed var(--text);font-size:var(--font-small);text-align:center;line-height:1.2}.lock-zone--holding{background:var(--surface-sunken);border-style:solid}.race--locked .race-track,.race--locked .race-status,.race--locked .race-leave{pointer-events:none}.status-badge{border:2px solid var(--border-strong);border-radius:999px;padding:2px 10px;font-size:var(--font-small);white-space:nowrap}.position-status{display:inline-flex}.position-status--ok{color:var(--status-ok)}.position-status--ko{color:var(--danger)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--text-muted)}.table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.table th,.table td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border);font-size:var(--font-small)}.scroll-x{overflow-x:auto}.progress-bar{height:12px;border:2px solid var(--border-strong);border-radius:999px;overflow:hidden;background:var(--surface-sunken)}.progress-bar>div{height:100%;background:var(--accent)}.definition-list{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;margin:0 0 var(--gap)}.definition-list>div{display:flex;flex-wrap:wrap;gap:4px var(--gap);border-bottom:1px solid var(--border);padding-bottom:6px}.definition-list dt{font-weight:600;margin:0}.definition-list dd{margin:0;flex:1;min-width:0;overflow-wrap:anywhere}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}