.train-root{--desk-gutter:max(40px,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));--gutter:max(calc((100% - var(--page-width)) / 2),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));--chart:var(--canvas);--sheet:var(--panel);--ink-2:var(--muted);--rule:var(--line);--grid:var(--soft);--blue:var(--team-ally);--red:var(--team-enemy);--v-pinpoint:var(--verdict-1);--v-sharp:var(--verdict-2);--v-area:var(--verdict-3);--v-off:var(--verdict-4);--v-lost:var(--verdict-5);--on-map:color-mix(in srgb,var(--art-base) 84%,transparent);--on-map-ink:var(--art-ink);--on-map-line:color-mix(in srgb,var(--art-ink) 22%,transparent);--font-sans:var(--font-ui);--mono:ui-monospace,"Cascadia Mono",Consolas,monospace;--desk-chrome:8.25rem;color:var(--text);background:var(--chart);font-family:var(--font-sans),"Helvetica Neue",Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.train-root:has(.desk-focus){--gutter:var(--desk-gutter)}.train-root .train-loading{min-height:calc(100dvh / var(--ui-zoom, 1) - 73px);margin:0}:where(.train-root) *,:where(.train-root) :after,:where(.train-root) :before{box-sizing:border-box}:where(.train-root) :focus-visible{outline:2px solid var(--focus);outline-offset:2px}:where(.train-root) button{font:inherit;color:inherit}:where(.train-root) .button svg{width:16px;height:16px}:where(.train-root) a{color:inherit;text-underline-offset:4px}:where(.train-root) p a{color:var(--accent);text-decoration:underline}