/* HW_CLAN_LAYOUT_FIT_V1. Geometry only; no season or player-data changes. */
#modePanel:has(.hw-l2-screen),#modePanel:has(.hwc-season-ui){
 min-width:0!important;min-height:0!important;padding:0!important;box-sizing:border-box!important;
}
#modePanel:has(.hw-l2-screen)>.mode-paper,#modePanel:has(.hwc-season-ui)>.mode-paper{
 /* Percentages are relative to the actual game panel, NOT the browser viewport. */
 width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;
 max-width:1680px!important;max-height:950px!important;min-width:0!important;min-height:0!important;
 padding:10px!important;margin:0!important;box-sizing:border-box!important;
 justify-self:center!important;align-self:center!important;transform:none!important;zoom:1!important;
 overflow:hidden!important;container-type:size;container-name:hw-clan-window;
}
#modePanelBody:has(>.hw-l2-screen),#modePanelBody:has(>.hwc-season-ui){
 width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
 margin:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important;
}
#modePanelBody>.hwc-root:is(.hw-l2-screen,.hwc-season-ui){
 width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;
 margin:0!important;padding:0!important;transform:none!important;zoom:1!important;filter:none!important;
 overflow:hidden!important;gap:10px!important;box-sizing:border-box!important;
 container-type:size;container-name:hw-clan-screen;
}
#modePanelBody>.hwc-root.hw-l2-screen{display:grid!important;grid-template-rows:112px minmax(0,1fr)!important}
#modePanelBody>.hwc-root.hwc-season-ui{display:flex!important;flex-direction:column!important}
/* Keep the ONE original button and its pseudo-element. Suppress the transparent
   text's extra layout width introduced by the old season CSS. No new X is drawn. */
#modePanel:has(.hw-l2-screen)>.mode-paper>#modePanelClose,
#modePanel:has(.hwc-season-ui)>.mode-paper>#modePanelClose{
 top:12px!important;right:12px!important;left:auto!important;bottom:auto!important;
 z-index:1000!important;font-size:0!important;flex-shrink:0!important;
}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-header,.hws-top){
 grid-template-columns:minmax(0,.98fr) minmax(0,2.14fr)!important;gap:10px!important;
 min-width:0!important;min-height:0!important;
}
#modePanel .hwc-season-ui .hws-top{flex:0 0 112px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-identity,.hws-identity){padding:9px 12px!important;gap:9px!important;min-width:0!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-clan-crest,.hws-clan-emblem){width:76px!important;height:76px!important;flex-basis:76px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-identity,.hws-identity) h2{font-size:21px!important;line-height:1.12!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-meta,.hws-meta)>span{font-size:12px!important;padding:4px 7px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-road,.hws-road){padding:8px 58px 5px 12px!important;min-width:0!important;position:relative!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-road-caption,.hws-road-title){padding:0!important;margin:0 0 3px!important;gap:10px!important;line-height:1.2!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-road-caption,.hws-road-title)>b{font-size:17px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-road-caption,.hws-road-title)>span{font-size:10px!important}
#modePanel .hw-l2-screen .l2-road-nav{height:78px!important;gap:4px!important}
#modePanel .hw-l2-screen .l2-road-items{height:100%!important;min-width:0!important;overscroll-behavior-x:contain}
#modePanel .hw-l2-screen .l2-road-nav>button{font-size:23px!important;width:24px!important;flex:0 0 24px!important;height:36px!important;padding:0!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-road-step,.hws-road-step){
 flex:1 0 76px!important;min-width:76px!important;height:75px!important;padding:0 3px 3px!important;
}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-road-step,.hws-road-step)>:is(.l2-badge,.hws-badge){width:52px!important;height:55px!important;object-fit:contain!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-road-step,.hws-road-step)>b{font-size:9px!important;padding:3px!important;line-height:1.1!important}
#modePanel .hwc-season-ui .hws-road-track{height:78px!important;min-width:0!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-main,.hws-columns){
 display:grid!important;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr) minmax(0,1.16fr)!important;
 min-height:0!important;min-width:0!important;gap:10px!important;padding-bottom:6px!important;overflow:hidden!important;
}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-panel,.hws-panel){min-height:0!important;min-width:0!important;overflow:hidden!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-tabs,.hws-tabs){flex:0 0 51px!important;height:51px!important;min-height:51px!important;padding:6px 6px 8px!important;gap:6px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-tabs,.hws-tabs) button{height:36px!important;min-height:36px!important;padding:4px 6px!important;font-size:12px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-roster-sub,.hws-roster-meta){font-size:12px!important;padding:9px 10px!important;flex:none!important}
#modePanel .hw-l2-screen .l2-member-wrap{flex:1 1 0!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain}
#modePanel .hwc-season-ui .hws-members{min-height:0!important;overflow:auto!important;overscroll-behavior:contain}
#modePanel .hw-l2-screen .hwc-members{padding:8px!important;min-height:0!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member{
 display:grid!important;grid-template-columns:38px minmax(0,1fr) max-content 34px!important;
 grid-auto-flow:row!important;gap:6px!important;align-items:center!important;min-height:72px!important;height:auto!important;
 padding:9px 7px!important;min-width:0!important;box-sizing:border-box!important;
}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-player-profile-avatar{
 grid-column:1!important;grid-row:1!important;position:static!important;width:36px!important;height:36px!important;min-width:36px!important;
 padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;transform:none!important;
}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-player-profile-avatar>img{width:36px!important;height:36px!important;border-radius:50%!important;object-fit:cover!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-main{
 grid-column:2!important;grid-row:1!important;position:static!important;padding:0!important;min-width:0!important;
 width:100%!important;height:auto!important;max-width:none!important;overflow:hidden!important;text-align:left!important;
 background:none!important;border:0!important;box-shadow:none!important;transform:none!important;
}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-topline{display:flex!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important;min-width:0!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-topline>b{flex:0 1 auto!important;font-size:14px!important;min-width:0!important;max-width:100%!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-presence{font-size:10px!important;line-height:1.2!important;margin-top:3px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-stats{grid-column:3!important;grid-row:1!important;justify-self:end!important;position:static!important;display:flex!important;gap:4px!important;padding:0!important;margin:0!important;width:max-content!important;max-width:none!important;transform:none!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-stat{padding:0!important;gap:3px!important;white-space:nowrap!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-stat b{font-size:12px!important;line-height:1!important;font-variant-numeric:tabular-nums}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-stat img{width:16px!important;height:16px!important;min-width:16px!important;object-fit:contain!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-tools{grid-column:4!important;grid-row:1!important;width:34px!important;min-width:34px!important;justify-self:end!important;position:static!important;padding:0!important;margin:0!important;transform:none!important;flex-direction:column!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-tools button{width:34px!important;min-width:34px!important;height:34px!important;padding:0!important;font-size:18px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-menu{grid-column:1/-1!important;grid-row:auto!important;position:relative!important;inset:auto!important;max-width:100%!important;min-width:0!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-menu button{white-space:normal!important;min-height:32px!important}
#modePanel .hw-l2-screen .l2-roster-foot{padding:8px 9px 11px!important;flex:none!important}
#modePanel .hw-l2-screen .l2-invite-btn,#modePanel .hwc-season-ui .hws-invite{min-height:43px!important;height:43px!important;flex-basis:43px!important;font-size:12px!important}
/* No zoomed-in cover image: fit the existing illustration, keep live labels separate. */
#modePanel .hw-l2-screen .l2-center-content{flex:1 1 0!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain}
#modePanel .hw-l2-screen .l2-battle{
 display:grid!important;grid-template-rows:auto minmax(120px,1fr) auto auto auto!important;
 flex:none!important;height:100%!important;min-height:440px!important;overflow:hidden!important;
}
#modePanel .hwc-season-ui .hws-battle{display:grid!important;grid-template-rows:auto minmax(120px,1fr) auto auto auto!important;min-height:0!important;overflow:auto!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-battle-head,.hws-battle-title){padding:10px 8px 6px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-battle-head,.hws-battle-title) h3{font-size:22px!important;line-height:1.15!important;margin:0 0 6px!important}
#modePanel .hw-l2-screen .l2-battle-head>b{font-size:14px!important}
#modePanel .hw-l2-screen .l2-battle-head p{font-size:11px!important;margin:5px 0 0!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-arena,.hws-arena){
 min-height:0!important;position:relative!important;flex:none!important;height:100%!important;margin:0!important;
 background:linear-gradient(#65b7ee,#a1dcf7 55%,#587e9e)!important;overflow:hidden!important;
}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-arena-art,.hws-arena-art){position:absolute!important;inset:0 0 54px!important;width:100%!important;height:calc(100% - 54px)!important;max-width:100%!important;object-fit:contain!important;object-position:center bottom!important;transform:none!important;mask-image:none!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-arena-badge,.hws-arena-league){top:6px!important;z-index:1!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-arena-badge,.hws-arena-league)>img{width:66px!important;height:69px!important;object-fit:contain!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-match-names,.hws-pair-names){position:absolute!important;top:auto!important;bottom:5px!important;left:0!important;right:0!important;padding:0 10px!important;gap:42px!important;z-index:2!important;background:none!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-match-names,.hws-pair-names)>div{min-height:43px!important;padding:6px 4px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-match-names,.hws-pair-names) strong{font-size:13px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-match-names,.hws-pair-names) small{font-size:10px!important;margin-top:3px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-match-crest,.hws-duel-crest){position:absolute!important;top:-31px!important;left:8px!important;width:33px!important;height:33px!important;min-width:33px!important}
#modePanel .hw-l2-screen .l2-duel-score{padding:5px!important;gap:5px!important;min-height:44px!important;font-size:11px!important}
#modePanel .hw-l2-screen .l2-duel-score>b{font-size:18px!important}
#modePanel .hw-l2-screen .l2-duel-score small{font-size:9px!important;line-height:1.2!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-season-time,.hws-countdown){padding:7px!important;margin:7px 8px 0!important}
#modePanel .hw-l2-screen .l2-season-time>span,#modePanel .hwc-season-ui .hws-countdown>div{font-size:26px!important;line-height:1.15!important;margin-top:3px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-rules-note,.hws-battle-note){font-size:10px!important;line-height:1.35!important;padding:7px!important;margin:7px 8px 9px!important;min-width:0!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-board-head,.hws-board-head){min-height:90px!important;flex:0 0 auto!important;padding:9px 38px 9px 10px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-board-head,.hws-board-head)>img{width:58px!important;height:64px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-board-head,.hws-board-head) h3{font-size:19px!important;margin:0 0 5px!important;line-height:1.1!important}
#modePanel .hw-l2-screen .l2-board-time{padding:4px 7px!important}
#modePanel .hw-l2-screen .l2-board-time>span{font-size:15px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-board-scroll,.hws-board-scroll){flex:1 1 0!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain;padding:0 7px 6px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-zone,.hws-zone){min-height:48px!important;height:auto!important;gap:5px!important;padding:5px 7px!important;margin-top:6px!important;flex-wrap:wrap!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-zone-copy,.hws-zone-copy){flex:1 1 144px!important;min-width:0!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-zone-copy,.hws-zone-copy)>b{font-size:12px!important;line-height:1.15!important;white-space:normal!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-zone-copy,.hws-zone-copy)>small{font-size:9px!important;line-height:1.2!important;margin-top:3px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-zone-reward,.hws-zone-reward){min-width:132px!important;max-width:100%!important;margin-left:auto!important;flex:0 0 auto!important}
#modePanel .hw-l2-screen .l2-currency,#modePanel .hwc-season-ui .hws-reward b{font-size:12px!important}
#modePanel .hw-l2-screen .l2-currency img,#modePanel .hwc-season-ui .hws-reward img{width:19px!important;height:19px!important;object-fit:contain!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-rank-row,.hws-league-row){
 grid-template-columns:23px 34px minmax(0,1fr) 40px minmax(50px,max-content) 33px!important;
 gap:4px!important;min-height:43px!important;padding:4px 6px!important;min-width:0!important;
}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-row-crest,.hws-row-emblem){width:32px!important;height:32px!important;min-width:32px!important;position:relative!important;margin:0!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-rank-name,.hws-row-name)>b{font-size:14px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-rank-name,.hws-row-name)>small{font-size:9px!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-rank-kills,.hws-row-kills){font-size:16px!important;font-variant-numeric:tabular-nums}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-rank-members,.hws-row-members){font-size:11px!important}
#modePanel .hw-l2-screen .l2-board-foot{font-size:9px!important;padding:5px 6px 7px!important;flex:none!important;line-height:1.25!important}
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-center-content,.hws-info-scroll,.hws-rules) input{max-width:100%!important;box-sizing:border-box!important}
#modePanel .hw-l2-screen .l2-rank-row[data-clan-open]{cursor:pointer}
#modePanel .hw-l2-screen .l2-rank-row[data-clan-open]:hover{filter:brightness(1.035)}
#modePanel .hw-l2-screen .l2-rank-row[data-clan-open]:focus-visible{outline:2px solid #378ca9;outline-offset:-2px}
/* Adapt to the actual containing game window, also inside a scaled lobby/iframe. */
@container hw-clan-window (min-height:780px){
 #modePanelBody>.hwc-root.hw-l2-screen{grid-template-rows:120px minmax(0,1fr)!important}
 #modePanel .hwc-season-ui .hws-top{flex-basis:120px!important}
 #modePanel .hw-l2-screen .l2-road-nav{height:86px!important}
}
@container hw-clan-screen (max-height:610px){
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-tabs,.hws-tabs){flex-basis:45px!important;min-height:45px!important;height:45px!important;padding:5px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-tabs,.hws-tabs) button{height:32px!important;min-height:32px!important;font-size:11px!important}
 #modePanel .hw-l2-screen .l2-battle{min-height:404px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-battle-head,.hws-battle-title){padding:7px 6px 3px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-battle-head,.hws-battle-title) h3{font-size:19px!important;margin-bottom:4px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-rules-note,.hws-battle-note){font-size:9px!important;padding:6px!important;margin:5px 7px 7px!important}
 #modePanel .hw-l2-screen .l2-season-time>span,#modePanel .hwc-season-ui .hws-countdown>div{font-size:22px!important}
}
@container hw-clan-screen (max-width:1230px){
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-identity,.hws-identity) h2{font-size:17px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-clan-crest,.hws-clan-emblem){width:58px!important;height:58px!important;flex-basis:58px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-road-caption,.hws-road-title)>span{display:none!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member{grid-template-columns:36px minmax(0,1fr) 34px!important;gap:4px 6px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-player-profile-avatar{grid-row:1/3!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-main{grid-column:2!important;grid-row:1!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-stats{grid-column:2!important;grid-row:2!important;justify-self:end!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) .hwc-member-tools{grid-column:3!important;grid-row:1/3!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-rank-row,.hws-league-row){grid-template-columns:20px 29px minmax(0,1fr) 36px minmax(45px,max-content) 28px!important;gap:3px!important;padding-left:4px!important;padding-right:4px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-row-crest,.hws-row-emblem){width:28px!important;height:28px!important;min-width:28px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-rank-kills,.hws-row-kills){font-size:13px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-rank-name,.hws-row-name)>b{font-size:12px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-rank-name,.hws-row-name)>small{display:none!important}
}
/* On a phone keep usable type and controls instead of shrinking the whole UI. */
@container hw-clan-window (max-width:880px){
 #modePanelBody>.hwc-root:is(.hw-l2-screen,.hwc-season-ui){display:flex!important;flex-direction:column!important;overflow:auto!important;container-type:normal!important;padding:0 2px 8px!important;gap:12px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-header,.hws-top){display:flex!important;flex-direction:column!important;flex:none!important;gap:9px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-identity,.hws-identity){display:flex!important;min-height:95px!important;padding-right:58px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-road,.hws-road){min-height:112px!important;padding-right:12px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-main,.hws-columns){display:flex!important;flex-direction:column!important;flex:none!important;overflow:visible!important;gap:12px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-panel,.hws-panel){flex:none!important;min-height:0!important;max-height:none!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-roster,.hws-roster){height:310px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-center,.hws-center){height:580px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-board,.hws-board){height:620px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-road-caption,.hws-road-title)>span{display:none!important}
 #modePanel .hw-l2-screen .l2-road-nav{height:78px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-identity,.hws-identity) h2{font-size:17px!important}
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-clan-crest,.hws-clan-emblem){width:60px!important;height:60px!important;flex-basis:60px!important}
}
/* Wide, short arena: fill the available width and crop only the empty sky.
   Tall arenas use contain above so side characters are not enlarged/cut off. */
#modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-arena,.hws-arena){container-type:size;container-name:hw-clan-art}
@container hw-clan-art (min-aspect-ratio:1.7){
 #modePanel :is(.hw-l2-screen,.hwc-season-ui) :is(.l2-arena-art,.hws-arena-art){object-fit:cover!important;object-position:center bottom!important}
}
/* Public-clan pages use the same host, not a fresh viewport-sized window. */
#modePanel:has(.hwc-root)>.mode-paper{
 width:calc(100% - 24px)!important;height:calc(100% - 24px)!important;
 max-width:1680px!important;max-height:950px!important;min-width:0!important;min-height:0!important;
 box-sizing:border-box!important;margin:0!important;transform:none!important;
}