:root{--bg: #0f1115;--panel: #161923;--muted: #7a8192;--text: #e9edf5;--accent: #4aa8ff;--line: #242a38;--tint: #1b2130;--tint2: #0f141f;--ok: #22c55e;--danger: #ef4444}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}.container{max-width:690px;margin:0 auto;padding:0 16px}.header{position:sticky;top:0;background:linear-gradient(180deg,#0f1115eb,#0f1115b3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;border-bottom:1px solid var(--line)}.header-row{position:relative;display:flex;align-items:center;justify-content:center;min-height:64px;gap:12px;padding:0 16px}.logo{height:28px;width:auto;cursor:pointer}.header-spacer{height:8px}.datebar{overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none;border-bottom:1px solid var(--line);padding:10px 0;background:var(--bg);-webkit-overflow-scrolling:touch}.datebar::-webkit-scrollbar{height:0}.date-scroller{display:flex;gap:8px;min-width:max-content;padding-bottom:2px}.date-scroller::-webkit-scrollbar{height:0}.date-pill{padding:10px 12px;border:1px solid var(--line);border-radius:10px;cursor:pointer;white-space:nowrap;background:var(--panel);color:var(--text)}.date-pill:hover{border-color:var(--accent)}.date-pill[aria-selected=true]{background:var(--text);color:#000;border-color:var(--text)}.breadcrumb{margin:6px 0 10px}.breadcrumb ol{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.crumb{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.crumb a{padding:4px 6px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.crumb a:hover{border-color:var(--accent);color:var(--text)}.crumb span[aria-current=page]{padding:4px 6px;border:1px dashed var(--line);border-radius:8px;color:var(--text)}.crumb-sep{color:var(--muted)}.section{border:1px solid var(--line);border-radius:12px;margin:12px 0;overflow:hidden;background:var(--tint2);box-shadow:0 2px 10px #0000002e}.section.is-open{box-shadow:0 6px 18px #0000003d}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;cursor:pointer;background:linear-gradient(0deg,color-mix(in srgb,var(--tint) 92%,transparent),var(--tint));border-bottom:1px solid var(--line)}.head-left{display:flex;align-items:center;gap:10px}.flag{width:20px;height:14px;object-fit:cover;border-radius:3px;border:1px solid #0002}.country-name{font-weight:700;letter-spacing:.2px}.head-right{display:flex;align-items:center;gap:10px}.head-action{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:4px 8px;border-radius:999px;background:var(--panel)}.head-action:hover{color:var(--text);border-color:var(--accent)}.chev{transition:transform .2s ease;color:var(--muted)}.section.is-open .chev{transform:rotate(180deg)}.section-body{padding:8px 8px 10px}.match-item{display:flex;justify-content:space-between;align-items:center;padding:12px 10px;border:1px solid var(--line);border-radius:10px;margin:8px 4px;background:var(--panel);cursor:pointer}.match-item:hover{border-color:var(--accent)}.match-left{display:flex;gap:10px;align-items:center}.badge{font-size:12px;border:1px solid var(--line);padding:2px 6px;border-radius:999px;color:var(--muted);background:var(--tint2)}.teams{font-weight:600}.match-right{display:flex;align-items:center;gap:10px}.status{font-size:12px;color:var(--muted)}.time{min-width:72px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.tabbar{display:flex;gap:8px;border-bottom:1px solid var(--line);margin-bottom:12px}.tab{padding:10px 14px;border:1px solid var(--line);border-bottom:none;border-radius:10px 10px 0 0;cursor:pointer;background:var(--panel);color:var(--muted);font-weight:600}.tab:hover{color:var(--text)}.tab[aria-selected=true]{background:var(--bg);border-color:var(--accent);color:var(--text);filter:drop-shadow(0 2px 8px rgba(0,0,0,.2))}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{border:1px solid var(--line);padding:10px;border-radius:10px;background:var(--panel)}.kv{display:flex;justify-content:space-between}.small{font-size:12px;color:var(--muted)}@media (max-width:700px){.grid{grid-template-columns:1fr}}.chat-wrap{display:flex;flex-direction:column;gap:8px}.chat-header{display:flex;justify-content:space-between;align-items:center}.chat-view{height:360px;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--tint2);padding:10px;scroll-behavior:smooth}.chat-msg{margin-bottom:8px;max-width:80%}.chat-msg.me{margin-left:auto}.chat-msg .meta{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;margin:0 6px}.chat-msg .bubble{background:var(--panel);border:1px solid var(--line);padding:8px 10px;border-radius:10px}.chat-msg.me .bubble{background:var(--accent);color:#000;border-color:var(--accent)}.chat-input{display:flex;gap:8px}.chat-input input{flex:1;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.chat-input button{padding:10px 14px;border:1px solid var(--accent);border-radius:10px;background:transparent;color:var(--text);cursor:pointer}.chat-input button:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1}.footer{border-top:1px solid var(--line);background:var(--tint);color:var(--muted)}.footer-nav{display:flex;gap:16px;justify-content:center;align-items:center;padding:14px 0;flex-wrap:wrap}.footer-link{text-decoration:none;color:var(--muted);font-size:14px}.footer-link:hover{color:var(--text)}.score-line{display:flex;gap:12px;justify-content:center;align-items:baseline;margin:8px 0 14px}.score{font-size:28px;font-weight:700}.score-live .score{color:var(--danger)}.score-final .score{color:var(--ok)}.badge{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:2px 8px;background:var(--panel);color:var(--muted)}.badge.live{border-color:var(--danger);color:var(--danger)}.badge.ft{border-color:var(--ok);color:var(--ok)}.score-wrap{display:flex;align-items:center;gap:8px}.score-val{font-weight:700}.score-live{color:var(--danger)}.score-final{color:var(--ok)}.min-badge{font-size:12px;border:1px solid var(--danger);color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent);padding:2px 6px;border-radius:999px}.match-row{display:flex;justify-content:space-between;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.match-row+.match-row{margin-top:8px}.match-row.is-live{outline:1px solid color-mix(in srgb,var(--danger) 50%,transparent)}.badge{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:2px 8px;background:var(--tint);color:var(--muted);margin-right:8px}.badge.live{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}.badge.ft{border-color:var(--ok);color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent)}.linklike{background:none;border:none;color:var(--accent);cursor:pointer;padding:0}input{padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.presence{display:flex;align-items:center;gap:6px}.presence .dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.presence .typing{opacity:.8}.bubble{position:relative}.reactions{display:flex;gap:6px;margin-top:6px}.react{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--tint);border-radius:999px;padding:2px 6px;font-size:13px;cursor:pointer}.react em{font-style:normal;opacity:.8}.react.active,.react:hover{border-color:var(--accent)}.chat-input input[disabled]{opacity:.7;cursor:not-allowed}@media (max-width: 600px){.chat-wrap{gap:10px}.chat-header{gap:8px}.presence{gap:6px;flex-wrap:wrap}.presence .small{font-size:12px}.chat-view{height:min(60dvh,520px);-webkit-overflow-scrolling:touch}.chat-input{position:sticky;bottom:0;padding-bottom:max(8px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 85%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--line)}.chat-input input{font-size:16px;padding:12px}.chat-input button{padding:12px 16px}.chat-msg .meta{gap:6px;font-size:12px}.chat-msg .bubble{font-size:15px;line-height:1.35;padding:10px 12px}.reactions{flex-wrap:wrap;gap:8px}.react{padding:4px 8px;font-size:14px}}@media (max-width: 360px){.presence .typing{display:none}}@media (max-width: 600px){.chat-wrap .container,.chat-wrap.container{padding-left:12px;padding-right:12px}}.chat-input{padding-bottom:max(8px,env(safe-area-inset-bottom))}.chat-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;z-index:9999}.chat-full-header{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 6px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0}.back-btn{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}.chat-title{font-weight:700}.chat-full-main{flex:1;min-height:0;padding:8px 10px 0}.chat-full-main .chat-view{height:calc(100dvh - 138px)}.chat-full-main .chat-input{position:sticky;bottom:0;padding-bottom:max(8px,env(safe-area-inset-bottom));background:var(--bg);border-top:1px solid var(--line)}.mobile-chat-cta{display:none;margin:4px 0 8px}@media (max-width: 720px){.mobile-chat-cta{display:block}}.chat-fullscreen~.footer{display:none}@media (max-width: 600px){.chat-full-main .chat-input input{font-size:16px;padding:12px}.chat-full-main .chat-input button{padding:12px 16px}}@keyframes qwkPulse{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}