/* Clash Arena official source marker: token=ca_public_style_watermark_2026_07 source=matches.css; official=https://clasharena.net; probe=https://clasharena.net/__ca_canary/source/ca_public_style_watermark_2026_07 */
.page-matches{background:#100d09;min-height:100vh}.page-matches main{padding:32px 0 64px}.page-matches .site-header{border-bottom:1px solid var(--line)}
.page-matches #back-link{color:var(--gold-2);font-size:14px;text-underline-offset:4px}
.skip-link{position:absolute;left:16px;top:-60px;background:var(--gold-2);color:#100d09;padding:12px;z-index:10}.skip-link:focus{top:10px}
.page-matches :focus-visible{outline:2px solid var(--gold-2);outline-offset:4px}.page-matches [hidden]{display:none!important}
.feed-heading{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:30px}.feed-heading h1{font-family:"Chakra Petch",sans-serif;font-size:clamp(30px,4vw,46px);letter-spacing:-1.5px;margin:16px 0 6px}.feed-heading p{color:var(--muted);margin:0;max-width:650px;line-height:1.6}
.connection{display:flex;align-items:center;gap:8px;font-size:13px;white-space:nowrap;color:#c7c1b0}.signal{width:7px;height:7px;border-radius:50%;background:#bd9b53}.connection[data-state="live"] .signal{background:#8cdb9f}.connection[data-state="error"] .signal{background:#f3aa8d}
.feed-controls{display:flex;gap:16px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feed-controls label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--muted)}.feed-controls .search-label{flex:1}.feed-controls input,.feed-controls select{background:#211b12;border:1px solid #645334;border-radius:5px;min-height:44px;color:var(--text);font:inherit;font-size:14px;padding:9px 12px;min-width:150px}.feed-controls input{width:100%}.feed-controls input::placeholder{color:#b6aa8b}
.feed-summary{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin:22px 0 10px}.match-row{border-top:1px solid var(--line);padding:22px 0}.match-meta{display:flex;gap:12px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:16px;flex-wrap:wrap}.match-meta a{font-weight:700;color:var(--gold-2);text-decoration:none}.match-meta a:hover{text-decoration:underline}.stage{color:#d9cda8;display:flex;align-items:center;gap:6px}.stage.battle{color:#a7e8b6}.stage.verified{color:var(--gold-2)}.stage.battle:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.match-date{margin-left:auto}
.scoreboard{display:grid;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);gap:24px;align-items:center}.clan{min-width:0}.clan.b{text-align:right}.clan-name{display:block;font-size:clamp(17px,2.2vw,24px);font-weight:700;color:var(--text);text-decoration:none;overflow-wrap:anywhere;line-height:1.3}.clan-name:hover{color:var(--gold-2)}.clan-tag{font-size:12px;color:var(--muted);display:block;margin-top:6px}.score{text-align:center;font-variant-numeric:tabular-nums}.score-main{font-size:32px;font-weight:700;letter-spacing:1px}.score-main .dash{color:#9f8d66;padding:0 14px}.score-sub{font-size:12px;color:var(--muted);margin-top:3px}.score-label{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#c8b990;margin-top:7px}
.match-bottom{margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);line-height:1.6}.latest{color:#e5dac0;overflow-wrap:anywhere}.latest .stars,.attack-result .stars{color:var(--gold-2);letter-spacing:2px}.fresh{animation:attack-in 1s ease-out}.warning{color:#efba9c}.empty{padding:55px 24px;text-align:center;background:#1a150e;border:1px solid var(--line);line-height:1.7;color:var(--muted)}.empty strong{display:block;color:var(--text);font-size:21px;margin-bottom:6px}.feed-note{font-size:12px;line-height:1.7;color:#baa98a;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}
.match-detail .scoreboard{padding:18px 0 30px}.match-detail .score-main{font-size:48px}.detail-status{display:flex;gap:24px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.6}.detail-status span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.attack-heading{display:flex;justify-content:space-between;align-items:baseline;margin:26px 0 10px}.attack-heading h2{font-size:22px;margin:0}.attack-heading small{color:var(--muted)}.attack-list{list-style:none;margin:0;padding:0}.attack-item{display:grid;grid-template-columns:42px 1fr 150px;align-items:center;gap:18px;border-top:1px solid var(--line);padding:18px 0}.attack-order{font-size:12px;color:var(--muted)}.attack-players{font-size:15px;overflow-wrap:anywhere}.attack-players small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.attack-result{text-align:right;font-size:15px;font-variant-numeric:tabular-nums}.attack-result small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@keyframes attack-in{from{background:#4b3b16}to{background:transparent}}@media(prefers-reduced-motion:reduce){.fresh{animation:none}}
@media(max-width:680px){.page-matches main{padding-top:12px}.feed-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}.feed-controls{flex-wrap:wrap;gap:12px}.feed-controls label{flex:1}.feed-controls .search-label{flex-basis:100%}.feed-controls select{min-width:0;width:100%}.scoreboard{grid-template-columns:minmax(0,1fr) 105px minmax(0,1fr);gap:10px}.score-main{font-size:26px}.score-main .dash{padding:0 6px}.score-sub{font-size:10px}.match-detail .score-main{font-size:32px}.match-bottom{align-items:flex-start;flex-direction:column;gap:7px}.match-date{margin-left:0}.attack-item{grid-template-columns:25px 1fr 90px;gap:10px}.attack-players{font-size:13px}.attack-result{font-size:12px}.feed-summary span:last-child{display:none}.site-nav{gap:10px}.detail-status{gap:18px}.clan-name{font-size:16px}.feed-heading h1{letter-spacing:-.6px}.page-matches .site-header{align-items:flex-start}}