:root{--bg: #050505;--surface: #0e0f12;--surface-raised: #16181d;--surface-hover: #1d2027;--surface-overlay: #191c22;--border: #24272e;--border-strong: #383d48;--border-hairline: #1a1c22;--text: #f5f6f7;--text-muted: #98a0ac;--text-faint: #626975;--blue: #3498db;--blue-bright: #5aafe8;--blue-bg: #05101a;--yellow: #f1c40f;--yellow-bg: #292203;--orange: #e67e22;--red: #e74c3c;--red-bg: #2a0e0a;--green: #2ecc71;--green-bg: #0a1f14;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 7px;--radius: 12px;--radius-lg: 18px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 1px rgba(0, 0, 0, .2);--shadow: 0 12px 32px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .35);--shadow-lg: 0 28px 70px rgba(0, 0, 0, .65), 0 6px 18px rgba(0, 0, 0, .4);--focus-ring: 0 0 0 3px rgba(52, 152, 219, .28);--ease: cubic-bezier(.16, .8, .24, 1);--fast: .12s;--base: .18s;color-scheme:dark}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;line-height:1.2;letter-spacing:-.015em}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.2rem;font-weight:650}h3{font-size:.95rem;font-weight:650;letter-spacing:-.005em}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--space-4);padding:.8rem var(--space-5);border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0;z-index:20}.topbar__brand{display:flex;align-items:center;gap:.65rem;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.06em;font-size:.95rem;text-transform:uppercase;color:var(--text)}.topbar__brand img{width:26px;height:26px;object-fit:contain;border-radius:var(--radius-sm)}.topbar__nav{display:flex;align-items:center;gap:.2rem}.topbar__navlink{padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:550;color:var(--text-muted);transition:background var(--fast) var(--ease),color var(--fast) var(--ease)}.topbar__navlink:hover{color:var(--text);background:var(--surface-hover);text-decoration:none}.topbar__navlink.active{color:var(--text);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--border)}.topbar__spacer{flex:1}.topbar__meta{display:flex;align-items:center;gap:var(--space-3);font-size:.85rem;color:var(--text-muted);min-width:0}.topbar__tenant{font-size:.85rem;color:var(--text-muted)}.topbar__email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:18ch}@media(max-width:980px){.topbar__tenant,.topbar__email{display:none}}@media(max-width:720px){.topbar{flex-wrap:wrap;row-gap:var(--space-2);padding:.7rem var(--space-4)}.topbar__spacer{display:none}.topbar__meta{margin-left:auto;gap:var(--space-2)}.topbar__nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none}.topbar__nav::-webkit-scrollbar{display:none}.topbar__navlink{white-space:nowrap}}@media(max-width:420px){.topbar__meta .badge--owner,.topbar__meta .badge--admin,.topbar__meta .badge--operator,.topbar__meta .badge--viewer,.topbar__brand span{display:none}}.page{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:var(--space-6) var(--space-5) var(--space-7)}.page-head{display:flex;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5)}.page-head p{margin:.3rem 0 0;color:var(--text-muted);font-size:.9rem}.page-head__actions{margin-left:auto;display:flex;gap:var(--space-3);flex-wrap:wrap}.section{margin-top:var(--space-6)}.section__head{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.section__head h2{margin-right:auto}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.15rem}.card--flush{padding:0;overflow-x:auto}.board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:var(--space-4);align-items:start}.board-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--base) var(--ease),box-shadow var(--base) var(--ease),transform var(--base) var(--ease)}.board-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.board-card--archived{opacity:.55}.board-card--archived:hover{transform:none}.board-card__head{display:flex;align-items:center;gap:var(--space-2);padding:.85rem 1.1rem;border-bottom:1px solid var(--border)}.board-card__title{font-weight:650;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-preview{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2);padding:var(--space-4) 1.1rem;background:var(--blue-bg)}.board-preview__team{min-width:0;text-align:center}.board-preview__name{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-preview__score{font-family:Orbitron,monospace;font-size:2.4rem;font-weight:700;color:var(--blue);line-height:1.1}.board-preview__center{text-align:center;padding:0 .4rem}.board-preview__clock{font-family:Orbitron,monospace;font-size:1.25rem;font-weight:700;color:var(--text)}.board-preview__clock--live{color:var(--green)}.board-preview__period{font-size:.72rem;letter-spacing:.1em;color:var(--yellow);text-transform:uppercase}.board-card__links{padding:.85rem 1.1rem 1.1rem;display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto}.board-card__row{display:flex;gap:var(--space-2);flex-wrap:wrap}.board-card__share{margin-top:.2rem}.board-card__hint{margin-bottom:.25rem}.btn{appearance:none;border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text);border-radius:var(--radius-sm);padding:.5rem .9rem;font:inherit;font-size:.875rem;font-weight:550;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:background var(--fast) var(--ease),border-color var(--fast) var(--ease),transform var(--fast) var(--ease),box-shadow var(--fast) var(--ease);white-space:nowrap}.btn svg{flex-shrink:0}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--blue);border-color:var(--blue);color:#04121d;font-weight:650}.btn--primary:hover:not(:disabled){background:var(--blue-bright);border-color:var(--blue-bright)}.btn--danger{border-color:#5c2b26;color:#f0a49b;background:var(--red-bg)}.btn--danger:hover:not(:disabled){background:#3a1410;border-color:var(--red)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn--active{background:var(--yellow-bg);border-color:var(--yellow);color:var(--yellow)}.btn--sm{padding:.35rem .65rem;font-size:.8rem}.btn--block{width:100%}.btn--icon{padding:.4rem;line-height:0}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:var(--space-4)}.field>label{font-size:.8rem;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.field__hint{font-size:.78rem;color:var(--text-faint)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=datetime-local],select,textarea{width:100%;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);padding:.6rem .75rem;font:inherit;font-size:.9rem;transition:border-color var(--fast) var(--ease),box-shadow var(--fast) var(--ease)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue);box-shadow:var(--focus-ring)}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-4)}.checkbox-row{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;margin-bottom:var(--space-3)}.copy-field{display:flex;align-items:stretch;gap:0;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg)}.copy-field input{border:0;border-radius:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.78rem;color:var(--text-muted)}.copy-field input:focus{box-shadow:none}.copy-field .btn{border:0;border-left:1px solid var(--border-strong);border-radius:0}.table{width:100%;border-collapse:collapse;font-size:.88rem}.table th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-weight:600;padding:.6rem .85rem;border-bottom:1px solid var(--border)}.table td{padding:.7rem .85rem;border-bottom:1px solid var(--border-hairline);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr{transition:background var(--fast) var(--ease)}.table tbody tr:hover{background:var(--surface-hover)}.table__actions{display:flex;gap:.4rem;justify-content:flex-end}.ta-center{text-align:center}.fw-strong{font-weight:700}.badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:650;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .55rem;border-radius:var(--radius-pill);border:1px solid var(--border-strong);color:var(--text-muted)}.badge--live{color:var(--green);border-color:#1d5c38;background:var(--green-bg)}.badge--owner,.badge--admin{color:var(--yellow);border-color:#5c4d0d;background:var(--yellow-bg)}.badge--operator{color:var(--blue);border-color:#1d4a6b;background:var(--blue-bg)}.alert{display:flex;align-items:flex-start;gap:.6rem;border-radius:var(--radius-sm);padding:.75rem .9rem;font-size:.875rem;margin-bottom:var(--space-4);border:1px solid}.alert__icon{flex-shrink:0;margin-top:.1rem}.alert__body{min-width:0}.alert--error{background:var(--red-bg);border-color:#5c2b26;color:#f5b3ab}.alert--success{background:var(--green-bg);border-color:#1d5c38;color:#8ee0b0}.alert--warn{background:var(--yellow-bg);border-color:#5c4d0d;color:#f3d97a}.modal-backdrop{position:fixed;inset:0;background:#000000b8;display:flex;align-items:center;justify-content:center;padding:var(--space-5);z-index:100;animation:modal-backdrop-in var(--base) var(--ease)}.modal-card{background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:86vh;overflow-y:auto;padding:1.4rem;animation:modal-card-in var(--base) var(--ease)}.modal-card__head{display:flex;align-items:center;margin-bottom:var(--space-4)}.modal-card__head h2{margin-right:auto}.modal-card__foot{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5)}@keyframes modal-backdrop-in{0%{opacity:0}}@keyframes modal-card-in{0%{opacity:0;transform:translateY(6px) scale(.98)}}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-5);background:radial-gradient(60% 50% at 50% 0%,rgba(52,152,219,.08),transparent 70%),var(--bg)}.auth-card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.25rem;box-shadow:var(--shadow-lg)}.auth-card__brand{display:flex;align-items:center;gap:.7rem;justify-content:center;margin-bottom:.5rem;font-family:Orbitron,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:1rem}.auth-card__brand img{width:32px;height:32px;object-fit:contain;border-radius:var(--radius-sm)}.auth-card__sub{text-align:center;color:var(--text-muted);font-size:.88rem;margin:0 0 1.75rem}.auth-switch{text-align:center;margin-top:var(--space-4);font-size:.86rem;color:var(--text-muted)}.empty{text-align:center;padding:var(--space-7) var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted)}.empty h2{margin-bottom:.4rem;color:var(--text)}.empty p{margin:0 auto var(--space-4);max-width:32rem;font-size:.9rem}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-4);color:var(--text-muted);padding:var(--space-6);text-align:center}.center-screen__panel{max-width:32rem}.spinner{width:28px;height:28px;border:3px solid var(--border-strong);border-top-color:var(--blue);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.control-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--space-5);align-items:start}@media(max-width:900px){.control-layout{grid-template-columns:1fr}}.control-board{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:start}@media(max-width:720px){.control-board{grid-template-columns:1fr}}.team-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.15rem;text-align:center}.team-panel__name{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem}.team-panel__score{font-family:Orbitron,monospace;font-size:4rem;font-weight:700;color:var(--blue);line-height:1;margin-bottom:.8rem}.score-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1rem}.score-buttons .btn{padding:.85rem 0;font-size:1.05rem;font-weight:700;font-family:Orbitron,monospace}.stat-row{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-top:1px solid var(--border-hairline)}.stat-row__label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-right:auto}.stat-row__value{font-family:Orbitron,monospace;font-size:1.3rem;font-weight:700;min-width:2ch;text-align:center;transition:color var(--base) var(--ease)}.stat-row__value--bonus{color:var(--red)}.stat-row .btn{width:2.1rem;height:2.1rem;padding:0;font-size:1.1rem}.clock-console{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.15rem;text-align:center;min-width:260px}.clock-console__label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.clock-console__label--spaced{margin-top:var(--space-4)}.clock-console__game{font-family:Orbitron,monospace;font-size:3.2rem;font-weight:700;line-height:1.1;color:var(--text)}.clock-console__game--live{color:var(--green)}.clock-console__shot{font-family:Orbitron,monospace;font-size:2.2rem;font-weight:700;color:var(--red);line-height:1.1}.clock-console__period{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:var(--yellow)}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.8rem 0}.possession-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.logo-card__preview{max-width:100%;max-height:96px;object-fit:contain;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2);align-self:center}.disclosure-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:none;border:0;padding:0;cursor:pointer;text-align:left;font:inherit;color:inherit}.disclosure-toggle__label{font-size:.95rem;font-weight:650;letter-spacing:-.005em}.disclosure-toggle__body{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-hairline)}.match-result{text-align:center}.match-result__score{font-size:1.4rem;font-weight:700}.shortcut-list{list-style:none;padding:0;margin:0;font-size:.82rem}.shortcut-list li{display:flex;gap:var(--space-3);padding:.3rem 0;color:var(--text-muted)}.shortcut-list kbd{font-family:ui-monospace,Menlo,Consolas,monospace;background:var(--surface-raised);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;box-shadow:var(--shadow-sm);padding:.05rem .4rem;font-size:.75rem;color:var(--text);min-width:5.5rem;text-align:center}.shortcut-editor__intro{margin-bottom:var(--space-4)}.shortcut-editor__prompt,.shortcut-editor__notice{position:sticky;top:0;z-index:1;margin-bottom:var(--space-4);padding:.5rem .7rem;border-radius:var(--radius-sm);font-size:.82rem;box-shadow:0 -1.4rem 0 var(--surface-overlay)}.shortcut-editor__prompt{border:1px solid var(--blue);background:var(--blue-bg);color:var(--text)}.shortcut-editor__notice{border:1px solid var(--border-strong);background:var(--surface-raised);color:var(--text-muted)}.shortcut-editor__group{margin-bottom:var(--space-4)}.shortcut-editor__group-title{margin:0 0 var(--space-2);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.shortcut-editor__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto .6rem;align-items:center;gap:var(--space-2);padding:.25rem 0}.shortcut-editor__label{font-size:.85rem;min-width:0}.shortcut-editor__key{font-family:ui-monospace,Menlo,Consolas,monospace;background:var(--surface-raised);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;padding:.05rem .4rem;font-size:.75rem;color:var(--text);min-width:7.2rem;text-align:center}.shortcut-editor__key--unset{color:var(--text-muted);border-style:dashed;border-bottom-width:1px}.shortcut-editor__key--armed{border-color:var(--blue);border-style:solid;color:var(--blue-bright)}.shortcut-editor__changed{color:var(--blue);font-size:1rem;line-height:1;text-align:center}@media(max-width:560px){.shortcut-editor__row{display:flex;flex-wrap:wrap;padding:.4rem 0}.shortcut-editor__label{flex:1 0 100%}.shortcut-editor__changed{display:none}}.status-strip{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:.82rem;color:var(--text-muted);margin-bottom:var(--space-4)}.danger-row{display:flex;align-items:center;gap:var(--space-4)}.danger-row__info{margin-right:auto}.danger-row__info strong{display:block;margin-bottom:.15rem}.danger-row__info p{margin:0;font-size:.85rem;color:var(--text-muted)}.board-picker-row{display:flex;align-items:center;gap:var(--space-3);padding:.65rem var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);margin-bottom:var(--space-2);cursor:pointer;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.board-picker-row:hover{border-color:var(--blue);background:var(--surface-hover)}.board-picker-row--busy{opacity:.55;cursor:not-allowed}.board-picker-row--busy:hover{border-color:var(--border-strong);background:none}.board-picker-row__name{margin-right:auto}.match-card__header{width:100%;display:grid;grid-template-columns:1fr auto;grid-template-areas:"meta   toggle" "match  toggle";align-items:center;gap:var(--space-1) var(--space-4);background:none;border:0;padding:0;cursor:pointer;text-align:left;font:inherit;color:inherit;border-radius:var(--radius-sm)}.match-card__meta{grid-area:meta;display:flex;align-items:center;gap:.55rem;font-size:.7rem;font-weight:550;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.match-card__dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.7}.match-card__matchup{grid-area:match;display:flex;align-items:baseline;gap:var(--space-3);min-width:0}.match-card__team{flex:1 1 0;min-width:0;font-size:1rem;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.match-card__matchup .match-card__team:last-child{text-align:right}.match-card__team--win{color:var(--blue)}.match-card__team--loss{color:var(--text-muted);font-weight:500}.match-card__score{flex:0 0 auto;font-family:Orbitron,monospace;font-size:1.6rem;font-weight:700;letter-spacing:.02em;line-height:1.1;color:var(--text);font-variant-numeric:tabular-nums}.match-card__toggle{grid-area:toggle;display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .6rem;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.75rem;font-weight:550;color:var(--text-muted);white-space:nowrap;transition:color var(--fast) var(--ease),border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.match-card__header:hover .match-card__toggle{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover)}.match-card__detail{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--border-hairline);display:flex;flex-direction:column;gap:var(--space-5)}.match-card__scroller{overflow-x:auto}.table--box th:not(:first-child),.table--box td:not(:first-child){width:3.25rem;font-variant-numeric:tabular-nums}.table--box th:first-child,.table--box td:first-child{width:auto}.match-card__final{font-weight:700;color:var(--blue)}.match-card__stats{display:flex;flex-wrap:wrap;gap:var(--space-2)}.stat{flex:1 1 8rem;padding:var(--space-3) var(--space-4);border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--surface-raised)}.stat__label{font-size:.68rem;font-weight:550;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.stat__value{margin-top:.15rem;font-family:Orbitron,monospace;font-size:1.05rem;font-weight:600;font-variant-numeric:tabular-nums}.stat__sep{margin:0 .3rem;color:var(--text-faint)}.timeline{--home: var(--blue);--away: var(--orange)}.timeline__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-3)}.timeline__title{margin:0;font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint)}.timeline__legend{display:flex;align-items:center;gap:var(--space-4);font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.timeline__legend-team{display:inline-flex;align-items:center;gap:.4rem}.timeline__legend-team:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.timeline__legend-team--home{color:var(--home)}.timeline__legend-team--away{color:var(--away)}.timeline__empty{margin:0;font-size:.85rem;color:var(--text-muted)}.timeline__period+.timeline__period{margin-top:var(--space-4)}.timeline__period-label{font-family:Orbitron,monospace;font-size:.75rem;font-weight:700;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-2)}.timeline__list{list-style:none;margin:0;padding:0 0 0 var(--space-4);border-left:1px solid var(--border);max-width:46rem}.timeline__row{display:grid;grid-template-columns:3.5rem 1fr 4.75rem 1fr;align-items:center;gap:var(--space-3);padding:.3rem 0 .3rem var(--space-4);position:relative;font-size:.85rem}.timeline__row:before{content:"";position:absolute;left:calc(-1 * var(--space-4) - 3px);width:5px;height:5px;border-radius:50%;background:var(--border-strong)}.timeline__row--home:before{background:var(--home)}.timeline__row--away:before{background:var(--away)}.timeline__row--home{--team: var(--home)}.timeline__row--away{--team: var(--away)}.timeline__clock{font-family:Orbitron,monospace;font-size:.75rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.timeline__cell{display:flex;align-items:center;gap:.45rem;min-width:0}.timeline__cell--home{flex-direction:row-reverse}.timeline__cell--full{grid-column:2 / -1;justify-content:center}.timeline__icon{display:inline-flex;flex:0 0 auto;color:var(--team, var(--text-faint))}.timeline__row--foul .timeline__icon{color:var(--yellow)}.timeline__row--timeout .timeline__icon,.timeline__row--period .timeline__icon{color:var(--text-faint)}.timeline__team{flex:0 1 auto;min-width:0;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--team, var(--text-faint));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline__what{flex:0 0 auto;white-space:nowrap;color:var(--text-muted)}.timeline__row--score .timeline__what{font-family:Orbitron,monospace;font-weight:700;font-size:.9rem;color:var(--text)}.timeline__row--period .timeline__what{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.timeline__score{font-family:Orbitron,monospace;font-size:.85rem;color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap;text-align:center}.timeline__score-half--moved{font-weight:700}.timeline__score-half--moved.timeline__score-half--home{color:var(--home)}.timeline__score-half--moved.timeline__score-half--away{color:var(--away)}.timeline__row--period{margin:var(--space-2) 0;color:var(--text-faint)}.timeline__row--period .timeline__cell--full:before,.timeline__row--period .timeline__cell--full:after{content:"";flex:1 1 auto;height:1px;background:var(--border)}@media(max-width:640px){.timeline__row{display:flex;align-items:center}.timeline__clock{flex:0 0 3rem}.timeline__cell--home,.timeline__cell--away,.timeline__cell--full{flex:1 1 auto;flex-direction:row;justify-content:flex-start;order:2}.timeline__cell:empty{display:none}.timeline__team{flex:0 1 auto}.timeline__score{flex:0 0 auto;order:3;margin-left:auto;text-align:right}.timeline__row--period .timeline__cell--full:before,.timeline__row--period .timeline__cell--full:after{display:none}.match-card__header{grid-template-columns:1fr;grid-template-areas:"meta" "match" "toggle";gap:var(--space-2)}.match-card__score{font-size:1.4rem}.match-card__toggle{justify-content:center;margin-top:var(--space-1)}.match-card__stats{gap:var(--space-2)}.stat{flex:1 1 6.5rem;padding:var(--space-2) var(--space-3)}}@media(max-width:420px){.timeline__clock{flex:0 0 2.6rem;font-size:.7rem}.timeline__row{gap:var(--space-2);padding-left:var(--space-3)}.match-card__team{font-size:.9rem}}.tour{position:fixed;inset:0;z-index:100;pointer-events:none}.tour__scrim{position:absolute;inset:0;pointer-events:auto}.tour__spotlight{position:absolute;border-radius:var(--radius);box-shadow:0 0 0 9999px #030508b8,0 0 0 1px var(--blue),0 0 22px #3498db59;pointer-events:none;transition:top var(--base) var(--ease),left var(--base) var(--ease),width var(--base) var(--ease),height var(--base) var(--ease)}.tour__scrim--dim{background:#030508b8}.tour__card{position:absolute;width:min(21rem,calc(100vw - 2 * var(--space-4)));padding:var(--space-4);background:var(--surface-overlay);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-lg);pointer-events:auto;outline:none;transition:top var(--base) var(--ease),left var(--base) var(--ease)}.tour__card:focus-visible{box-shadow:var(--shadow-lg),var(--focus-ring)}.tour__card:before{content:"";position:absolute;width:10px;height:10px;background:var(--surface-overlay);border:1px solid var(--border-strong);transform:rotate(45deg)}.tour__card--center:before{display:none}.tour__card--bottom:before{top:-6px;left:50%;margin-left:-5px;border-right:0;border-bottom:0}.tour__card--top:before{bottom:-6px;left:50%;margin-left:-5px;border-left:0;border-top:0}.tour__card--right:before{left:-6px;top:50%;margin-top:-5px;border-right:0;border-top:0}.tour__card--left:before{right:-6px;top:50%;margin-top:-5px;border-left:0;border-bottom:0}.tour__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.tour__eyebrow{font-size:.65rem;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.tour__close{display:inline-flex;padding:.15rem;background:none;border:0;border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer}.tour__close:hover{color:var(--text);background:var(--surface-hover)}.tour__title{margin:0 0 var(--space-2);font-size:1rem;font-weight:650}.tour__body{margin:0;font-size:.85rem;line-height:1.5;color:var(--text-muted)}.tour__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4)}.tour__count{font-family:Orbitron,monospace;font-size:.7rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.tour__actions{display:flex;gap:var(--space-2)}.topbar__help{display:inline-flex;align-items:center;gap:.3rem}@media(prefers-reduced-motion:reduce){.tour__spotlight,.tour__card{transition:none}}.muted{color:var(--text-muted)}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.85em}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.row--center{justify-content:center}.nowrap{white-space:nowrap}.layout-editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--space-5);align-items:start}@media(max-width:1100px){.layout-editor{grid-template-columns:minmax(0,1fr)}}.layout-editor__main{display:flex;flex-direction:column;gap:var(--space-5);min-width:0}.layout-editor__bottom{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-5);align-items:start}.layout-editor__stage{position:relative;min-width:0}.layout-editor__hint{margin:var(--space-3) 0 0;font-size:.8rem}.layout-editor__hint kbd{font:inherit;font-size:.75rem;padding:.1em .4em;border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;background:var(--surface-raised);color:var(--text)}.layout-editor__intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);text-align:center;border-radius:var(--radius);background:#050505c7;backdrop-filter:blur(2px)}.layout-editor__intro p{max-width:32rem;margin:0;color:var(--text-muted)}.layout-canvas{width:100%}.layout-canvas__stage{position:relative;width:100%;overflow:hidden;border:1px solid var(--border-strong);border-radius:var(--radius);background:#000}.layout-canvas__frame,.layout-canvas__overlay{position:absolute;top:0;left:0;transform-origin:top left}.layout-canvas__frame{border:0;pointer-events:none}.layout-canvas__placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-faint)}.layout-canvas__overlay{pointer-events:none}.layout-box{position:absolute;pointer-events:auto;cursor:grab;border:1px solid rgba(90,175,232,.35);border-radius:4px;background:#3498db0a;transition:border-color var(--fast) var(--ease),background var(--fast) var(--ease)}.layout-box:hover{border-color:#5aafe8cc;background:#3498db1a}.layout-box:active{cursor:grabbing}.layout-box.is-selected{border-color:var(--yellow);background:#f1c40f14}.layout-box:focus-visible{outline:none;box-shadow:var(--focus-ring)}.layout-box__tag{position:absolute;top:-1.15rem;left:0;font-size:.65rem;letter-spacing:.03em;color:var(--text-muted);white-space:nowrap;opacity:0;transition:opacity var(--fast) var(--ease);pointer-events:none}.layout-box:hover .layout-box__tag,.layout-box.is-selected .layout-box__tag{opacity:1}.layout-box.is-selected .layout-box__tag{color:var(--yellow)}.layout-handle{position:absolute;width:10px;height:10px;background:var(--yellow);border:1px solid #050505;border-radius:2px;pointer-events:auto}.layout-handle--nw{top:-5px;left:-5px;cursor:nwse-resize}.layout-handle--n{top:-5px;left:calc(50% - 5px);cursor:ns-resize}.layout-handle--ne{top:-5px;right:-5px;cursor:nesw-resize}.layout-handle--e{top:calc(50% - 5px);right:-5px;cursor:ew-resize}.layout-handle--se{bottom:-5px;right:-5px;cursor:nwse-resize}.layout-handle--s{bottom:-5px;left:calc(50% - 5px);cursor:ns-resize}.layout-handle--sw{bottom:-5px;left:-5px;cursor:nesw-resize}.layout-handle--w{top:calc(50% - 5px);left:-5px;cursor:ew-resize}.layout-guide{position:absolute;background:var(--red);box-shadow:0 0 6px #e74c3ccc;pointer-events:none}.layout-guide--x{width:1px}.layout-guide--y{height:1px}.layout-readout{position:absolute;padding:.15rem .4rem;font-size:.7rem;font-variant-numeric:tabular-nums;color:#050505;background:var(--yellow);border-radius:4px;white-space:nowrap;pointer-events:none}.layout-panel{display:flex;flex-direction:column;gap:var(--space-4);position:sticky;top:var(--space-4)}@media(max-width:1100px){.layout-panel{position:static}}.layout-panel__block{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-raised)}.layout-panel__block h2{margin:0 0 var(--space-3);font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.layout-panel__columns{display:flex;flex-wrap:wrap;gap:var(--space-5)}.layout-panel__group{flex:1 1 160px;min-width:160px}.layout-panel__group h3{margin:0 0 var(--space-2);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.layout-panel__label{display:block;margin-bottom:var(--space-2);font-size:.8rem;color:var(--text-muted)}.layout-panel__linked-note{margin:0 0 var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-muted);font-size:.8rem}.layout-panel__segmented{display:flex;gap:var(--space-1)}.layout-panel__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.layout-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.layout-list li{display:flex;align-items:center;gap:var(--space-2)}.layout-list__name{flex:1;min-width:0;text-align:left;appearance:none;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;font-size:.85rem;padding:.35rem .5rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layout-list__name:hover{background:var(--surface-hover)}.layout-list__name.is-selected{border-color:var(--yellow);color:var(--yellow);background:var(--yellow-bg)}.layout-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.timeout-popup{position:fixed;right:var(--space-5);bottom:var(--space-5);z-index:90;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-overlay);border:1px solid var(--yellow);border-radius:var(--radius);box-shadow:var(--shadow-lg);animation:modal-backdrop-in var(--base) var(--ease)}.timeout-popup__label{font-size:.8rem;font-weight:650;text-transform:uppercase;letter-spacing:.06em;color:var(--yellow)}.timeout-popup__time{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700;color:var(--text);min-width:2.6em;text-align:center}