:root{--orange:#f50;--orange-hover:#ff6a1f;--bg:#0e0e10;--panel:#1c1c1f;--panel-2:#232326;--border:#ffffff12;--border-strong:#ffffff1f;--text:#fff;--muted:#8a8a92;--green:#32d74b;--red:#ff4655;--yellow:#ffb800}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Inter,Segoe UI,Roboto,system-ui,sans-serif;font-size:15px;line-height:1.5}a{color:var(--orange);text-decoration:none}a:hover{text-decoration:underline}code{background:var(--panel-2);border:1px solid var(--border);color:var(--orange);border-radius:3px;padding:1px 6px;font-family:Cascadia Mono,Consolas,monospace;font-size:.85em}.wrap{max-width:1180px;margin:0 auto;padding:32px 20px 64px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.brand{align-items:center;gap:12px;display:flex}.logo{background:var(--orange);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;font-weight:800;display:flex}h1{letter-spacing:.2px;font-size:20px;font-weight:700}.sub{color:var(--muted);font-size:13px}.grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:18px;overflow:hidden}.card h2{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:12px;font-size:12px;font-weight:700}.kv{border-bottom:1px dashed var(--border);justify-content:space-between;gap:12px;padding:6px 0;font-size:14px;display:flex}.kv:last-child{border-bottom:none}.kv span:first-child{color:var(--muted)}.badge{letter-spacing:.4px;border:1px solid var(--border-strong);background:var(--panel-2);border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge.ok{color:var(--green);border-color:#3ddc8459}.badge.bad{color:var(--red);border-color:#ff555559}.badge.warn{color:var(--yellow);border-color:#ffc80059}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 10px}th{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px}tbody tr:hover td{background:var(--panel-2)}.scroll{overflow-x:auto}.empty{color:var(--muted);padding:12px 0;font-size:14px}input[type=text]{background:var(--panel-2);border:1px solid var(--border-strong);min-width:220px;color:var(--text);border-radius:4px;flex:1;padding:9px 12px;font-family:inherit;font-size:14px}input[type=text]:focus{border-color:var(--orange);outline:none}button{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:9px 16px;font-family:inherit;font-size:14px;font-weight:700}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:default}.note{color:var(--muted);margin-top:10px;font-size:12px}.foot{color:var(--muted);text-align:center;margin-top:28px;font-size:12px}.back{background:var(--panel-2);border:1px solid var(--border);width:40px;height:40px;color:var(--text);border-radius:6px;justify-content:center;align-items:center;font-size:18px;text-decoration:none;display:flex}.back:hover{border-color:var(--orange);text-decoration:none}.btn{background:var(--orange);color:#fff;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.btn:hover{background:var(--orange-hover);text-decoration:none}.btn.small{padding:5px 10px;font-size:13px}.btn.ghost{color:var(--text);border-color:var(--border-strong);background:0 0}.btn.ghost:hover{background:var(--panel-2)}.team-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.team-head h2{text-transform:none;letter-spacing:0;color:var(--text);font-size:15px}tr.ours td{background:#ff550012}td img{display:block}.win{color:var(--green);font-weight:700}.lose{color:var(--red);font-weight:700}.detail-groups{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));align-items:start;gap:16px 24px;padding:12px 4px;display:grid}.detail-group h4{text-transform:uppercase;letter-spacing:.8px;color:var(--orange);border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:4px;font-size:11px;font-weight:700}.detail-group:first-child{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:0 24px;display:grid}.detail-group:first-child h4{grid-column:1/-1}.detail-item{border-bottom:1px dashed var(--border);justify-content:space-between;gap:12px;padding:3px 0;font-size:13px;display:flex}.detail-item span{color:var(--muted)}.players{border-top:1px solid var(--border);flex-direction:column;gap:4px;margin-top:10px;padding-top:10px;display:flex}.player{align-items:baseline;gap:8px;font-size:13px;display:flex}.player span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.player b{color:var(--orange)}.player i{color:var(--muted);font-size:12px;font-style:normal}.live{background:var(--green);vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-left:6px;animation:2s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.player.flash{border-radius:4px;animation:4s ease-out flash}@keyframes flash{0%{background:#ff550059}to{background:0 0}}.btn.connect{justify-content:center;margin-top:12px;display:flex}.matches-card{overflow:visible}.match-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid;position:relative}.match-card{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;flex-direction:column;padding:12px;transition:border-color .15s;display:flex}.match-card:hover{border-color:var(--border-strong)}.match-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.match-head h3{font-size:17px;font-weight:700}.match-head time{color:var(--muted);white-space:nowrap;font-size:12px}.match-cover{border-radius:4px;line-height:0;position:relative;overflow:hidden}.match-cover img,.match-cover-empty{object-fit:cover;background:var(--panel);width:100%;height:118px;display:block}.match-score{gap:6px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-box{text-align:center;text-shadow:0 2px 6px #000000b3;min-width:52px;color:var(--text);background:#0000008c;border:1px solid #ffffff1f;border-radius:4px;padding:6px 10px;font-size:26px;font-weight:800;line-height:1.15}.match-score.win .score-box.own{color:var(--green);border-color:#32d74b73}.match-score.lose .score-box.own{color:var(--red);border-color:#ff465573}.score-box.enemy{color:#ffffffbf}.kda{grid-template-columns:1fr 34px 34px 34px;gap:4px 6px;margin:12px 0 4px;font-size:13px;display:grid}.kda-head,.kda-row{display:contents}.kda-head span,.kda-head b{text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:3px;font-size:11px;font-weight:700}.kda-head b,.kda-row b{text-align:center}.kda-row b{color:var(--text)}.kda-row a{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.match-card.open{border-color:var(--orange);background:var(--panel);z-index:2;border-bottom-color:#0000;border-bottom-right-radius:0;border-bottom-left-radius:0}.match-actions{gap:8px;margin-top:auto;padding-top:12px;display:flex}.match-actions .btn{font-family:inherit}.match-details{z-index:3;background:var(--panel);border:1px solid var(--orange);border-top:none;border-radius:0 0 6px 6px;padding:16px;animation:.14s ease-out details-in;position:absolute;left:0;right:0;box-shadow:0 18px 40px #0000008c}.details-edge{background:var(--orange);height:1px;position:absolute;top:-1px}.match-details .card{background:var(--panel-2);margin-bottom:12px}.match-details .card:last-of-type{margin-bottom:0}.match-details-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.match-details-foot .note{margin:0}@keyframes details-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.match-actions .btn{flex:1;justify-content:center}.collapsible-head{width:100%;color:inherit;text-align:left;cursor:default;background:0 0;border:none;align-items:center;gap:10px;margin:0;padding:0;display:flex}.collapsible-head h2{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);flex:1;margin:0;font-size:13px;font-weight:700}.collapsible-arrow{color:var(--muted);font-size:11px}.collapsible-body{margin-top:12px}@media (max-width:1023px){.match-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:720px){.wrap{padding:20px 12px 48px}.match-grid{grid-template-columns:1fr}.match-cover img,.match-cover-empty{height:150px}.score-box{min-width:60px;font-size:30px}.collapsible-head{cursor:pointer}.top{align-items:flex-start}}.live-match{border-color:#ff550059}.live-match.urgent{border-color:#ff46558c}.live-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.live-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.live-title h2{color:var(--text);letter-spacing:.6px;margin:0;font-size:14px}.live-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite pulse}.live-map{color:var(--orange);font-size:15px;font-weight:700}.live-number{color:var(--muted);font-size:12px}.live-right{align-items:center;gap:12px;display:flex}.live-score{gap:5px;display:flex}.live-score .score-box{background:var(--panel-2);min-width:42px;text-shadow:none;padding:3px 8px;font-size:20px}.live-score .score-box.own.leading{color:var(--green);border-color:#32d74b73}.live-clock{flex-direction:column;align-items:flex-end;line-height:1.1;display:flex}.live-clock span{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.live-match.urgent .live-clock span{color:var(--red)}.live-clock i{color:var(--muted);font-size:11px;font-style:normal}.live-bar{background:var(--panel-2);border-radius:2px;height:3px;margin-top:12px;overflow:hidden}.live-bar span{background:var(--orange);height:100%;transition:width 1s linear;display:block}.live-match.urgent .live-bar span{background:var(--red)}.live-body{align-items:flex-start;gap:16px;margin-top:14px;display:flex}.live-map-image{object-fit:cover;border-radius:4px;flex-shrink:0;width:220px;height:110px}.live-teams{flex:1;grid-template-columns:1fr 1fr;gap:14px;display:grid}.live-team h3{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:11px;overflow:hidden}.live-team.ours h3{color:var(--orange)}.live-player{color:var(--muted);align-items:center;gap:8px;padding:2px 0;font-size:13px;display:flex}.live-player.ours{color:var(--text);font-weight:700}.live-player img{flex-shrink:0;display:block}@media (max-width:720px){.live-body{flex-direction:column}.live-map-image{width:100%;height:120px}.live-right{justify-content:space-between;width:100%}}.skeleton{vertical-align:middle;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1c 37%,#ffffff0d 63%) 0 0/400% 100%;border-radius:3px;animation:1.4s ease-in-out infinite shimmer;display:inline-block}.skeleton-title{width:140px;height:15px}.skeleton-badge{border-radius:4px;width:96px;height:21px}.skeleton-avatar{border-radius:50%;width:28px;height:28px}.skeleton-nick{width:88px;height:13px}.skeleton-cell{width:26px;height:13px}.skeleton-board .scroll{pointer-events:none}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}