/* One angular competition slate. The art is content; the controls stay on calm charcoal. */
.cmg-shell #workspace .competition-desk{display:block;min-height:0;margin:0 0 28px;padding:0;overflow:visible;border:0;border-radius:0;background:#202020;box-shadow:none;animation:competition-desk-reveal 400ms cubic-bezier(.2,.7,.2,1) both}
.competition-desk::before,.competition-desk::after{display:none!important}
.cmg-shell #workspace .competition-desk>.competition-desk-slate{width:100%;max-width:none}
.cmg-shell #workspace .competition-desk-slate>.competition-desk-identity{display:block;margin-top:0}
.cmg-shell #workspace .competition-desk-slate>.competition-desk-art{display:block;margin-top:0}
.competition-desk-slate{position:relative;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.5fr);min-height:296px;isolation:isolate;background:#181818;overflow:hidden;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
.competition-desk-identity{position:relative;z-index:1;padding:32px 16px 28px 32px;align-self:center;min-width:0}
.competition-desk-brand{display:block;width:140px!important;height:auto!important;max-width:100%;margin:0 0 24px;object-fit:contain}
.competition-desk-caption{display:block;font:500 13px/1.4 var(--sans);color:#b8b8b8;margin-bottom:8px}
.competition-desk h1{font:600 clamp(32px,3.3vw,52px)/1.02 var(--display);letter-spacing:-.5px;margin:0;text-wrap:balance;max-width:460px;color:#f5f5f3}
.competition-desk-game{display:flex;align-items:center;gap:12px;min-height:44px;margin-top:12px;font:500 13px/1.4 var(--sans);color:#b8b8b8;background:none;border:0;padding:0 4px 0 0}
.competition-desk-game>.icon{width:16px;height:16px}
.competition-desk-art{min-width:0;position:relative;grid-column:2;grid-row:1;align-self:stretch;margin-left:-40px;z-index:-1;clip-path:polygon(48px 0,100% 0,100% 100%,0 100%)}
.competition-desk-art img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:62% 40%}
.competition-desk-customize{position:absolute;right:20px;bottom:16px;display:flex;align-items:center;gap:12px;min-height:44px;padding:0 16px;background:#181818;color:#ddd;font-size:12px;border:1px solid #ffffff24;border-radius:0}
.competition-desk-customize>.icon{width:16px;height:16px}
.competition-desk-routes{display:grid;grid-template-columns:repeat(var(--desk-routes),minmax(0,1fr));border-bottom:1px solid #ffffff12}
.competition-desk-route{display:flex;justify-content:space-between;align-items:center;gap:16px;text-align:left;min-width:0;min-height:92px;padding:20px 24px;background:#282828;color:#f5f5f3;border:0;border-right:1px solid #ffffff12;border-radius:0;transition:background-color 160ms ease,color 160ms ease}
.competition-desk-route:last-child{border-right:0}
.competition-desk-route>span{min-width:0;overflow-wrap:anywhere}
.competition-desk h1{overflow-wrap:anywhere}
.competition-desk-route strong{display:block;font:500 22px/1.15 var(--display)}
.competition-desk-route small{display:block;color:#b8b8b8;font:400 13px/1.4 var(--sans);margin-top:8px}
.competition-desk-route>.icon{flex:none;width:20px;height:20px;transition:transform 160ms ease}
.competition-desk-route.is-primary{background:var(--lime);color:#131712}
.competition-desk-route.is-primary small{color:#283322}
.competition-desk-route:hover{background:#353535}
.competition-desk-route.is-primary:hover{background:#b0ffa3}
.competition-desk-route:hover>.icon{transform:translateX(4px)}
.cmg-shell #workspace .competition-desk-party{display:flex;flex-direction:row;align-items:center;gap:32px;padding:20px 32px;min-width:0;background:#202020;border-radius:0}
.competition-desk-party-copy{flex:1;min-width:0}
.competition-desk-party-copy h2{font:500 20px/1.2 var(--display);margin:0 0 8px;color:#eee}
.competition-desk-party-copy p{font:400 13px/1.5 var(--sans);margin:0;color:#b8b8b8}
.cmg-shell #workspace .competition-desk-party .dashboard-party-avatars{width:280px;flex:none;gap:12px;margin:0}
.cmg-shell #workspace .competition-desk-party .dashboard-party-avatars>.dashboard-party-place{gap:8px;min-height:68px;border-radius:0}
.competition-desk-party .dashboard-party-place>.avatar,.competition-desk-party .dashboard-party-open{width:44px;height:44px;font-size:18px}
.competition-desk-matches{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:44px;font-size:12px;color:#b8b8b8;white-space:nowrap}
.competition-desk-matches>.icon{width:16px;height:16px}
.competition-desk button:focus-visible{outline:2px solid #fff;outline-offset:-4px}
.competition-desk button:is(.competition-desk-game,.competition-desk-matches):hover{color:#fff}
@keyframes competition-desk-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.competition-desk-slate{min-height:344px}.competition-desk-identity{padding:40px}.competition-desk-brand{width:168px!important}}
@media(max-width:1000px){.competition-desk-slate{grid-template-columns:minmax(250px,1fr) minmax(0,1.1fr)}.competition-desk-identity{padding:28px 20px}.competition-desk-route{padding:20px 16px;gap:8px}.competition-desk-route strong{font-size:20px}.cmg-shell #workspace .competition-desk-party{gap:20px;padding:20px}.competition-desk-matches{display:none}.cmg-shell #workspace .competition-desk-party .dashboard-party-avatars{width:264px}}
@media(max-width:600px){
 .cmg-shell #workspace .competition-desk{margin-bottom:24px}
 .competition-desk-slate{grid-template-columns:1fr;min-height:0;padding-top:140px;clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
 .competition-desk-art{position:absolute;grid-column:1/-1;grid-row:auto;inset:0 0 auto;height:140px;margin:0;clip-path:none;z-index:0}
 .competition-desk-art img{object-position:62% 38%}
 .competition-desk-identity{padding:20px 20px 12px;align-self:auto}
 .competition-desk-brand{position:absolute;top:-116px;left:0;width:116px!important;padding:12px 16px 16px;background:#181818;box-sizing:content-box;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,0 100%);margin:0}
 .competition-desk-caption{font-size:13px;margin-bottom:8px}
 .competition-desk h1{font-size:32px;max-width:100%;text-wrap:initial}
 .competition-desk-game{margin-top:4px}
 .competition-desk-customize{right:20px;bottom:auto;top:144px;min-height:44px;padding:0;background:none;border:0;font-size:13px;gap:8px}
 .competition-desk-routes{grid-template-columns:repeat(2,minmax(0,1fr))}
 .competition-desk-route{min-height:64px;padding:12px 20px;border-right:0;border-bottom:1px solid #ffffff12}
 .competition-desk-route.is-primary,.competition-desk-route:last-child:nth-child(even){grid-column:1/-1}
 .competition-desk-route:last-child{border-bottom:0}
 .competition-desk-route strong{font-size:20px}
 .competition-desk-route small{margin-top:4px;font-size:13px}
 .cmg-shell #workspace .competition-desk-party{display:block;padding:20px}
 .competition-desk-party-copy{margin-bottom:20px}
 .competition-desk-party-copy h2{font-size:20px}
 .cmg-shell #workspace .competition-desk-party .dashboard-party-avatars{width:100%;gap:8px}
}
@media(max-width:900px){
 .cmg-shell #workspace.is-type-expanded .competition-desk-customize{position:static;grid-column:1/-1;justify-self:start;max-width:calc(100% - 40px);margin:0 20px 16px;white-space:normal}
 .cmg-shell #workspace.is-type-expanded .competition-desk-routes{grid-template-columns:minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){.cmg-shell #workspace .competition-desk{animation:none}.competition-desk-route,.competition-desk-route>.icon{transition:none}.competition-desk-route:hover>.icon{transform:none}}