/* 前台视觉层：与账号界面共用冷灰表面、CS2 橙和短距离交互。
   只在 site-front 页面启用，后台管理页继续使用原有布局。 */
.site-front{
  --bg:#0c1119;--bg-elev:#1a2431;--bg-elev-2:#263343;--border:#303e50;--border-strong:#42536a;
  --surface-inset:#111a26;--card-top:#253243;--card-bottom:#19232f;--card-hover-top:#2c3c50;
  --panel-face:linear-gradient(155deg,var(--card-top),var(--card-bottom) 78%);
  --panel-shadow:inset 0 1px 0 rgba(218,230,247,.055),0 10px 24px -16px rgba(0,0,0,.85);
  --text:#f3f5f7;--text-dim:#a7b0bd;--text-faint:#99a6b7;--orange:#f5a623;--orange-hi:#ffc04d;
  --win:#85d9a4;--live:#ff9991;--wait:#a7b0bd;--sidebar-w:248px;--content-max:1600px;
  --radius:14px;--radius-sm:9px;--ui-ease:cubic-bezier(.16,1,.3,1);
  background:var(--bg);color:var(--text);color-scheme:dark;
}
.site-front ::selection{background:#f5a623;color:#17120b}
.site-front :is(button,input,select){font-family:inherit}
.site-front :is(button,a,[role="button"],input,select):focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.site-front :is(button,a,[role="button"]){-webkit-tap-highlight-color:transparent}
.site-front button:disabled{cursor:default;opacity:.55;transform:none;box-shadow:none}
.site-front .bg{background:radial-gradient(ellipse at 18% 0%,rgba(166,107,42,.16),transparent 48%),radial-gradient(ellipse at 94% 18%,rgba(46,88,134,.23),transparent 55%),linear-gradient(180deg,#151b25,#0c1119 70%)}
.site-front .bg::after,.site-front .bg-grain,.site-front .tournament-head::before{display:none}
.site-front .app{max-width:none;margin:0;align-content:start}
.site-front .sidebar{background:linear-gradient(180deg,rgba(15,21,30,.74),rgba(15,21,30,.5));padding:32px 20px;border-right:1px solid rgba(164,184,214,.1)}
.site-front .brand{display:flex;align-items:center;gap:12px;padding:0 0 26px;border-bottom:1px solid var(--border)}
.site-front .brand__logo{width:42px;height:42px;flex:none;border-radius:9px}
.site-front .brand__name{font-size:22px;font-weight:600;letter-spacing:.025em;line-height:1.1;color:var(--orange)}
.site-front .brand__for{display:block;margin-top:4px;font-size:16px;letter-spacing:.04em;color:var(--text);background:none;-webkit-text-fill-color:currentColor}
.site-front .brand__sub{font-size:12px;letter-spacing:0;margin-top:9px;color:var(--text-dim)}
.site-front .side-section{margin-top:28px}
.site-front .side-section__title{font-weight:500;letter-spacing:0;color:var(--text-dim);padding:0 12px 12px}
.site-front .tournament-list{gap:8px}
.site-front .tournament-item{position:relative;padding:15px 14px;min-height:48px;border:1px solid transparent;border-radius:10px;background:transparent;box-shadow:none;animation:none;transition:background .2s,border-color .2s,color .2s,transform .2s var(--ui-ease)}
.site-front .tournament-item.is-active{background:linear-gradient(145deg,#513719,#32271d);border-color:#a1773a;box-shadow:inset 0 1px 0 #d3a55a22;animation:none;color:#ffd48a}
.site-front .tournament-item__name{font-size:14px;line-height:1.6;font-weight:600}
.site-front .tournament-item__sub{color:var(--text-dim);font-size:12px;line-height:1.6;margin-top:5px}
.site-front .main{width:100%;max-width:var(--content-max);padding:40px 40px 72px}
.site-front .quicklinks{position:absolute;right:max(32px,calc(100vw - var(--sidebar-w) - var(--content-max) + 40px));top:30px;flex-direction:row;gap:8px;z-index:5}
.site-front .ql{padding:6px 12px 6px 6px;min-height:44px;max-width:none;border:0;border-radius:10px;background:var(--bg-elev);box-shadow:none;color:#bbc5d2;transition:background .2s,color .2s,transform .2s var(--ui-ease)}
.site-front .ql__icon{width:30px;height:30px;border-radius:8px}
.site-front .ql__text{font-size:12px;color:inherit}
.site-front .tournament-head{min-height:90px;margin:0 0 25px;padding:0 280px 0 0;border:0;animation:frontHeading .45s var(--ui-ease) backwards}
.site-front .tournament-head__name{font-size:clamp(26px,2.4vw,36px);line-height:1.35;letter-spacing:-.02em;font-weight:600;text-wrap:balance}
.site-front .tournament-head__sub{font-size:14px;line-height:1.7;margin-top:10px;color:var(--text-dim)}
.site-front .tabs{position:relative;display:flex;align-items:center;gap:6px;padding:6px;margin-bottom:28px;border:0;border-radius:12px;background:var(--surface-inset);isolation:isolate}
.site-front .tabs .tab{position:relative;z-index:1;flex:none;min-height:44px;padding:10px 20px;border:0;border-radius:8px;background:transparent;box-shadow:none;font-size:15px;line-height:24px;font-weight:600;color:#a7b0bd;animation:none;transform:none;transition:color .18s,background .18s}
.site-front .tabs .tab.is-active{color:#241706;background:transparent;border:0;box-shadow:none}
.site-front .tabs__indicator{position:absolute;z-index:0;top:6px;height:44px;border-radius:8px;background:linear-gradient(180deg,#ffc45d,#f5a623);box-shadow:inset 0 1px 0 #ffe0a188,0 7px 16px -12px #b9812c;pointer-events:none;transform-origin:left center}
.site-front .tabs .tab--locked{color:#99a6b7}
.site-front .tab__lock{background:#99a6b7}
.site-front .tab.is-denied{animation:lockedNudge .25s ease}
.site-front .panel{background:none}
.site-front .panel__head{margin-bottom:20px;gap:10px;animation:none}
.site-front .panel__title{font-size:17px;font-weight:600}
.site-front .panel__meta{font-size:13px;color:var(--text-dim)}
.site-front .view{animation:frontView .28s var(--ui-ease) backwards}
.site-front .stage{margin-bottom:30px}
.site-front .stage__head{border:0;border-bottom:1px solid var(--border);border-radius:0;padding:12px 2px 16px;gap:10px;background:none;box-shadow:none;animation:none;transition:color .2s}
.site-front .stage__title{font-size:20px;letter-spacing:0;font-weight:600}
.site-front .stage__format{border:1px solid #876231;border-radius:5px;background:#3b2d1e;padding:2px 7px;color:#ffc875;font-size:12px}
.site-front :is(.stage__chevron,.team-card__chevron){display:block;width:16px;height:16px;font-size:0;transition:transform .3s var(--ui-ease),color .2s}
.site-front :is(.stage__chevron,.team-card__chevron)::before{content:"";display:block;width:7px;height:7px;margin:3px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg)}
.site-front .stage__body{transition:grid-template-rows .34s var(--ui-ease),opacity .22s}
.site-front .day-group{margin-bottom:24px;animation:none}
.site-front .day-group__head{padding:2px 2px 12px;border:0;background:none;box-shadow:none;gap:9px;min-height:38px;flex-wrap:wrap}
.site-front .day-group__date{font-size:15px;font-weight:600}
.site-front .day-group__meta{flex:initial;margin-left:auto;color:var(--text-dim);font-size:12px}
.site-front .day-group__badge--today{background:#e9aa43;color:#271b0d;padding:2px 8px;border-radius:5px;font-size:12px}
.site-front .day-group__badge--today::before{display:none}
.site-front .match-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.site-front .match-card{display:flex;flex-direction:column;align-items:stretch;gap:16px;padding:20px;min-height:208px;border:1px solid rgba(162,187,221,.12);border-radius:14px;background:var(--panel-face);box-shadow:var(--panel-shadow);animation:frontRow .3s var(--ui-ease) backwards;animation-delay:calc(min(var(--i,0),4)*30ms);transition:background .2s,border-color .2s,box-shadow .25s,transform .25s var(--ui-ease)}
.site-front .match-card{position:relative;isolation:isolate}
.site-front .match-card::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:linear-gradient(155deg,var(--card-hover-top),var(--card-bottom) 85%);opacity:0;pointer-events:none;transition:opacity .25s var(--ui-ease)}
.site-front .match-card__top{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
.site-front .match-card__group{margin:0;border:0;background:none;padding:0 7px;font-size:12px;color:var(--text-dim);font-weight:500}
.site-front .status{border:0;padding:4px 9px;border-radius:6px;font-size:12px;font-weight:500;letter-spacing:0}
.site-front .status--finished{color:#9be2b7;background:#20382d}
.site-front .status--scheduled{color:#b4becc;background:#28313d}
.site-front .status--live{color:#ffaaa3;background:#402a2c}
.site-front .match-card__body{flex:1;width:100%;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);gap:12px}
.site-front .team-side{gap:10px;min-width:0;flex-wrap:wrap}
.site-front .team{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:15px;line-height:1.5;flex:1;min-width:50px}
.site-front .team-side--b .team{text-align:right}
.site-front .match-card .team-side{flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px}
.site-front .match-card .team-side .team{flex:initial;min-width:0;width:100%;text-align:center;font-size:14px;line-height:1.5}
.site-front .match-card .team-side .team__logo{order:-1}
.site-front .team__full{display:inline}.site-front .team__short{display:none}
.site-front .team__logo{width:42px;height:42px;background:#27313e;box-shadow:none;transition:transform .25s var(--ui-ease)}
.site-front .team-side__forfeit{border:0;padding:1px 6px;font-size:11px;color:#a7b0bd;order:2}
.site-front .match-card__score{font-size:30px;line-height:1.1;font-weight:600;gap:9px;letter-spacing:0}
.site-front .match-card__score .score-sep{font-size:19px;color:#7f8d9f}
.site-front .match-card__score--decision{font-size:20px;color:#b4becc;line-height:1.5}
.site-front .match-card__center{gap:10px}
.site-front .match-card__maps{gap:4px;font-size:12px;line-height:1.5}
.site-front .match-card__map{padding:0;border:0;background:none;border-radius:0;color:#a7b0bd}
.site-front .match-card__map--live{color:#ffc04d}
.site-front .match-card__foot{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border:0;border-top:1px solid rgba(173,196,226,.12)}
.site-front .match-card__time{font:600 18px/1.3 var(--font-display);color:#c6d0dc}
.site-front .match-card__link{margin:0;font-size:12px;font-weight:500;color:#e8b15a;text-shadow:none;transition:transform .2s var(--ui-ease),color .18s}
.site-front .match-card__link:not(.match-card__link--muted){padding:5px 10px;border-radius:6px;border:1px solid #aa763c88;background:#5b3e202f;color:#ffc875}
.site-front .match-card__link--muted{color:#a7b0bd}
.site-front .series-bar{min-width:9px;width:9px;height:4px;box-shadow:none;background:#475464}
.site-front .series-bar.is-on{background:#85d9a4}
.site-front .series-bars{gap:3px}
.site-front .match-card__scoreline{gap:6px}
.site-front .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.site-front .team-card{border:1px solid rgba(162,187,221,.12);border-radius:14px;background:var(--panel-face);box-shadow:var(--panel-shadow);animation:frontRow .32s var(--ui-ease) backwards;animation-delay:calc(min(var(--i,0),4)*30ms);transition:border-color .2s,background .2s,box-shadow .25s,transform .25s var(--ui-ease)}
.site-front .team-card__head{min-height:92px;padding:19px 22px;gap:15px;background:none}
.site-front .team-card__head .team__logo{width:52px;height:52px;box-shadow:none}
.site-front .team-card__name{min-width:0;font-size:18px;line-height:1.45;font-weight:600;overflow-wrap:anywhere}
.site-front .team-card__rank{font-size:13px;background:#4c371f;border:1px solid #9a743c77;border-radius:6px;padding:4px 9px;color:#ffd18a}
.site-front .team-card--finalized .team-card__rank{background:#204a3d;border-color:#55897688;color:#a0efc9}
.site-front .team-card__rank:empty{display:none}
.site-front .team-card--expanded{border-color:#46515f;background:#19222d;box-shadow:0 12px 30px -22px #000}
.site-front .team-card__body{transition:grid-template-rows .34s var(--ui-ease),opacity .22s}
.site-front .roster{display:grid;grid-template-columns:minmax(0,1fr);margin:0 22px;padding:8px 0 13px}
.site-front .roster__row{padding:10px 4px;margin:0;border-color:#2b3642;border-radius:0}
.site-front .roster__star{animation:none;text-shadow:none}
.site-front .roster__rating{font:600 16px/1.5 var(--font-display);border-radius:5px}
.site-front .stat-nav{gap:6px;margin-bottom:22px;padding:4px 0 9px;border:0}
.site-front .stat-nav__item{min-height:42px;padding:9px 15px;border:1px solid transparent;border-radius:8px;background:var(--bg-elev);color:#b4becc;font-size:14px;line-height:22px;transition:background .18s,color .18s,border-color .18s,transform .18s var(--ui-ease)}
.site-front .stat-nav__item.is-active{background:#30271b;border-color:#625035;color:#ffc04d;box-shadow:none}
.site-front .stat-scroll{border-radius:14px;background:var(--bg-elev);scrollbar-color:#475464 #111821;scrollbar-width:thin}
.site-front .stat-scroll.has-overflow-right{mask-image:linear-gradient(to right,#000 calc(100% - 24px),transparent)}
.site-front .stat-scroll.has-overflow-left{mask-image:linear-gradient(to left,#000 calc(100% - 24px),transparent)}
.site-front .stat-scroll.has-overflow-left.has-overflow-right{mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.site-front .stat-table{background:var(--bg-elev);border:0;border-radius:0;box-shadow:none;font-family:var(--font)}
.site-front .stat-table :is(th,td){padding:15px 18px;font-size:14px;letter-spacing:0}
.site-front .stat-table thead th{background:var(--bg-elev-2);color:#b4becc;border-bottom:1px solid #34404e;font-size:12px;font-weight:500}
.site-front .stat-table tbody tr{animation:none;border-color:#293440;transition:background .18s}
.site-front .stat-table tbody tr:hover{box-shadow:none;background:#202b37}
.site-front .stat-table td.stat-bar-cell::before{background:#26374a;top:9px;bottom:9px;border-radius:4px;opacity:.7}
.site-front .stat-table .stat-group__label{background:var(--bg-elev-2);padding-block:14px}
.site-front .stat-area{animation:frontView .22s var(--ui-ease)}
.site-front .back-btn{min-height:44px;padding:9px 15px;margin-bottom:24px;background:var(--bg-elev);border:1px solid #34404e;border-radius:9px;color:#bdc7d4;box-shadow:none;transition:color .2s,background .2s,transform .2s var(--ui-ease)}
.site-front .detail-head{border:1px solid rgba(162,187,221,.12);padding:28px 32px;border-radius:16px;background:var(--panel-face);box-shadow:var(--panel-shadow);margin-bottom:24px}
.site-front .detail-head__matchup{gap:24px;margin-top:22px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}
.site-front .detail-head__team{font-size:24px;line-height:1.5;font-weight:600;overflow-wrap:anywhere;white-space:normal;overflow:visible;text-overflow:clip}
.site-front .detail-head__matchup .match-card__score{font-size:44px;min-width:110px}
.site-front .empty-state{padding:48px 24px;border:0;background:var(--bg-elev);border-radius:14px;color:#a7b0bd;font-size:14px;line-height:1.9}
.site-front .scrim-login{padding:28px;border:1px solid rgba(162,187,221,.12);border-radius:14px;background:var(--panel-face);box-shadow:var(--panel-shadow);max-width:600px}
.site-front .scrim-login__badge{border:0;border-radius:10px;background:#30271b;color:#ffc04d}
.site-front :is(.scrim-code,.scrim-time){min-height:50px;border:1px solid #34404e;border-radius:9px;background:var(--surface-inset);padding:12px 14px;color:#f3f5f7;caret-color:#f5a623;font-size:16px;transition:border-color .18s,background .18s}
.site-front :is(.scrim-code,.scrim-time):focus{border-color:#f5a623;background:#19202a;box-shadow:none}
.site-front :is(.scrim-code,.scrim-time):focus-visible{outline:none}
.site-front .scrim-btn{min-height:46px;border:0;border-radius:9px;padding:12px 20px;color:#231706;background:linear-gradient(180deg,#ffbd49,#f5a623);font-size:14px;font-weight:600;box-shadow:0 5px 14px -9px #ad7826;transition:filter .18s,transform .18s var(--ui-ease),box-shadow .2s}
.site-front .scrim-btn--ghost{background:var(--bg-elev-2);color:#c4cdd9;border:1px solid #46515f;box-shadow:none}
.site-front .scrim-zone{border:0;border-radius:0 0 14px 14px;background:var(--bg-elev);padding:18px 22px}
.site-front .scrim-error{border:0;border-radius:8px;background:#332024;color:#ffaaa3;padding:12px 14px}
.site-front .scrim-me{border:0;border-radius:14px;background:var(--bg-elev);padding:20px}
.site-front .modal{background:rgba(5,9,15,.76);backdrop-filter:blur(5px)}
.site-front .modal__box{padding:28px;border:0;border-radius:16px;background:var(--bg-elev);box-shadow:0 24px 80px -18px #000;animation:frontRow .28s var(--ui-ease)}
.site-front .toast{border:0;border-radius:10px;background:#27313e;color:#f3f5f7;box-shadow:0 12px 32px -14px #000}
.site-front .swiss-toolbar{gap:10px;margin-bottom:20px}
.site-front .swiss-toolbar :is(button,select){min-height:44px;padding:10px 14px;border:1px solid #34404e;border-radius:9px;background:var(--bg-elev);font-size:13px;transition:background .18s,border-color .18s,transform .18s var(--ui-ease)}
.site-front .swiss-toolbar h2{font-size:17px}
.site-front .swiss-notice{font-size:13px;color:#a7b0bd}
.site-front .swiss-scroll{border-radius:14px;background:var(--surface-inset);padding:16px 12px;scrollbar-width:thin;scrollbar-color:#475464 #111821;overscroll-behavior-x:contain}
.site-front .swiss-board{background:var(--surface-inset);gap:24px;padding:8px;}
.site-front .swiss-round{font-size:18px;color:#bdc7d4;margin-bottom:20px}
.site-front .swiss-group{border:1px solid #34404e;border-radius:12px;background:var(--bg-elev)}
.site-front .swiss-group-head{padding:12px 14px;background:var(--bg-elev-2);border-color:#34404e;color:#ffc04d}
.site-front .swiss-qualified .swiss-group-head{color:#9be2b7;background:#20382d}
.site-front .swiss-eliminated .swiss-group-head{color:#ffaaa3;background:#402a2c}
.site-front .swiss-match{margin:8px;width:calc(100% - 16px);padding:10px 7px;border:1px solid transparent;border-radius:8px;background:var(--surface-inset);transition:background .18s,border-color .18s,transform .18s var(--ui-ease)}
.site-front .swiss-time{font-size:12px;color:#a7b0bd;margin-bottom:5px}
.site-front .swiss-name{font-size:12px;line-height:17px;min-height:34px}
.site-front .swiss-logo{border-radius:50%;overflow:hidden;background:#26323f}
.site-front .swiss-score{font-size:24px;gap:5px}
.site-front .swiss-score--decision{font-size:16px;gap:3px}
.site-front .swiss-score--decision span{max-width:none}
.site-front .swiss-result{min-height:56px;padding:9px 14px;color:#c6d0dd}
.site-front .swiss-waiting{border:0;margin:8px;border-radius:8px;background:var(--surface-inset)}
.site-front :is(.day-group,.stage__head,.panel__head,.stat-table tbody tr){animation:none}
.site-front #tabPanel:empty::before,.site-front #tabPanel:empty::after{border:0;background-color:#161d27;border-radius:14px}
@keyframes frontHeading{from{opacity:.5;transform:translateY(-5px)}to{opacity:1;transform:none}}
@keyframes frontView{from{opacity:.45;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes frontRow{from{opacity:.5;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes lockedNudge{25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}
@media(hover:hover){
  .site-front .tournament-item:hover{background:var(--bg-elev-2);box-shadow:none;border-color:#46515f;transform:translateX(2px)}
  .site-front .tournament-item.is-active:hover{background:linear-gradient(145deg,#61411d,#3b2d20);border-color:#c69750}
  .site-front .ql:hover{transform:translateY(-2px);background:var(--bg-elev-2);color:#f3f5f7;box-shadow:none}
  .site-front .tabs .tab:hover{color:#f3f5f7;background:#ffffff06;transform:none}
  .site-front .tabs .tab.is-active:hover{color:#241706;background:transparent}
  .site-front .stage__head:hover{background:none;color:#ffc04d;box-shadow:none}
  .site-front .match-card:hover{border-color:#617089;transform:translateY(-3px);box-shadow:inset 0 1px 0 rgba(218,230,247,.1),0 18px 32px -18px #000}
  .site-front .match-card:hover::before{opacity:1}
  .site-front .match-card:hover .team__logo{transform:scale(1.035);box-shadow:none}
  .site-front .match-card:hover .match-card__score{transform:none}
  .site-front .match-card--clickable:hover .match-card__link{color:#ffd48a;transform:translateX(3px);text-shadow:none}
  .site-front .team-card:hover{transform:translateY(-2px);border-color:#46515f;box-shadow:0 14px 30px -20px #000}
  .site-front .team-card__head:hover{background:var(--bg-elev-2)66}
  .site-front .team-card:hover .team__logo{transform:scale(1.035);box-shadow:none}
  .site-front .team-card:hover .team-card__rank{background:#604221;color:#ffe0a3;border-color:#c69750}
  .site-front .team-card--finalized:hover .team-card__rank{background:#285b49;border-color:#6bac8f;color:#b7f4d5}
  .site-front :is(.back-btn,.stat-nav__item):hover{background:#27313e;border-color:#536172;box-shadow:none;transform:translateY(-1px);color:#f3f5f7}
  .site-front .stat-nav__item.is-active:hover{background:#3b2f20;color:#ffd48a}
  .site-front .scrim-btn:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 9px 21px -12px #ad7826}
  .site-front .scrim-btn--ghost:not(:disabled):hover{background:#27313e;color:#f3f5f7}
  .site-front .swiss-toolbar button:not(:disabled):hover{background:#27313e;border-color:#80643a;transform:translateY(-1px)}
  .site-front button.swiss-match:hover{background:var(--bg-elev-2);border-color:#80643a;transform:translateY(-1px)}
}
.site-front :is(.tournament-item,.ql,.match-card,.scrim-btn,.back-btn,.stat-nav__item,button.swiss-match):not(:disabled):active{transform:scale(.985);transition-duration:.08s}
.site-front .tournament-head.is-hidden,.site-front .tabs.is-hidden{display:none}
@media(max-width:1150px){.site-front .main{padding:32px 24px 64px}.site-front .tournament-head{padding-right:105px}.site-front .ql__text{display:none}.site-front .ql{padding:6px}.site-front .quicklinks{right:24px;top:32px}.site-front .match-card{gap:14px;padding:18px 14px}.site-front .match-card__body{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);gap:8px}.site-front .team-card__head{padding:18px;gap:12px}.site-front .team-card__name{font-size:16px}}
@media(max-width:900px){
  .site-front .sidebar{height:auto;padding:20px 20px 14px;border-right:0;background:#10161f}
  .site-front .brand{padding:0 106px 0 0;border:0;gap:10px}
  .site-front .brand__logo{width:36px;height:36px;border-radius:7px}
  .site-front .brand__name{font-size:19px}.site-front .brand__for{display:inline;font-size:15px;margin-left:4px}.site-front .brand__sub{font-size:12px;margin-top:4px}
  .site-front .side-section{margin-top:17px}.site-front .side-section__title{display:none}
  .site-front .tournament-list{gap:8px}.site-front .tournament-item{padding:9px 12px;min-height:40px;border:1px solid transparent;border-radius:8px}
  .site-front .tournament-item.is-active{border-color:#a1773a}.site-front .tournament-item__sub{display:none}
  .site-front .quicklinks{position:absolute;right:18px;top:20px;flex-direction:row;gap:7px}.site-front .ql{border:0}
  .site-front .main{padding:27px 20px 60px;max-width:none}
  .site-front .tournament-head{min-height:0;padding:0;margin-bottom:23px}
  .site-front .tournament-head__name{font-size:28px}.site-front .tournament-head__sub{margin-top:7px;font-size:13px}
  .site-front .tabs{margin-bottom:24px;gap:2px}.site-front .tabs .tab{padding-inline:16px;font-size:14px}
  .site-front .team-grid{gap:12px}.site-front .team-card__head .team__logo{width:44px;height:44px}
}
@media(max-width:620px){
  .site-front .match-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .site-front .sidebar{padding:18px 16px 13px}.site-front .brand__name{font-size:17px}.site-front .brand__for{display:block;font-size:13px;margin:3px 0 0}.site-front .brand__sub{display:none}
  .site-front .quicklinks{top:15px;right:14px}.site-front .tournament-item__name{font-size:13px}
  .site-front .main{padding:24px 14px 48px}.site-front .tournament-head__name{font-size:25px}.site-front .tournament-head{margin-bottom:20px}
  .site-front .tabs{margin-inline:-1px;padding:5px;gap:2px}.site-front .tabs .tab{min-height:42px;padding:9px 14px;font-size:14px}.site-front .tabs__indicator{top:5px;height:42px}
  .site-front .panel__head{margin-bottom:16px}.site-front .stage__head{padding:8px 2px 14px;margin-bottom:16px}.site-front .stage__title{font-size:18px}
  .site-front .day-group__head{padding-bottom:10px;gap:7px}.site-front .day-group__date{font-size:14px}.site-front .day-group__meta{font-size:12px;flex:initial;margin-left:auto}
  .site-front .match-card{display:flex;gap:17px;padding:16px;min-height:0;border-radius:13px}
  .site-front .match-card__top{flex-direction:row;justify-content:space-between;align-items:center;width:100%}
  .site-front .match-card__group{margin-left:auto;padding:0}
  .site-front .match-card__body{width:100%;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:8px;align-items:center}
  .site-front .team-side{flex-direction:column;flex-wrap:nowrap;gap:8px;align-items:center;justify-content:flex-start}
  .site-front .team-side .team{flex:initial;font-size:13px;line-height:1.5;width:100%;text-align:center;min-width:0}
  .site-front .team-side .team__logo{width:38px;height:38px;order:-1}
  .site-front .match-card__score{font-size:30px}.site-front .match-card__center{gap:9px}
  .site-front .match-card__maps{font-size:11px;gap:2px 4px}.site-front .match-card__maps-sep{display:none}
  .site-front .match-card__foot{flex-direction:row;justify-content:space-between;width:100%;padding-top:12px;border-top:1px solid #2b3642;align-items:center;gap:12px}
  .site-front .match-card__time{font-size:16px}.site-front .match-card__link{font-size:12px}
  .site-front .team-grid{grid-template-columns:1fr}.site-front .team-card__head{min-height:90px;padding:18px;gap:13px}.site-front .team-card__name{font-size:17px}
  .site-front .roster{grid-template-columns:1fr;gap:0;margin-inline:18px}
  .site-front .detail-head{padding:22px 18px}.site-front .detail-head__matchup{gap:12px;margin-top:20px}
  .site-front .detail-head__team{font-size:17px}.site-front .detail-head__matchup .match-card__score{font-size:34px;min-width:76px}
  .site-front .match-card__score--decision,.site-front .detail-head__matchup .match-card__score--decision{font-size:18px}
  .site-front .stat-table :is(th,td){padding:13px 12px;font-size:13px}.site-front .stat-table thead th{font-size:12px}
  .site-front .stat-nav__item{padding:9px 13px;font-size:13px}
  .site-front .scrim-login{padding:24px 20px}.site-front .scrim-login__form{flex-wrap:wrap}.site-front .scrim-code{min-width:0;flex:1 1 180px}.site-front .scrim-login__form .scrim-btn{flex:1 1 90px}
  .site-front .swiss-scroll{padding:12px 8px}.site-front .swiss-toolbar{gap:8px}.site-front .swiss-toolbar :is(button,select){padding:9px 12px;font-size:12px}.site-front .swiss-notice:empty{display:none}
}
@media(hover:none){.site-front :is(.match-card,.team-card):hover{transform:none;box-shadow:var(--panel-shadow)}.site-front :is(.tournament-item,.ql):hover{transform:none;box-shadow:none}.site-front .match-card:hover .team__logo,.site-front .match-card:hover .match-card__score,.site-front .team-card:hover .team__logo{transform:none;box-shadow:none}.site-front .match-card:hover .match-card__link{text-shadow:none}}
@media(prefers-reduced-motion:reduce){.site-front *,.site-front *::before,.site-front *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}