:root{--kickly-red:#f5163b;--kickly-hover:#e20e31;--kickly-black:#0a0a0a;--kickly-muted:#a1a1aa;--kickly-border:rgba(255,255,255,.1)}
.favorite-controls{padding:14px 18px}.action-message{font-size:12px;color:#b5ddc4;line-height:1.6;margin-top:10px}.action-message.is-error{color:#ffb4bf}.action-message[hidden],[data-sport-layer][hidden]{display:none!important}
.stake-label{display:block;margin:20px 0;font-size:13px;color:#bbb}.stake-label input{display:block;margin-top:8px;background:#ffffff0a;border:1px solid #ffffff24;border-radius:12px;min-height:48px;width:100%;padding:12px;color:white}.basket-row{padding:15px 0;border-bottom:1px solid #ffffff14}.basket-row h3{font-size:15px}.basket-row .text-link{min-height:44px;padding-top:5px}.quote-select{font-size:12px;padding:10px;margin-top:15px}.simulation-stake{font-size:24px;font-weight:700;margin:20px 0}.simulation-stake small{font-size:12px;color:#aaa;font-weight:400}.simulation-match{font-size:12px;color:#bbb;margin:12px 0}.snapshot-hash{overflow-wrap:anywhere;margin-top:15px}
html{scroll-behavior:smooth}body{margin:0}a,button,input,select,summary{touch-action:manipulation}button,a,input,select,summary{outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f5163b}button:disabled{cursor:not-allowed;opacity:.65}input:disabled{cursor:not-allowed}.skip-link{position:fixed;top:-80px;left:16px;z-index:100000;background:white;color:#111;padding:12px 20px;border-radius:12px}.skip-link:focus{top:10px}
.landing-body{background:#000;color:#0a0a0a}.restored-landing{overflow-x:clip}.restored-landing .reveal-init{opacity:1!important;transform:none!important}.restored-landing img{max-width:100%}.restored-landing .asset-failed{visibility:hidden}.baseline-note{padding:28px 24px 100px;background:#080808;color:#a1a1aa;text-align:center;font-size:13px;line-height:1.7}.baseline-note a{display:block;color:#fff;text-decoration:underline;text-underline-offset:4px}.commencer-skip{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);white-space:nowrap;color:white;font-size:14px;padding:12px 20px;background:#0006;border-radius:30px;z-index:40}.language-popup{position:absolute;top:calc(100% + 12px);right:0;min-width:185px;padding:8px;background:#fff;color:#111;box-shadow:0 15px 40px #0003;border:1px solid #ddd;border-radius:16px;z-index:10000}.language-popup button{display:block;width:100%;text-align:left;padding:10px;border-radius:9px}.language-popup button:disabled{opacity:.45}.sport-history-note{max-width:300px;margin:auto;text-align:center;font-size:12px;color:#777}
.app-body{background:radial-gradient(900px 460px at 50% -180px,#f5163b10,transparent 70%),#0b0b0d;color:#f5f5f7;font-size:16px;line-height:1.6}.app-header{max-width:1152px;min-height:72px;margin:12px auto 0;padding:10px 18px;border:1px solid #ffffff20;border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f7f7f9;color:#0a0a0a;position:relative;z-index:50;box-shadow:0 8px 28px -12px #0007}.brand{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:24px;letter-spacing:-1px;text-decoration:none}.brand img{object-fit:contain}.app-header nav{display:flex;gap:26px}.app-header nav a{font-size:14px;font-weight:600;min-height:44px;display:flex;align-items:center;white-space:nowrap}.app-header nav a[aria-current]{color:var(--kickly-red)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--kickly-red);color:white;border:1px solid transparent;border-radius:16px;padding:12px 23px;min-height:48px;font-size:15px;font-weight:650;line-height:1.4;text-align:center;text-decoration:none;transition:background .2s}.button:hover:not(:disabled){background:var(--kickly-hover)}.button.small{min-height:44px;border-radius:999px;padding:10px 23px}.button.secondary{background:#ffffff08;border-color:#ffffff20;color:#f5f5f7}.button.secondary:hover{background:#ffffff12}.button.full{width:100%}.app-main{max-width:1152px;margin:0 auto;padding:55px 0 80px;min-height:64vh}.page-intro{margin-bottom:32px}.eyebrow{font-weight:750;font-size:11px;letter-spacing:.15em;color:var(--kickly-red);margin:0 0 18px}.page-intro h1{font-size:clamp(34px,4.2vw,56px);font-weight:750;letter-spacing:-2px;line-height:1.12;margin-bottom:18px}.page-intro h1 span{color:#8e8e96}.page-intro>p:last-child{color:#a1a1aa;font-size:16px}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:20px;border:1px solid var(--kickly-border);border-radius:22px;background:linear-gradient(#171719,#101012)}.filters label{display:flex;flex-direction:column;gap:6px;min-width:130px;flex:1}.filters .search-field{flex:1.7;min-width:200px}.filters label>span{font-size:12px;color:#adadb5;font-weight:600}.filters input,.filters select{color:#f5f5f7;background:#222225;border:1px solid #ffffff16;border-radius:12px;padding:11px 12px;min-height:48px;min-width:0;width:100%;font-size:14px;color-scheme:dark}.filters .button{padding:12px 18px}.reset-filter{font-size:13px;min-height:48px;display:flex;align-items:center;padding:0 5px;color:#b0b0b9}.catalogue-meta{display:flex;justify-content:space-between;gap:12px;margin:24px 0 14px;color:#a1a1aa;font-size:13px}.catalogue-meta strong{color:white}.notice{display:flex;align-items:flex-start;gap:12px;background:#ffffff05;border:1px solid #ffffff12;border-radius:16px;padding:16px 18px;margin:16px 0 24px;font-size:13px;line-height:1.65;color:#a6a6b0}.notice strong{font-size:13px;font-weight:650;color:#dadade}.notice p{margin:3px 0 0}.notice.error{color:#ffb4bf;background:#f5163b10;border-color:#f5163b55}.status-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#f2bd64;margin-top:8px}.event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.event-card{background:linear-gradient(160deg,#18181b,#101012);border:1px solid var(--kickly-border);border-radius:22px;overflow:hidden;transition:transform .2s,border-color .2s}.event-card:hover{transform:translateY(-2px);border-color:#ffffff38}.event-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:18px 18px 12px;font-size:11px;font-weight:600;color:#a8a8b1}.event-card-top>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{display:inline-flex;align-items:center;gap:5px;border:1px solid #ffffff1a;background:#ffffff08;border-radius:999px;padding:4px 9px;font-size:10px;line-height:1.4;color:#c5c5cd;white-space:nowrap}.status-in_play{color:#ff8495;background:#f5163b16;border-color:#f5163b33}.status-finished{color:#b0b0b7}.status-postponed,.status-cancelled{color:#f3c37a}.match-link{display:block;padding:3px 18px}.team-line{display:flex;align-items:center;gap:12px;margin:14px 0}.team-initial{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:12px;border:1px solid #ffffff16;background:#242429;font-size:16px;font-weight:750;color:#eee}.team-initial.away{background:#212025}.team-line h2{font-size:15px;font-weight:650;letter-spacing:-.2px;overflow-wrap:anywhere;line-height:1.35}.event-time{padding:8px 18px 13px;font-size:12px;color:#b4b4bb}.event-source{padding:12px 18px;border-top:1px solid #ffffff08;display:flex;justify-content:space-between;gap:6px;font-size:10px;color:#83838e}.event-open{display:flex;justify-content:space-between;align-items:center;background:#ffffff03;border-top:1px solid #ffffff08;padding:12px 18px;font-weight:600;font-size:12px;color:#efeff2}.event-open span{color:var(--kickly-red);font-size:18px}.empty-state{grid-column:1/-1;border:1px dashed #ffffff21;border-radius:24px;text-align:center;padding:55px 25px;max-width:100%;background:#ffffff02}.empty-icon{display:block;font-size:40px;color:#f5163b;margin-bottom:14px}.empty-state h2,.empty-state h3{font-size:21px;line-height:1.35;font-weight:650;margin-bottom:12px}.empty-state p{max-width:560px;margin:0 auto 22px;color:#9999a5;font-size:14px}.empty-state.compact{border:0;background:none;padding:30px 10px}.empty-state.compact p{margin-bottom:0}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px;font-size:13px;color:#a1a1aa}.back-link{font-size:13px;color:#a1a1aa;display:inline-block;padding:10px 0;margin-bottom:22px}.match-hero{border:1px solid var(--kickly-border);border-radius:28px;padding:32px;background:radial-gradient(450px 180px at 50% 0,#f5163b12,transparent),linear-gradient(#171719,#101012);text-align:center;margin-bottom:25px}.match-context{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:25px}.match-context .eyebrow{margin:0}.match-hero h1{display:flex;align-items:center;justify-content:center;gap:30px;font-size:clamp(22px,3vw,36px);font-weight:750;line-height:1.2;letter-spacing:-.8px;margin:24px 0;overflow-wrap:anywhere}.versus{font-size:12px;letter-spacing:2px;color:#5c5c66;flex-shrink:0}.match-hero>p{font-size:13px;color:#a1a1aa}.match-hero .muted{margin-top:10px;font-size:12px}.detail-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:24px;align-items:start}.panel{border:1px solid var(--kickly-border);border-radius:22px;background:linear-gradient(#151518,#101012);padding:25px;margin-bottom:22px;overflow:hidden}.panel h2{font-size:19px;line-height:1.3;font-weight:700;margin-bottom:16px;letter-spacing:-.5px}.panel h3{font-size:14px;font-weight:650;margin:12px 0 6px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading h2{margin:0}.section-heading+.muted{margin-top:12px}.muted{font-size:13px;color:#9595a1;line-height:1.7}.panel dl{margin:20px 0}.panel dt{font-size:11px;color:#858591;margin-top:15px}.panel dd{font-size:13px;color:#d1d1d9;margin-top:4px;overflow-wrap:anywhere}.text-link{color:#f8798d;font-size:13px;display:block;padding-top:14px}.probabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0 12px}.probabilities>div{border:1px solid #ffffff15;border-radius:16px;padding:15px 8px;text-align:center;min-width:0}.probabilities span{display:block;font-size:11px;color:#aaaab6;overflow-wrap:anywhere}.probabilities strong{display:block;font-size:30px;font-weight:750;line-height:1.5}.probabilities small{font-size:14px}.fact{padding:14px 0;border-bottom:1px solid #ffffff0c}.fact p{font-size:14px;color:#b4b4bf}.bullet-list{padding-left:19px;list-style:disc;color:#a1a1aa;font-size:13px;overflow-wrap:anywhere}.quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quote{border:1px solid #ffffff17;padding:14px;border-radius:13px;font-size:13px}.quote>span,.quote>small{display:block;color:#9999a5;font-size:11px;margin-top:5px}.quote p{display:flex;justify-content:space-between;margin:10px 0}.quote b{color:#ff8c9e;font-size:18px}.feature-state{text-align:center;max-width:680px;padding:55px 10px 45px;margin:auto}.feature-symbol{font-size:50px;color:#f5163b;display:block;margin:20px auto}.feature-state h1{font-size:clamp(29px,4vw,44px);line-height:1.15;font-weight:750;letter-spacing:-1.4px;margin:20px 0}.feature-state>p:not(.eyebrow){color:#a1a1aa;line-height:1.8;max-width:560px;margin:20px auto}.feature-actions{display:flex;justify-content:center;gap:12px;margin-top:25px}.personal-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.personal-links a{border:1px solid #ffffff18;border-radius:16px;padding:20px;font-size:13px;background:#ffffff03}.app-footer{max-width:1152px;margin:0 auto;padding:35px 0 45px;border-top:1px solid #ffffff0f;color:#898995}.app-footer p{font-size:13px;margin:13px 0}.app-footer>div{display:flex;flex-wrap:wrap;gap:25px;font-size:12px;margin:15px 0}.app-footer small{font-size:11px}.app-footer .brand{color:#eee}.mobile-nav{display:none}
.auth-body{background:#171717;color:white}.auth-background{position:fixed;inset:0;overflow:hidden;filter:blur(6px);opacity:.35;pointer-events:none}.auth-background>div{min-width:100%;}.auth-overlay{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 24px;background:#0004}.auth-panel{position:relative;width:448px;max-width:100%;padding:38px 32px;background:linear-gradient(140deg,#ffffff18,#ffffff09);backdrop-filter:blur(28px);border:1px solid #ffffff1c;border-radius:26px;box-shadow:0 24px 60px #0004}.auth-close{position:absolute;right:18px;top:12px;font-size:27px;color:#ffffff70;width:44px;height:44px;display:grid;place-items:center}.auth-logo{width:64px;height:64px;object-fit:contain;display:block;margin:0 auto 16px}.auth-wordmark{text-align:center;font-size:25px;font-weight:850;font-style:italic;letter-spacing:-.7px;margin-bottom:20px}.auth-panel h1{font-size:14px;font-weight:400;text-align:center;color:#bfbfc5;margin-bottom:20px}.auth-status{font-size:11px;color:#b6b6bd;line-height:1.5;background:#0002;border:1px solid #ffffff12;border-radius:10px;padding:10px 12px;margin-bottom:18px}.auth-panel label{display:block;font-size:14px;color:#d6d6d9;margin:14px 0}.auth-panel input{width:100%;min-height:48px;background:#ffffff0e;border:1px solid #ffffff15;border-radius:12px;padding:12px 14px;color:#eee;font-size:16px;margin-top:6px}.password-wrap{position:relative}.password-wrap input{padding-right:48px}.password-wrap button{position:absolute;right:4px;top:8px;height:44px;width:44px;color:#aaa}.forgot-link{display:block;text-align:right;font-size:13px;color:#c2c2ca;margin:12px 0 20px}.auth-panel .button{box-shadow:0 0 25px #f5163b25;border-radius:16px}.auth-panel .button:disabled{opacity:.75}.auth-separator{display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:2px;color:#9a9aa2;margin:26px 0}.auth-separator:before,.auth-separator:after{content:"";height:1px;background:#ffffff18;flex:1}.google-button{width:100%;border-radius:12px;min-height:48px;border:1px solid #ffffff16;background:#ffffff12;font-size:15px}.google-button span{color:#4285f4;font-weight:800;margin-right:12px}.google-button small{font-size:11px}.auth-bottom{font-size:13px;color:#bfbfc5;text-align:center;margin-top:17px}.auth-bottom a{color:var(--kickly-red);font-weight:600}.auth-browse{display:block;text-align:center;margin-top:20px;font-size:12px;color:white}
@media(max-width:1200px){.app-header{margin-left:24px;margin-right:24px}.app-main,.app-footer{margin-left:24px;margin-right:24px}.filters label{min-width:150px}.event-grid{gap:14px}.app-header nav{gap:18px}}
@media(max-width:900px){.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-grid{grid-template-columns:1fr}.detail-grid>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px}.personal-links{grid-template-columns:1fr 1fr}.app-header nav{gap:15px}.app-header nav a{font-size:12px}.app-header .brand{font-size:21px}.app-header{gap:15px}.filters .search-field{flex-basis:40%}}
@media(max-width:640px){.app-header{margin:12px 16px 0;padding:5px 8px;min-height:56px;gap:8px}.app-header nav{display:none}.app-header .brand{font-size:20px}.app-header .brand img{width:36px;height:36px}.app-header .button.small{font-size:12px;padding:8px 18px;min-height:40px}.app-main{margin:0;padding:35px 18px 40px}.page-intro h1{letter-spacing:-1.2px;font-size:36px}.page-intro>p:last-child{font-size:14px}.filters{padding:16px;gap:12px;border-radius:20px}.filters label{min-width:0;flex-basis:calc(50% - 12px);font-size:12px}.filters .search-field{flex-basis:100%;min-width:0}.filters input,.filters select{font-size:14px;padding:11px 8px}.filters .button{flex:1}.event-grid{grid-template-columns:1fr;gap:14px}.event-card-top{padding:16px 18px 8px}.team-line h2{font-size:16px}.team-line{margin:10px 0}.catalogue-meta{font-size:11px;align-items:flex-start}.catalogue-meta>p:last-child{text-align:right}.source-notice{padding:14px;font-size:12px}.notice p{font-size:12px}.match-hero{padding:23px 16px;border-radius:22px}.match-hero h1{flex-direction:column;gap:13px;font-size:26px}.versus{font-size:10px}.match-context{gap:10px}.panel{padding:20px;border-radius:20px}.detail-grid>aside{display:block}.panel h2{font-size:18px}.section-heading{align-items:flex-start}.section-heading .pill{font-size:9px}.probabilities strong{font-size:23px}.probabilities{gap:7px}.probabilities span{font-size:10px}.quote-grid{grid-template-columns:1fr}.feature-state{padding:35px 4px}.feature-state h1{font-size:33px}.feature-state>p:not(.eyebrow){font-size:14px}.feature-actions{flex-wrap:wrap}.personal-links{gap:10px}.personal-links a{padding:16px}.app-footer{margin:0 18px;padding:30px 0 110px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;justify-content:space-around;background:#111114ef;backdrop-filter:blur(20px);border-top:1px solid #ffffff14;padding:8px 5px max(8px,env(safe-area-inset-bottom));color:#85858f}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;min-width:60px;min-height:48px;gap:3px}.mobile-nav a span{font-size:20px;line-height:1.2}.mobile-nav a[aria-current]{color:#fa3657}.auth-overlay{padding:20px 24px;align-items:center;min-height:100svh}.auth-panel{padding:25px 0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none}.auth-close{position:fixed;right:12px;top:10px}.auth-logo{margin-bottom:10px}.auth-wordmark{margin-bottom:18px}.auth-status{font-size:11px}.pagination{gap:12px;font-size:11px}.pagination .button{font-size:12px;padding:10px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.settings-grid .panel{margin:0}.settings-grid label{display:block;font-size:14px;margin:16px 0}.settings-grid input,.settings-grid select{display:block;width:100%;min-width:0;min-height:48px;margin-top:7px;background:#ffffff0a;border:1px solid #ffffff24;border-radius:12px;padding:12px;color:white}.settings-grid .button{margin-top:20px}.settings-grid summary{cursor:pointer;padding:16px 0;color:#ff8c9e}.settings-grid input[readonly]{color:#999}.language-popup [aria-checked=true]{background:#f5163b14}.restored-landing video{pointer-events:auto;max-width:100%}@media(max-width:700px){.settings-grid{grid-template-columns:1fr;gap:18px}}
.source-notice[data-source-availability=degraded],.source-notice[data-source-availability=stale]{border-color:#f2bd6455;background:#f2bd6409}.catalogue-verification{margin:-10px 0 20px}.source-notice time{overflow-wrap:anywhere}

.settings-grid select{color-scheme:dark;font:inherit}.settings-grid select option{background:#202024;color:#fff}
