:root{--accent:#c8a45c;--bg:#0b0d10;--panel:#13161a;--panel2:#1a1e23;--line:#ffffff14;--dim:#e6e9ee80;--faint:#e6e9ee61;--ink:#e6e9ee;--home:#b56a66;--away:#6e8cbe;--up:#6fbf8e;--down:#c9736c}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Barlow,system-ui,sans-serif}a{color:var(--ink);text-decoration:none}a:hover{color:#fff}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-track{background:0 0}@keyframes livedot{0%,to{opacity:1}50%{opacity:.3}}.is-dim{color:var(--dim)}.is-accent{color:var(--accent)}.is-home{color:var(--home)}.app{background:var(--bg);flex-direction:column;height:100vh;min-height:640px;display:flex}.topbar{border-bottom:1px solid var(--line);background:var(--panel);flex:none;align-items:center;gap:20px;height:54px;padding:0 18px;display:flex}.brand{letter-spacing:.18em;text-transform:uppercase;font:600 14px/1 Barlow Condensed,sans-serif}.live{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);align-items:center;gap:6px;font:500 11px/1 Barlow;display:flex}.live-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:1.6s infinite livedot}.score{align-items:center;gap:16px;min-width:0;margin:0 auto;display:flex}.score-team{white-space:nowrap;font:500 14px/1 Barlow}.score-value{letter-spacing:.06em;font:600 20px/1 Barlow Condensed,sans-serif}.chip{border:1px solid var(--line);color:var(--dim);white-space:nowrap;border-radius:4px;padding:4px 8px;font:500 11px/1 Barlow}.topnav{align-items:center;gap:16px;display:flex}.topnav a{color:var(--dim);font:500 12px/1 Barlow}.topnav .topnav-slip{border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:6px 11px}.layout{--markets-column:minmax(0, 312px);grid-template-columns:minmax(0, 240px) minmax(380px, 2.2fr) var(--markets-column);flex:1;gap:12px;min-height:0;padding:12px;transition:grid-template-columns .28s;display:grid}.layout.no-feed{grid-template-columns:minmax(380px, 2.2fr) var(--markets-column)}.layout.markets-collapsed{--markets-column:42px}@media (prefers-reduced-motion:reduce){.layout{transition:none}}.layout.no-feed .feed{display:none}.panel-title{border-bottom:1px solid var(--line);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);padding:11px 14px;font:500 11px/1 Barlow}.panel-title.is-bare{border:0;min-width:0;padding:0}.feed{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.feed-list{flex-direction:column;flex:1;gap:13px;padding:12px 14px;display:flex;overflow-y:auto}.feed-item{grid-template-columns:30px 1fr;gap:10px;display:grid}.feed-minute{color:var(--dim);font:600 13px/1.3 Barlow Condensed,sans-serif}.feed-minute.is-now{color:var(--ink)}.feed-body{flex-direction:column;gap:4px;display:flex}.feed-kind{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font:500 10.5px/1 Barlow}.feed-body p{color:var(--ink);text-wrap:pretty;margin:0;font:400 13px/1.45 Barlow}.centre{flex-direction:column;gap:12px;min-width:0;min-height:0;display:flex}.pitch{border:1px solid var(--line);background:#0e1114;border-radius:6px;flex:1;min-height:280px;position:relative;overflow:hidden}#pitch-canvas{touch-action:none;width:100%;height:100%;display:block}.pitch-fallback{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);place-items:center;font:500 11px/1 Barlow;display:none;position:absolute;inset:0}.pitch.is-broken .pitch-fallback{display:grid}.pitch-tabs{z-index:3;gap:14px;display:flex;position:absolute;top:11px;left:14px}.pitch-tab{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);border-bottom:1px solid #0000;padding-bottom:3px;font:500 11px/1 Barlow}.pitch-tab.is-active{border-bottom-color:var(--accent);color:var(--ink)}.pitch-sync{z-index:3;color:var(--faint);font:500 11px/1 Barlow;position:absolute;top:11px;right:14px}.goal-card{z-index:4;opacity:0;visibility:hidden;background:#0b0d1073;place-content:center;justify-items:center;gap:6px;transition:opacity .4s,visibility .4s;display:grid;position:absolute;inset:0}.goal-card.is-on{opacity:1;visibility:visible;transition-duration:.18s}.goal-word{letter-spacing:.06em;text-transform:uppercase;color:var(--home);font:600 clamp(56px,13vw,140px)/.92 Barlow Condensed,sans-serif;transition:transform .45s cubic-bezier(.16,1.4,.4,1);transform:scale(.82)translateY(14px)}.goal-card.is-on .goal-word{transform:scale(1)translateY(0)}.goal-sub{letter-spacing:.16em;text-transform:uppercase;color:var(--ink);opacity:0;font:500 14px/1 Barlow;transition:opacity .3s .18s}.goal-card.is-on .goal-sub{opacity:1}@keyframes scoreflash{0%,to{color:var(--ink)}35%{color:var(--accent)}}.score-value.is-bumped{animation:.9s scoreflash}@media (prefers-reduced-motion:reduce){.goal-word,.goal-card{transition-duration:.01ms}.goal-card.is-on .goal-word{transform:none}.score-value.is-bumped{animation:none}}.pitch-offers{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.offer{--pin:var(--accent);opacity:0;width:0;height:0;transition:opacity .22s;position:absolute;top:0;left:0}.offer[data-side=home]{--pin:var(--home)}.offer[data-side=away]{--pin:var(--away)}.offer.is-on{opacity:1}.offer-leader,.offer-pin{transition:opacity .2s}.offer-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);transform-origin:50% 100%;pointer-events:auto;background:#0d1014db;border-radius:6px;width:192px;padding:11px 11px 12px;transition:transform .34s cubic-bezier(.16,1.4,.4,1);position:absolute;bottom:18px;left:0;overflow:hidden;transform:translate(-50%)scale(.9);box-shadow:0 10px 26px #00000073}.offer.is-on .offer-card{transform:translate(-50%)scale(1)}.offer.is-closing .offer-card{transform:translate(-50%)scale(.96)}.offer-life{background:#ffffff12;height:2px;position:absolute;top:0;left:0;right:0}.offer-life i{background:var(--pin);transform-origin:0;height:100%;display:block}.offer-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;display:flex}.offer-kind{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font:500 10px/1 Barlow}.offer-clock{color:var(--faint);font-variant-numeric:tabular-nums;font:500 10.5px/1 Barlow}.offer-question{text-wrap:pretty;margin:0 0 9px;font:500 12.5px/1.3 Barlow}.offer-odds{grid-template-columns:1fr 1fr;gap:7px;display:grid}.offer-odd{border:1px solid var(--line);background:var(--panel2);border-radius:5px;justify-content:space-between;align-items:center;gap:6px;padding:8px 9px;transition:border-color .15s,background .15s,transform .1s;display:flex}.offer-odd:hover{background:#20252b;border-color:#c8a45c80}.offer-odd:active{transform:translateY(1px)}.offer-odd span{color:var(--dim);font:500 12px/1 Barlow}.offer-odd b{font:600 13.5px/1 Barlow Condensed,sans-serif}.offer-odd.is-moved{animation:.8s oddmove}.offer-odd[data-move=up] b:after,.offer-odd[data-move=down] b:after{vertical-align:2px;margin-left:5px;font-size:8px}.offer-odd[data-move=up] b:after{content:"▲";color:var(--up)}.offer-odd[data-move=down] b:after{content:"▼";color:var(--down)}@keyframes oddmove{0%,to{border-color:var(--line)}30%{border-color:#ffffff57}}.offer-veil,.offer-taken{letter-spacing:.12em;text-transform:uppercase;opacity:0;visibility:hidden;background:#0b0d10d6;place-items:center;font:500 11px/1 Barlow;transition:opacity .18s,visibility .18s;display:grid;position:absolute;inset:0}.pitch-offers.is-suspended .offer-veil{opacity:1;visibility:visible}.offer.is-taken .offer-taken{opacity:1;visibility:visible;color:var(--accent)}.offer-leader{transform-origin:0;background:linear-gradient(to right, #ffffff1a, var(--pin));height:1px;position:absolute;top:0;left:0}.offer-pin{background:var(--pin);border-radius:50%;width:6px;height:6px;animation:1.8s ease-out infinite offerpin;position:absolute;top:-3px;left:-3px}.offer.is-detached .offer-leader,.offer.is-detached .offer-pin{opacity:0}@keyframes offerpin{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--pin) 45%, transparent)}70%,to{box-shadow:0 0 0 9px #0000}}@media (prefers-reduced-motion:reduce){.offer,.offer-card{transition-duration:.01ms}.offer.is-on .offer-card{transform:translate(-50%)}.offer-pin,.offer-odd.is-moved{animation:none}}.pitch-legend{z-index:3;flex-wrap:wrap;gap:6px 16px;max-width:calc(100% - 28px);display:flex;position:absolute;bottom:12px;left:14px}.pitch-legend span{color:var(--dim);align-items:center;gap:7px;font:500 11.5px/1 Barlow;display:flex}.swatch{border-radius:50%;width:7px;height:7px}.swatch.is-home{background:var(--home)}.swatch.is-away{background:var(--away)}.timeline{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex:none;padding:12px 16px 14px}.timeline-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.timeline-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.playback{border-right:1px solid var(--line);color:var(--ink);text-align:left;min-width:46px;padding-right:6px;font:500 11.5px/1 Barlow}.playback:hover{color:#fff}.speed{color:var(--dim);font:500 11.5px/1 Barlow}.speed.is-active{color:var(--ink)}.jump{border-left:1px solid var(--line);color:var(--accent);padding-left:6px;font:500 11.5px/1 Barlow}.timeline-track{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;height:34px;position:relative}.timeline-track>*{pointer-events:none}.timeline-rail{background:var(--panel2);height:3px;position:absolute;top:18px;left:0;right:0}.timeline-played{background:#e6e9ee57;width:74.4%;height:100%}.timeline-blind{background:repeating-linear-gradient(-45deg,#ffffff21 0 2px,#0000 2px 5px);height:3px;position:absolute;top:18px;left:0}.timeline-half{background:#ffffff24;width:1px;height:15px;position:absolute;top:12px;left:50%}.marker{border:2px solid var(--panel);position:absolute;transform:translate(-50%)}.marker.is-goal-home,.marker.is-goal-away{border-radius:50%;width:9px;height:9px;top:13px}.marker.is-goal-home{background:var(--home)}.marker.is-goal-away{background:var(--away)}.marker.is-card{background:#c9b24e;border-width:1px;width:7px;height:10px;top:13px}.marker.is-sub{background:#e6e9ee66;width:7px;height:7px;top:14px}.timeline-now{color:var(--accent);flex-direction:column;align-items:center;gap:2px;font:600 10.5px/1 Barlow;display:flex;position:absolute;top:4px;transform:translate(-50%)}.timeline-now-stem{background:var(--accent);width:1px;height:22px}.timeline-scale{color:#e6e9ee4d;justify-content:space-between;font:500 10.5px/1 Barlow;display:flex}.markets{flex-direction:column;gap:10px;min-height:0;display:flex}.markets-head{flex:none;align-items:center;gap:10px;display:flex}.markets-head .panel-title{margin-right:auto}.markets-minute{color:var(--faint);font:500 11px/1 Barlow}.chevron{border-top:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:rotate(45deg)}.markets-toggle{width:24px;height:24px;color:var(--dim);place-items:center;margin:-2px -4px -2px 0;transition:color .15s;display:grid}.markets-toggle:hover{color:var(--ink)}.markets-rail{border:1px solid var(--line);background:var(--panel);min-height:0;color:var(--dim);border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:14px;padding:12px 0 13px;transition:color .15s,border-color .15s;display:none}.markets.is-collapsed>.markets-head,.markets.is-collapsed>.markets-list,.markets.is-collapsed>.slip{display:none}.markets.is-collapsed .markets-rail{display:flex}.markets-rail:hover{color:var(--ink);border-color:#ffffff29}.markets-rail .chevron{transform:rotate(-135deg)}.markets-rail-label{writing-mode:vertical-rl;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;margin-bottom:auto;font:500 11px/1 Barlow;overflow:hidden;transform:rotate(180deg)}.markets-rail-slip{border:1px solid var(--line);background:var(--panel2);width:24px;height:24px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font:600 12px/1 Barlow Condensed,sans-serif;display:grid}.markets-rail-slip.is-bumped{animation:.9s scoreflash}.markets-list{flex-direction:column;flex:1;gap:10px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.markets-note{color:var(--dim);border:1px dashed #c8a45c47;border-radius:6px;flex:none;align-items:center;gap:8px;padding:10px 12px;font:500 11.5px/1.35 Barlow;display:flex}.markets-note-dot{background:var(--accent);border-radius:50%;flex:none;width:5px;height:5px;animation:1.6s infinite livedot}.market{border:1px solid var(--line);background:var(--panel);border-radius:6px;flex:none;padding:13px;position:relative;overflow:hidden}.market-head{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.market-kind{letter-spacing:.12em;text-transform:uppercase;color:var(--dim);font:500 10.5px/1 Barlow}.market-meta{color:var(--faint);font:500 11px/1 Barlow}.market-meta.is-dim{color:var(--dim)}.market-title{text-wrap:pretty;margin:0 0 11px;font:500 14px/1.3 Barlow}.odds{grid-template-columns:1fr 1fr;gap:8px;display:grid}.odds.is-stacked{flex-direction:column;display:flex}.odd{border:1px solid var(--line);background:var(--panel2);border-radius:5px;justify-content:space-between;align-items:center;padding:10px 11px;display:flex}.odd span{color:var(--dim);font:500 12.5px/1 Barlow}.odd b{font:600 14px/1 Barlow Condensed,sans-serif}.slip{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;display:flex}.slip-body{flex-direction:column;gap:3px;min-width:0;display:flex}.slip-label{letter-spacing:.1em;text-transform:uppercase;color:var(--dim);font:500 10.5px/1 Barlow}.slip-odds{font:600 15px/1 Barlow Condensed,sans-serif}.slip-odds.is-bumped{animation:.9s scoreflash}.slip-cta{background:var(--ink);color:#0b0d10;white-space:nowrap;border-radius:5px;padding:9px 14px;font:500 12.5px/1 Barlow}