.st-page{max-width:1200px;margin:24px auto;display:grid;gap:24px}.st-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.st-heading h1{font-size:clamp(36px,6vw,66px);margin:6px 0}.st-heading h2,.st-panel h3{margin:8px 0 18px}.st-chip{padding:10px 15px;border:1px solid var(--line);border-radius:30px;color:var(--muted);font-size:13px}.st-result{display:grid;grid-template-columns:1fr 1fr;border-radius:24px;overflow:hidden;border:1px solid var(--line)}.st-side{padding:26px 20px;display:grid;justify-items:center;gap:8px;background:linear-gradient(140deg,#233448,#111720);text-decoration:none}.st-side.winner{background:linear-gradient(135deg,#7c8e12,#33400e);color:white}.st-side>span{display:flex;align-items:center;gap:10px;font-weight:700}.st-side>strong{font:800 88px/1 'Barlow Condensed',sans-serif}.st-side small{letter-spacing:2px;font-size:10px}.st-avatar{height:52px;width:52px;flex-shrink:0;border-radius:50%;display:inline-grid;place-items:center;background:#1e2935;color:var(--accent);border:2px solid var(--accent);font-weight:700;overflow:hidden}.st-avatar img{height:100%;width:100%;object-fit:cover}.st-time{grid-column:1/-1;background:var(--panel-2);padding:16px;display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;font-size:12px;color:var(--muted)}.st-time strong{color:var(--text)}.st-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.st-panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px;min-width:0}.st-note{color:var(--muted);font-size:12px;line-height:1.7}.st-tabs{display:flex;gap:10px;border-bottom:1px solid var(--line);padding-bottom:12px}.st-tabs button,.st-demo-tools button{background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px 16px;cursor:pointer;min-height:44px}.st-tabs [aria-pressed=true]{background:var(--accent);color:var(--bg)}.st-heading select{background:var(--panel);color:var(--text);padding:12px;border:1px solid var(--line);border-radius:10px;min-height:44px}.st-compare{padding:16px 0}.st-compare>div:first-child{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;text-align:center;gap:10px}.st-compare strong{font-size:24px}.st-compare strong:first-child{color:var(--accent)}.st-compare span{font-size:13px;color:var(--muted)}.st-bars{height:9px;display:flex;gap:6px;margin-top:14px;background:#202b39;border-radius:10px;overflow:hidden}.st-bars i{width:var(--w);background:var(--accent);border-radius:10px}.st-bars i+ i{background:#8ba2bb}.st-count-row{display:grid;grid-template-columns:1fr 2fr 1fr;text-align:center;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:15px 0}.st-count-row span{font-size:13px;color:var(--muted)}.st-count-row strong{font-size:21px}.st-count-row strong:first-child{color:var(--accent)}.st-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.st-metric{padding:22px;background:var(--panel);border:1px solid var(--line);border-radius:18px;display:grid;gap:7px;align-content:start}.st-metric strong{font:700 38px/1.1 'Barlow Condensed',sans-serif;color:var(--accent)}.st-metric span{font-size:13px}.st-metric small{font-size:11px;line-height:1.5;color:var(--muted)}.compact{grid-template-columns:1fr 1fr;margin-top:24px}.st-radial{width:100%;max-width:440px;display:block;margin:0 auto}.st-grid{fill:none;stroke:var(--line);stroke-width:1}.st-radial text,.st-trend text{fill:var(--muted);font:12px Inter,sans-serif}.st-line{fill:none;stroke:var(--accent);stroke-width:3}.st-trend{display:block;width:100%;max-width:850px;margin:auto}.st-double-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 24px;margin-top:18px}.st-double-list>div{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line);padding:8px 0}.st-finish{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:16px 0;text-decoration:none}.st-finish>div{flex:1;display:grid;gap:5px}.st-finish strong{font-size:26px;color:var(--accent)}.st-finish small,.st-finish>span{font-size:12px;color:var(--muted)}.st-history{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none}.st-history strong{color:var(--accent);white-space:nowrap}.st-history>span:last-child{color:var(--muted);font-size:12px}.st-table-scroll{overflow-x:auto}.st-table-scroll table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}.st-table-scroll th,.st-table-scroll td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left}.st-table-scroll th{color:var(--muted)}.st-demo-tools{display:flex;gap:8px}.st-demo-tools button{font-size:11px;padding:8px}.st-empty{padding:25px;border:1px dashed var(--line);border-radius:15px}.st-page details summary{cursor:pointer;min-height:44px;display:flex;align-items:center}.st-page a:focus-visible,.st-page button:focus-visible,.st-page select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.fixture-action{flex-wrap:wrap}.st-panel:has(.st-radial)>h3{margin-bottom:0}
@media(max-width:700px){.st-page{gap:18px;margin-top:18px}.st-grid-two{grid-template-columns:1fr}.st-metrics{grid-template-columns:1fr 1fr}.st-panel{padding:18px;border-radius:17px}.st-heading{align-items:flex-start;flex-wrap:wrap}.st-side{padding:20px 10px}.st-side>span{flex-direction:column;text-align:center;font-size:13px}.st-side>strong{font-size:72px}.st-time{flex-direction:column;align-items:center;text-align:center}.st-tabs{gap:6px}.st-tabs button{font-size:12px;flex:1;padding:12px 8px}.st-metric{padding:17px}.st-metric strong{font-size:32px}.st-history{flex-wrap:wrap}.st-history>span:first-child{width:100%}.st-chip{font-size:11px}.st-count-row{padding:13px 0}}