:root{color-scheme:dark;--bg:#040b1b;--panel:#0c1830;--panel2:#101f3e;--line:#24365b;--text:#f5f8ff;--muted:#aebbd4;--cyan:#45d9ff;--violet:#8b7dff;--green:#55e6aa;--orange:#ffba66;--red:#ff7189;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 5%,#173a6f80,transparent 34%),radial-gradient(circle at 85% 20%,#4b2c7b55,transparent 30%),var(--bg);color:var(--text);min-height:100vh}.shell{width:min(1240px,calc(100% - 28px));margin:auto;padding:22px 0 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand img{filter:drop-shadow(0 8px 20px #45d9ff55)}.brand span{display:grid}.brand small{font-size:.7rem;letter-spacing:.22em;color:var(--cyan);font-weight:900}.brand strong{font-size:1.05rem;letter-spacing:.08em}.actions{display:flex;gap:9px}button,.details,.back{border:1px solid var(--line);background:#122343;color:var(--text);padding:10px 14px;border-radius:14px;font-weight:800;cursor:pointer;text-decoration:none}.hero{margin:24px 0 16px;padding:clamp(24px,5vw,58px);border:1px solid #6fdfff40;border-radius:32px;background:linear-gradient(135deg,#173d72e8,#352d70e8 62%,#164b66e8);display:flex;justify-content:space-between;gap:24px;box-shadow:0 30px 80px #0008}.hero h1{font-size:clamp(2.2rem,6vw,4.8rem);line-height:.98;max-width:850px;margin:.35rem 0 1rem}.hero p{max-width:780px;color:#d8e3f7;font-size:1.06rem;line-height:1.55}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:900;color:var(--cyan);margin:0}.pulse{align-self:flex-start;background:#081a28b8;border:1px solid #7affc955;border-radius:999px;padding:9px 13px;font-weight:900;font-size:.75rem}.pulse span{display:inline-block;width:8px;height:8px;background:var(--green);border-radius:50%;margin-right:7px;box-shadow:0 0 0 0 #55e6aa99;animation:pulse 1.8s infinite}@keyframes pulse{70%{box-shadow:0 0 0 11px #55e6aa00}}.breadcrumb{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:20px 0 4px}.breadcrumb button{padding:7px 10px;background:#0b1730}.breadcrumb button:disabled{color:var(--cyan);opacity:1;cursor:default}.breadcrumb span{color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:24px 2px 14px}.section-head h2{font-size:clamp(1.6rem,4vw,2.3rem);margin:.3rem 0 0}.section-head>span{color:var(--muted)}.category-panel{background:#08132999;border:1px solid var(--line);border-radius:28px;padding:18px}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.category-card{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;gap:2px 12px;align-items:center;text-align:left;padding:18px;background:linear-gradient(150deg,#12264a,#0a1730);border-radius:20px;transition:transform .2s,border-color .2s}.category-card:hover{transform:translateY(-3px);border-color:#45d9ff88}.category-icon{grid-row:1/3;font-size:1.8rem;width:46px;height:46px;display:grid;place-items:center;background:#17365c;border-radius:15px}.category-card strong{font-size:1rem}.category-card small{color:var(--muted)}.category-arrow{grid-row:1/3;grid-column:3;font-size:1.8rem;color:var(--cyan)}.filters{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr)) 1.6fr;gap:10px;background:#081329cc;border:1px solid var(--line);padding:14px;border-radius:22px;position:sticky;top:10px;z-index:4;backdrop-filter:blur(18px)}label{display:grid;gap:5px;color:var(--muted);font-size:.72rem;font-weight:800}select,input{width:100%;background:#0f1e3b;color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px;min-height:42px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:14px}.match-card{background:linear-gradient(155deg,#101f3ff5,#091429f5);border:1px solid var(--line);border-radius:24px;padding:19px;box-shadow:0 18px 40px #0005;transition:transform .2s ease,border-color .2s ease}.match-card:hover{transform:translateY(-3px);border-color:#5bdcff77}.match-card.detail-card{max-width:840px;margin:24px auto 0;padding:clamp(20px,5vw,38px)}.card-top,.meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-top{justify-content:space-between}.sport-pill,.status-pill{padding:6px 9px;border-radius:999px;background:#15345b;color:var(--cyan);font-size:.72rem;font-weight:900}.status-pill.live{background:#5b1831;color:#ff9eb1}.favorite{font-size:1.35rem;padding:4px 10px;background:transparent}.favorite.active{color:#ffd166}.league{color:var(--muted);font-size:.84rem;line-height:1.45}.teams{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;margin:21px 0}.teams strong:last-child{text-align:right}.score{font-size:1.75rem;font-weight:950;background:#071124;padding:9px 13px;border-radius:13px}.detail-card .score{font-size:clamp(2rem,6vw,3.4rem)}.meta{color:var(--muted);font-size:.78rem}.moment{min-height:2.5rem;color:#d9e5f7}.details{display:inline-flex}.back{display:inline-flex;margin-top:20px}.timeline{max-width:840px;margin:auto;display:grid;gap:10px}.timeline-entry{display:grid;grid-template-columns:90px 1fr;gap:14px;background:linear-gradient(150deg,#101f3f,#091429);border:1px solid var(--line);border-radius:18px;padding:15px}.entry-time{font-weight:950;color:var(--cyan)}.entry-head{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.entry-period{color:var(--muted);font-size:.78rem}.entry-text{margin:.45rem 0 0;line-height:1.5}.state{margin:34px 0;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:40px;text-align:center}.state.compact{padding:22px}.state.error{border-color:#ff718955}.spinner{width:42px;height:42px;margin:auto;border:4px solid #2c416b;border-top-color:var(--cyan);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.privacy{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:18px;color:var(--muted);line-height:1.5}.privacy strong{color:var(--text)}
@media(max-width:850px){.filters{grid-template-columns:1fr 1fr;position:static}.search{grid-column:1/-1}.hero{display:block}.pulse{display:inline-block;margin-top:12px}}
@media(max-width:520px){.shell{width:min(100% - 18px,1240px)}.topbar{align-items:flex-start}.actions{display:grid}.filters{grid-template-columns:1fr}.search{grid-column:auto}.teams{grid-template-columns:1fr;text-align:center}.teams strong:last-child{text-align:center}.hero{border-radius:24px;padding:24px}.grid,.category-grid{grid-template-columns:1fr}.timeline-entry{grid-template-columns:1fr}.category-panel{padding:12px}.section-head{align-items:flex-start;gap:8px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* V10.30 public tournaments */
.live-mode { display: flex; gap: 8px; margin: 18px 0 22px; padding: 6px; width: fit-content; max-width: 100%; border: 1px solid rgba(123,154,205,.2); border-radius: 18px; background: rgba(255,255,255,.04); }
.live-mode button { border: 0; border-radius: 13px; padding: 11px 18px; background: transparent; color: var(--muted); font: inherit; font-weight: 900; cursor: pointer; }
.live-mode button.active { background: linear-gradient(135deg, #2f7cff, #695cff); color: white; box-shadow: 0 8px 22px rgba(48,112,255,.25); }
.tournament-card { display: flex; flex-direction: column; min-height: 245px; padding: 20px; border: 1px solid rgba(123,154,205,.2); border-radius: 24px; background: rgba(255,255,255,.055); box-shadow: 0 18px 45px rgba(0,0,0,.16); }
.tournament-name { margin: 8px 0 6px; font-size: 1.22rem; }
.tournament-category, .tournament-meta { color: var(--muted); }
.tournament-category { margin: 8px 0 0; font-weight: 800; }
.tournament-meta { margin: 0 0 14px; line-height: 1.5; }
.tournament-numbers { display: flex; gap: 8px; flex-wrap: wrap; margin: auto 0 14px; }
.tournament-numbers span, .tournament-live { padding: 6px 10px; border-radius: 999px; background: rgba(70,132,255,.12); font-size: .78rem; font-weight: 900; }
.tournament-live.live { background: rgba(46,204,113,.16); color: #77efa8; }
@media (max-width: 560px) { .live-mode { width: 100%; } .live-mode button { flex: 1; padding-inline: 10px; } }

.lineup-card{max-width:840px;margin:16px auto 28px;padding:clamp(16px,4vw,26px);border:1px solid var(--line);border-radius:26px;background:linear-gradient(155deg,#101f3ff5,#091429f5);box-shadow:0 18px 40px #0005}.lineup-head{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:14px}.lineup-head h2{margin:.25rem 0 0;font-size:clamp(1.4rem,4vw,2rem)}.lineup-head>span{padding:7px 10px;border-radius:999px;background:#15345b;color:var(--cyan);font-weight:900}.lineup-pitch{position:relative;aspect-ratio:.72;overflow:hidden;border-radius:22px;background:repeating-linear-gradient(0deg,#0b684d 0 10%,#0a5d47 10% 20%);border:2px solid #fff}.lineup-pitch:before{content:"";position:absolute;inset:4%;border:2px solid #ffffffd9;border-radius:4px;background:linear-gradient(to bottom,transparent 49.7%,#ffffffd9 49.7% 50.3%,transparent 50.3%)}.lineup-pitch:after{content:"";position:absolute;width:22%;aspect-ratio:1;border:2px solid #ffffffd9;border-radius:50%;left:39%;top:39%}.lineup-player{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;z-index:2;width:92px}.lineup-player b{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:#071b2b;border:2px solid #fff;box-shadow:0 7px 14px #0008}.lineup-player span{max-width:92px;margin-top:3px;padding:3px 6px;border-radius:8px;background:#000b;color:#fff;font-size:.72rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:560px){.lineup-player{width:68px}.lineup-player b{width:27px;height:27px}.lineup-player span{max-width:68px;font-size:.6rem}.lineup-head{align-items:flex-start;flex-direction:column}.lineup-pitch{aspect-ratio:.78}}