:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{block-size:100%}body{background:var(--color-background);color:var(--color-text);font-family:var(--typography-font-family), ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:var(--typography-body);font-weight:var(--typography-body-weight);margin:0;overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--typography-heading-weight);margin-block:0}h1{font-size:var(--typography-h1)}h2{font-size:var(--typography-h2)}button,input,select,textarea{font:inherit;color:inherit}.app-shell{flex-direction:column;block-size:100dvh;min-block-size:0;display:flex;overflow:hidden}.app-shell__viewport{flex:auto;min-block-size:0;min-inline-size:0;display:flex}.app-shell__viewport>#appContentWrap{inline-size:100%}.app-shell__announcer{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:fixed;overflow:hidden}#app-panel-layer{z-index:900;pointer-events:none;position:fixed;inset:0}.app-shell__panel-backdrop{pointer-events:auto;background:#0000007a;border:0;position:absolute;inset:0}.app-shell__panel-actions{pointer-events:auto;justify-content:flex-end;gap:8px;display:flex;position:absolute;inset-block-end:12px;inset-inline:12px}.app-shell__panel-actions button{border:1px solid var(--color-border);border-radius:var(--border-radius-medium);background:var(--color-primary);min-block-size:44px;color:var(--color-primary-text);cursor:pointer;padding-inline:18px;box-shadow:0 8px 24px #0000003d}.region-host__close{display:none}.region-host__tabs{border:1px solid var(--color-border);border-radius:var(--border-radius-medium);background:var(--color-surface);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:4px;margin-block-end:8px;padding:4px;display:grid}.region-host__tabs button{border-radius:var(--border-radius-small);cursor:pointer;background:0 0;border:0;min-block-size:36px}.region-host__tabs button[aria-selected=true]{background:var(--color-primary);color:var(--color-primary-text)}.context-panel-demo,.mock-context-panel{border:1px solid var(--color-border);border-radius:var(--border-radius-medium);background:var(--color-surface);gap:8px;padding:12px;display:grid}.context-panel-demo header,.mock-context-panel header{justify-content:space-between;align-items:center;gap:8px;display:flex}.context-panel-demo p,.mock-context-panel p{margin:0}.context-panel-demo button,.mock-context-panel button{border:1px solid var(--color-border);border-radius:var(--border-radius-small);background:var(--color-surface-raised,var(--color-background));cursor:pointer;min-block-size:36px}.login-page{background:var(--color-background);place-items:center;block-size:100dvh;padding:24px;display:grid}.login-page__panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;inline-size:min(100%,420px);padding:24px}.app-shell__header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;inset-block-start:0}#appContentWrap{background:var(--color-background);min-block-size:0;color:var(--color-text);flex:auto;overflow:hidden}.semantic-page{--page-side-column-width:clamp(220px, 20vw, 300px);--page-right-column-width:clamp(220px, 22vw, 320px);grid-template-columns:minmax(0,1fr);gap:12px;block-size:100%;min-block-size:0;inline-size:100%;padding:12px;display:grid;overflow:hidden}.semantic-page__navigation,.semantic-page__primary,.semantic-page__end{scrollbar-gutter:stable;align-content:start;gap:12px;min-block-size:0;min-inline-size:0;display:grid;overflow:hidden auto}.semantic-page--start-main-end{grid-template-columns:minmax(0, var(--page-side-column-width)) minmax(360px, 1fr) minmax(0, var(--page-right-column-width))}.semantic-page--start-main{grid-template-columns:minmax(0, var(--page-side-column-width)) minmax(360px, 1fr)}.semantic-page--main-end{grid-template-columns:minmax(360px, 1fr) minmax(0, var(--page-right-column-width))}.page-content-row{--page-content-row-fixed-width:420px;gap:12px;min-inline-size:0;display:grid}.page-content-row--full{grid-template-columns:minmax(0,1fr)}.page-content-row--split-even{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content-row--split-fixed{grid-template-columns:minmax(0, 1fr) var(--page-content-row-fixed-width)}.page-content-row__item{min-inline-size:0}.page-content-row__item--fluid{inline-size:100%;max-inline-size:100%}.page-content-row__item--fixed{inline-size:var(--page-content-row-fixed-width);max-inline-size:100%}.event-context-panel{border:1px solid var(--color-border);background:var(--color-surface);border-radius:10px;gap:16px;padding:12px;display:grid}.event-context-panel__header{justify-content:space-between;gap:12px;display:flex}.event-context-panel__header span,.event-context-panel__header small{color:var(--color-text-secondary,var(--color-text))}.event-context-panel__header h2{margin:2px 0 0;font-size:18px}.event-context-panel__header button{color:inherit;cursor:pointer;background:0 0;border:0;font-size:24px}.match-tracker__scoreboard{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.match-tracker__scoreboard div,.match-tracker__scoreboard p{gap:4px;margin:0;display:grid}.match-tracker__scoreboard div>span{font-size:28px;font-weight:700}.match-tracker__pitch{background:repeating-linear-gradient(90deg,#277c48 0 20%,#2c8950 20% 40%);border:2px solid #ffffffa6;border-radius:6px;min-block-size:150px;position:relative}.match-tracker__pitch:after{content:"";border-inline-start:1px solid #ffffffa6;position:absolute;inset:0 50%}.match-tracker__ball{z-index:1;background:#fff;border-radius:50%;block-size:12px;inline-size:12px;position:absolute;inset-block-start:42%;inset-inline-start:63%;box-shadow:0 0 0 5px #ffffff2e}.match-tracker__timeline{gap:8px;margin:0;padding:0;list-style:none;display:grid}.match-tracker__timeline li{grid-template-columns:34px 1fr;gap:8px;display:grid}.match-tracker__timeline time{font-weight:700}.event-statistics__teams{justify-content:space-between;display:flex}.event-statistics__list{gap:14px;margin:0;display:grid}.event-statistics__list>div{gap:5px;display:grid}.event-statistics dt{text-align:center;font-size:13px}.event-statistics dd{text-align:center;grid-template-columns:32px 1fr 1fr 32px;align-items:center;gap:4px;margin:0;display:grid}.event-statistics progress{inline-size:100%;accent-color:var(--color-primary,#df1f3d)}.event-statistics progress:nth-of-type(2){direction:rtl}@media (width<=1024px){.semantic-page--start-main-end{grid-template-columns:minmax(190px,240px) minmax(0,1fr)}.semantic-page--main-end{grid-template-columns:minmax(0,1fr)}.semantic-page__end{z-index:920;background:var(--color-background);inline-size:min(420px,100vw - 32px);padding:12px;transition:transform .18s;position:fixed;inset-block:0;inset-inline-end:0;overflow-y:auto;transform:translate(100%);box-shadow:-12px 0 32px #00000047}.semantic-page__end[data-panel-open=true]{transform:translate(0)}.region-host__close{z-index:1;border:1px solid var(--color-border);background:var(--color-surface);block-size:40px;inline-size:40px;color:var(--color-text);cursor:pointer;border-radius:50%;justify-self:end;place-items:center;margin-block-end:8px;font-size:24px;display:grid;position:sticky;inset-block-start:0}}@media (width<=760px){#appContentWrap,.semantic-page{min-block-size:auto}.semantic-page{grid-template-columns:minmax(0,1fr);overflow:visible}.semantic-page__navigation,.semantic-page__primary,.semantic-page__end{overflow:visible}.semantic-page__navigation{z-index:920;background:var(--color-background);inline-size:min(360px,100vw - 32px);padding:12px;transition:transform .18s;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto;transform:translate(-100%);box-shadow:12px 0 32px #00000047}.semantic-page__navigation[data-panel-open=true]{transform:translate(0)}#appContentWrap{overflow-y:auto}.page-content-row--split-even,.page-content-row--split-fixed{grid-template-columns:minmax(0,1fr)}.page-content-row__item--fixed{inline-size:100%}}._switch_ugksh_1{border:1px solid var(--color-border);border-radius:var(--border-radius-small);background:var(--color-primary);color:var(--color-primary-text);cursor:pointer;font:inherit;text-transform:capitalize;padding:8px 12px}._switch_ugksh_1:hover{filter:brightness(1.05)}.web-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-medium);max-block-size:min(100% - 32px,720px);inline-size:min(100% - 32px,520px);color:var(--color-text);overflow:auto;box-shadow:0 20px 60px #0000004d}.web-modal__backdrop{z-index:1000;background:#00000085;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.web-modal__header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.web-modal__header h2{margin:0;font-size:18px}.web-modal__header button{border-radius:var(--border-radius-small);block-size:32px;inline-size:32px;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:24px}.web-modal__body{padding:16px}
