/* Loko Data components. Brand tokens default here; the theme overrides them. */
:root{--loko-red:#d7141a;--loko-red-dark:#a80f14;--loko-black:#121212;--loko-bg:#f5f5f7;--loko-surface:#fff;--loko-text:#161616;--loko-muted:#6b6b72;--loko-line:#e5e5ea;--loko-win:#16a34a;--loko-draw:#9ca3af;--loko-lose:#dc2626;--loko-radius:12px;--loko-shadow:0 1px 2px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.05)}
[hidden]{display:none!important}
.loko-h2{font-size:1.25rem;margin:2rem 0 .75rem;letter-spacing:-.01em}
.loko-sub{color:var(--loko-muted);font-size:.9rem;margin:.25rem 0 .75rem}
.loko-sub.c{text-align:center}
.loko-summary{font-size:1.02rem;line-height:1.55;max-width:72ch;margin:.9rem auto 0;text-align:center;color:#2a2a2e}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.loko-pos__text{font-size:.88rem;color:#444;margin:.25rem 0 .5rem;line-height:1.45}
.loko-empty{color:var(--loko-muted);padding:1.25rem;background:var(--loko-surface);border:1px dashed var(--loko-line);border-radius:var(--loko-radius);text-align:center}
.loko-month{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--loko-muted);margin:1.25rem 0 .5rem}
.loko-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.1rem;border-radius:999px;background:var(--loko-red);color:#fff!important;font-weight:600;text-decoration:none!important;border:2px solid var(--loko-red);transition:background .15s,transform .15s}
.loko-btn:hover{background:var(--loko-red-dark);border-color:var(--loko-red-dark);transform:translateY(-1px)}
.loko-btn--ghost{background:transparent;color:var(--loko-red)!important}
.loko-btn--ghost:hover{background:var(--loko-red);color:#fff!important}
.loko-btn--fb{background:#1877f2;border-color:#1877f2}
.loko-btn--fb:hover{background:#0f5fd0;border-color:#0f5fd0}
/* crests / avatars */
.loko-crest{width:var(--s,32px);height:var(--s,32px);object-fit:contain;flex:none}
.loko-crest--initials,.loko-avatar--initials{display:inline-flex;align-items:center;justify-content:center;width:var(--s,32px);height:var(--s,32px);border-radius:50%;background:linear-gradient(135deg,var(--loko-black),#3a3a3a);color:#fff;font-weight:700;font-size:calc(var(--s,32px)*.36);flex:none}
.loko-avatar{width:var(--s,64px);height:var(--s,64px);border-radius:50%;object-fit:cover;flex:none;background:#eee}
/* match card */
.loko-list{display:grid;gap:.5rem}
.loko-card{display:block;background:var(--loko-surface);border:1px solid var(--loko-line);border-radius:var(--loko-radius);padding:.7rem .9rem;color:inherit;text-decoration:none!important;box-shadow:var(--loko-shadow);position:relative;overflow:hidden}
a.loko-card:hover{border-color:#cfcfd6;transform:translateY(-1px)}
.loko-card.is-w{border-left:4px solid var(--loko-win)}.loko-card.is-d{border-left:4px solid var(--loko-draw)}.loko-card.is-l{border-left:4px solid var(--loko-lose)}
.loko-card.is-live{border-color:var(--loko-red)}
.loko-card__meta{display:flex;justify-content:space-between;gap:.5rem;font-size:.75rem;color:var(--loko-muted);margin-bottom:.45rem}
.loko-card__teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem}
.loko-card__team{display:flex;align-items:center;gap:.55rem;min-width:0;font-size:.95rem}
.loko-card__team b{font-weight:600;line-height:1.15;overflow-wrap:break-word}
.loko-card__team.is-us b{color:var(--loko-red)}
.loko-card__team--away{flex-direction:row-reverse;text-align:right}
.loko-card__centre{display:flex;flex-direction:column;align-items:center;min-width:64px}
.loko-score{font-weight:800;font-size:1.25rem;letter-spacing:.02em;font-variant-numeric:tabular-nums}.loko-score i{font-style:normal;color:var(--loko-muted);padding:0 .1em}
.loko-kick{font-weight:700;font-size:1.05rem;font-variant-numeric:tabular-nums}
.loko-status{font-size:.7rem;color:var(--loko-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.loko-status.is-live{color:var(--loko-red);font-weight:700}
.loko-status.is-live::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--loko-red);margin-right:.3em;animation:loko-pulse 1.2s infinite}
@keyframes loko-pulse{0%,100%{opacity:1}50%{opacity:.25}}
.loko-card--big{padding:1.25rem 1.25rem 1rem;text-align:center}
.loko-card--big .loko-card__meta{justify-content:center;font-size:.85rem;flex-wrap:wrap}
.loko-card--big .loko-card__teams{grid-template-columns:1fr auto 1fr;gap:1rem}
.loko-card--big .loko-card__team{flex-direction:column;text-align:center;font-size:1.1rem;gap:.5rem}
.loko-card--big .loko-card__team b{white-space:normal;line-height:1.2}
.loko-card--big .loko-score{font-size:2.6rem}.loko-card--big .loko-kick{font-size:2rem}
.loko-card--big .loko-card__venue{margin-top:.75rem;font-size:.85rem;color:var(--loko-muted)}
/* hero */
.loko-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:1.25rem;margin:1rem 0 2rem}
.loko-hero__label{font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--loko-muted);margin:0 0 .6rem;display:flex;align-items:center;gap:.5rem}
.loko-dot{width:10px;height:10px;border-radius:50%;background:var(--loko-red);animation:loko-pulse 1.2s infinite}
.loko-hero__side{display:grid;gap:1rem;align-content:start}
.loko-panel{background:var(--loko-surface);border:1px solid var(--loko-line);border-radius:var(--loko-radius);padding:1rem;box-shadow:var(--loko-shadow)}
.loko-panel h3{margin:0 0 .6rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--loko-muted)}
.loko-panel .loko-card{box-shadow:none}.loko-panel .loko-card__team{font-size:.85rem}
.loko-pos{display:grid;gap:.75rem}
.loko-pos__rank{font-size:3rem;font-weight:800;line-height:1;color:var(--loko-red)}.loko-pos__rank small{font-size:1rem;color:var(--loko-muted);font-weight:600;margin-left:.2em}
.loko-pos dl{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:0}
.loko-pos dt{font-size:.7rem;color:var(--loko-muted);text-transform:uppercase;letter-spacing:.05em}.loko-pos dd{margin:0;font-weight:700;font-size:1.05rem}
.loko-pos__form{font-size:.85rem;color:var(--loko-muted);display:flex;align-items:center;gap:.5rem}
.loko-countdown{display:flex;justify-content:center;align-items:baseline;gap:.35rem;margin-top:.9rem;font-variant-numeric:tabular-nums}
.loko-countdown span{font-size:1.6rem;font-weight:800;background:var(--loko-black);color:#fff;padding:.25rem .55rem;border-radius:8px;min-width:2.2ch;text-align:center}
.loko-countdown small{color:var(--loko-muted);font-size:.75rem;margin-right:.4rem}
.loko-countdown.is-over{font-weight:700;color:var(--loko-red)}
/* form chips */
.loko-form{display:inline-flex;gap:3px}
.loko-form__c{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;font-style:normal;font-size:.7rem;font-weight:700;color:#fff}
.loko-form__c--w{background:var(--loko-win)}.loko-form__c--d{background:var(--loko-draw)}.loko-form__c--l{background:var(--loko-lose)}
/* tables */
.loko-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--loko-surface);border:1px solid var(--loko-line);border-radius:var(--loko-radius);box-shadow:var(--loko-shadow)}
.loko-table{width:100%;border-collapse:collapse;font-size:.92rem}
.loko-table th,.loko-table td{padding:.6rem .55rem;border-bottom:1px solid var(--loko-line);text-align:left;white-space:nowrap}
.loko-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:var(--loko-muted);background:#fafafb}
.loko-table tr:last-child td{border-bottom:0}
.loko-table .c{text-align:center}.loko-table .pts{font-size:1rem}
.loko-table td.team{white-space:normal;min-width:150px}.loko-table td.team .loko-crest,.loko-table td.team .loko-avatar{vertical-align:middle;margin-right:.5rem}.loko-table td.team>span,.loko-table td.team>a{vertical-align:middle}
.loko-table td.team a{color:inherit;font-weight:600}
.loko-table tr.is-us td{background:#fff1f1;font-weight:600}
.loko-standings tr.zone-ucl td:first-child{box-shadow:inset 3px 0 0 #2563eb}
.loko-standings tr.zone-uecl td:first-child{box-shadow:inset 3px 0 0 #059669}
.loko-standings tr.zone-rel td:first-child{box-shadow:inset 3px 0 0 var(--loko-lose)}
.loko-legend{font-size:.75rem;color:var(--loko-muted);margin-top:.5rem}
.loko-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;vertical-align:middle;margin-right:.3em}
.loko-legend .z-ucl{background:#2563eb}.loko-legend .z-uecl{background:#059669}.loko-legend .z-rel{background:var(--loko-lose)}
@media (max-width:640px){.loko-table .hide-m{display:none}}
@media (max-width:440px){.loko-table .hide-s{display:none}.loko-table th,.loko-table td{padding:.5rem .4rem}}
/* tabs */
.loko-tabs__nav{display:inline-flex;background:#e9e9ee;padding:4px;border-radius:999px;margin:.5rem 0 1rem}
.loko-tabs__nav button{border:0;background:transparent;padding:.5rem 1.1rem;border-radius:999px;font:inherit;font-weight:600;cursor:pointer;color:var(--loko-muted)}
.loko-tabs__nav button span{font-weight:500;opacity:.7;margin-left:.3em}
.loko-tabs__nav button[aria-selected="true"]{background:var(--loko-surface);color:var(--loko-text);box-shadow:var(--loko-shadow)}
/* squad */
.loko-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}
.loko-player{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;background:var(--loko-surface);border:1px solid var(--loko-line);border-radius:var(--loko-radius);padding:1rem .75rem;position:relative;color:inherit;text-decoration:none!important;box-shadow:var(--loko-shadow)}
a.loko-player:hover{border-color:var(--loko-red)}
.loko-player__num{position:absolute;top:.6rem;left:.75rem;font-weight:800;color:var(--loko-red);font-size:1.1rem}
.loko-player__name{font-weight:700;line-height:1.2}
.loko-player__meta{font-size:.78rem;color:var(--loko-muted)}
.loko-player__stats{display:flex;gap:.9rem;margin-top:.35rem}
.loko-player__stats i{font-style:normal;font-weight:700;display:flex;flex-direction:column;align-items:center;line-height:1.1}
.loko-player__stats small{font-weight:400;color:var(--loko-muted);font-size:.65rem}
.loko-coach{display:flex;align-items:center;gap:1rem;background:var(--loko-surface);border:1px solid var(--loko-line);border-radius:var(--loko-radius);padding:1rem;margin:.5rem 0 1rem;box-shadow:var(--loko-shadow)}
.loko-coach b{display:block;font-size:1.15rem}
.loko-coach .loko-sub{margin:0}
/* match page */
.loko-match__meta{display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.85rem;color:var(--loko-muted);margin-bottom:.75rem}
.loko-events{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}
.loko-event{display:flex;align-items:center;gap:.6rem;background:var(--loko-surface);border:1px solid var(--loko-line);border-radius:8px;padding:.45rem .7rem;width:min(100%,520px)}
.loko-event--away{margin-left:auto;flex-direction:row-reverse;text-align:right}
.loko-event__min{font-weight:700;font-variant-numeric:tabular-nums;min-width:3ch;color:var(--loko-muted)}
.loko-event__body{display:flex;flex-direction:column;gap:.1rem;font-size:.9rem}.loko-event__body small{color:var(--loko-muted);font-size:.75rem}
.loko-event::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;background:var(--loko-muted)}
.loko-event--goal::before{background:var(--loko-win);box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 5px var(--loko-win)}
.loko-event--miss::before{background:#fff;border:2px solid var(--loko-lose)}
.loko-event--yellow::before{background:#facc15;border-radius:3px;width:12px}
.loko-event--red::before{background:var(--loko-lose);border-radius:3px;width:12px}
.loko-event--sub::before{background:#3b82f6}
.loko-event--var::before{background:#8b5cf6}
.loko-lineups{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}
.loko-lineup h3{font-size:1rem;margin:0 0 .5rem}.loko-lineup h3 span{color:var(--loko-muted);font-weight:500;margin-left:.4em}
.loko-lineup.is-us h3{color:var(--loko-red)}
.loko-pitch{background:linear-gradient(180deg,#1f8a3b,#25a047);border-radius:10px;padding:.75rem .5rem;display:grid;gap:.7rem;min-height:300px;position:relative;border:2px solid rgba(255,255,255,.35)}
.loko-pitch::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.04) 0 40px,transparent 40px 80px);border-radius:8px;pointer-events:none}
.loko-pitch__row{display:flex;justify-content:space-around;align-items:center}
.loko-pitch__p{display:flex;flex-direction:column;align-items:center;gap:.15rem;color:#fff;text-decoration:none!important;font-size:.72rem;text-align:center;max-width:80px}
.loko-pitch__p i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--loko-black);font-weight:800;font-size:.75rem;box-shadow:0 2px 4px rgba(0,0,0,.3)}
.loko-lineup.is-us .loko-pitch__p i{background:var(--loko-red);color:#fff}
.loko-pitch__p b{font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5);line-height:1.15}
.loko-xi{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.25rem .75rem;font-size:.88rem}
.loko-xi li{display:flex;gap:.5rem;align-items:center}.loko-xi i{font-style:normal;font-weight:700;color:var(--loko-muted);min-width:2.2ch;text-align:right}
.loko-xi a{color:inherit}
.loko-stats{display:grid;gap:.6rem;background:var(--loko-surface);border:1px solid var(--loko-line);border-radius:var(--loko-radius);padding:1rem;box-shadow:var(--loko-shadow)}
.loko-stat{display:grid;grid-template-columns:3.5ch 1fr 3.5ch;grid-template-areas:"l l l" "a bar b";align-items:center;gap:.15rem .6rem;font-size:.9rem}
.loko-stat__v{font-weight:700;font-variant-numeric:tabular-nums}.loko-stat__v--a{grid-area:a;text-align:right}.loko-stat__v--b{grid-area:b}
.loko-stat__bar{grid-area:bar;display:flex;gap:3px;height:8px}.loko-stat__bar i{display:block;height:100%;border-radius:4px;background:var(--loko-red)}.loko-stat__bar i+i{background:var(--loko-black);opacity:.65}
.loko-stat__l{grid-area:l;text-align:center;font-size:.75rem;color:var(--loko-muted);text-transform:uppercase;letter-spacing:.05em}
/* profile */
.loko-profile__head{display:flex;gap:1.25rem;align-items:center;background:var(--loko-surface);border:1px solid var(--loko-line);border-radius:var(--loko-radius);padding:1.25rem;box-shadow:var(--loko-shadow);margin-bottom:1rem}
.loko-profile__head h1{margin:.1rem 0 .5rem;font-size:1.8rem}
.loko-facts{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;margin:0}
.loko-facts dt{font-size:.68rem;color:var(--loko-muted);text-transform:uppercase;letter-spacing:.05em}.loko-facts dd{margin:0;font-weight:600}
.loko-stats-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin:1rem 0}
.loko-stats-strip--wrap{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.loko-stats-strip div{background:var(--loko-surface);border:1px solid var(--loko-line);border-radius:10px;padding:.7rem .5rem;text-align:center}
.loko-stats-strip b{display:block;font-size:1.35rem;font-weight:800}.loko-stats-strip span{font-size:.7rem;color:var(--loko-muted);text-transform:uppercase;letter-spacing:.05em}
.loko-goals{padding-left:1.2rem;font-size:.92rem}.loko-goals li{margin:.25rem 0}
.loko-profile__summary{margin:.5rem 0 1rem}.loko-profile__summary .loko-summary{text-align:left;margin:.5rem 0}
.loko-res{display:inline-block;min-width:3.2em;padding:.1rem .35rem;border-radius:5px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums}.loko-res--w{background:var(--loko-win)}.loko-res--d{background:var(--loko-draw)}.loko-res--l{background:var(--loko-lose)}
.loko-transfers,.loko-honours{padding-left:1.2rem;font-size:.95rem}.loko-transfers li,.loko-honours li{margin:.3rem 0}.loko-transfers time{color:var(--loko-muted);font-variant-numeric:tabular-nums}
.loko-pn{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:2rem 0 0;flex-wrap:wrap}.loko-pn__a{font-weight:600;text-decoration:none}
/* facebook */
.loko-fb{display:grid;grid-template-columns:minmax(0,1fr) 500px;gap:1.5rem;align-items:start;background:var(--loko-surface);border:1px solid var(--loko-line);border-radius:var(--loko-radius);padding:1.25rem;box-shadow:var(--loko-shadow);overflow:hidden}
.loko-fb__cta h3{margin:0 0 .5rem;font-size:1.3rem}.loko-fb__cta p{color:var(--loko-muted)}
.loko-fb__embed{width:100%;max-width:500px;min-width:0;justify-self:center;overflow:hidden;border-radius:8px;background:#fff;border:1px solid var(--loko-line)}.loko-fb__embed iframe{display:block;width:100%;max-width:500px;height:640px;border:0}
@media (max-width:960px){.loko-fb{grid-template-columns:1fr}}
@media (max-width:860px){.loko-hero{grid-template-columns:1fr}.loko-stats-strip{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.loko-card--big .loko-card__team{font-size:.95rem}.loko-card--big .loko-score{font-size:2rem}.loko-card--big .loko-crest{--s:52px;width:52px;height:52px}.loko-countdown span{font-size:1.25rem}.loko-profile__head{flex-direction:column;text-align:center}.loko-facts{justify-content:center}.loko-pos dl{grid-template-columns:repeat(2,1fr)}.loko-event{width:100%}}