/* ESAForum Theme Editor — arena */
/* BCS Community statistics — Arena trial. Preview only; not published. */
main.container:has(> .fi-hero) > .row { display:grid!important; grid-template-columns:minmax(0,1fr)!important; gap:26px!important; }
main.container:has(> .fi-hero) > .row > .col-main { width:100%!important; max-width:none!important; min-width:0; }
main.container:has(> .fi-hero) > .row > aside.col-side { display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px!important; width:100%!important; max-width:none!important; min-width:0; align-items:stretch; }
main.container:has(> .fi-hero) > .row > aside.col-side::before { content:'03  /  BCS COMMUNITY STATISTIKA'; order:1; grid-column:1/-1; display:flex; align-items:center; min-height:43px; padding:0 18px; border:1px solid #34373f; border-left:3px solid #e7bb52; background:linear-gradient(115deg,#242931,#0d1015 65%); color:#e7bb52; font-family:'Barlow',sans-serif; font-size:15px; font-weight:800; letter-spacing:.13em; box-shadow:inset 0 -2px rgba(226,59,74,.3); }
main.container:has(> .fi-hero) > .row > aside.col-side > .widget { margin:0!important; min-width:0; border:1px solid #30343d!important; border-radius:0!important; background:linear-gradient(150deg,#11151c,#090c11)!important; box-shadow:0 8px 22px rgba(0,0,0,.18)!important; overflow:hidden; opacity:1!important; transform:none!important; }
main.container:has(> .fi-hero) > .row > aside.col-side > .widget > .widget-head { display:flex; align-items:center; gap:8px; min-height:35px; padding:9px 12px!important; border-bottom:1px solid #343841!important; border-left:2px solid #c94954; border-radius:0!important; background:linear-gradient(90deg,#242932,#14181f)!important; color:#dfe3ea!important; font-family:'Barlow',sans-serif; font-size:12px!important; font-weight:800; letter-spacing:.045em; text-transform:uppercase; }
main.container:has(> .fi-hero) > .row > aside.col-side .widget-head::before, main.container:has(> .fi-hero) > .row > aside.col-side .widget-head::after { display:none!important; }
main.container:has(> .fi-hero) > .row > aside.col-side .widget-body { padding:9px 12px!important; }
main.container:has(> .fi-hero) > .row > aside.col-side .rank-row { display:flex; align-items:center; gap:8px; min-width:0; min-height:33px; padding:6px 2px!important; border-bottom:1px solid rgba(255,255,255,.065); font-size:12px; }
main.container:has(> .fi-hero) > .row > aside.col-side .rank-row:last-child { border-bottom:0; }
main.container:has(> .fi-hero) > .row > aside.col-side .rank-row:hover { background-color:rgba(231,187,82,.055); }
main.container:has(> .fi-hero) > .row > aside.col-side .rank-row .rk { flex:0 0 18px; width:18px; height:auto; min-width:0; padding:0; border:0!important; border-radius:0; background:none!important; color:#e46b75; font-size:11px; }
main.container:has(> .fi-hero) > .row > aside.col-side .rank-row .avatar { width:22px!important; height:22px!important; flex:0 0 22px; border-radius:3px!important; }
main.container:has(> .fi-hero) > .row > aside.col-side .rank-row .nm { min-width:0; flex:1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:12px; }
main.container:has(> .fi-hero) > .row > aside.col-side .rank-row .val { margin-left:auto; flex-shrink:0; color:#cbd1dd; font-size:11px; font-variant-numeric:tabular-nums; }
main.container:has(> .fi-hero) > .row > aside.col-side .fi-champion { margin:-9px -12px 4px!important; padding:10px 12px!important; background:rgba(231,187,82,.04); }
main.container:has(> .fi-hero) > .row > aside.col-side .fi-champion img { width:26px!important; height:26px!important; }
main.container:has(> .fi-hero) > .row > aside.col-side .act-item { padding:8px 0!important; gap:8px!important; border-bottom:1px solid rgba(255,255,255,.065); font-size:12px; }
main.container:has(> .fi-hero) > .row > aside.col-side .act-item:last-child { border-bottom:0; }
main.container:has(> .fi-hero) > .row > aside.col-side .ai-txt { min-width:0; font-size:12px; line-height:1.5; }
main.container:has(> .fi-hero) > .row > aside.col-side .ai-time { font-size:10px; color:#8d96a7; }
main.container:has(> .fi-hero) > .row > aside.col-side .ai-ico { flex-shrink:0; width:27px!important; height:27px!important; border-radius:3px; }
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(1) { order:0; grid-column:1/-1; }
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(2) { order:7; }
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(3) { order:8; grid-column:1/-1; }
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(4) { order:3; }
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(5) { order:4; }
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(6) { order:5; }
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(7) { order:6; }
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(8) { order:9; grid-column:1/-1; }
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(9) { order:2; }
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(10) { order:10; grid-column:1/-1; }
main.container:has(> .fi-hero) > .row > aside.col-side .shout-messages { height:240px!important; max-height:240px!important; padding:12px 16px!important; }
main.container:has(> .fi-hero) > .row > aside.col-side .shout-form { padding:10px 12px!important; }
main.container:has(> .fi-hero) > .row > aside.col-side .fi-board-stats { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:0!important; padding:12px!important; }
main.container:has(> .fi-hero) > .row > aside.col-side .fi-bs-item { padding:12px 4px!important; border-bottom:1px solid rgba(255,255,255,.06); text-align:center; }
main.container:has(> .fi-hero) > .row > aside.col-side .fi-bs-val { color:#e7bb52!important; font-size:26px!important; font-weight:800; }
main.container:has(> .fi-hero) > .row > aside.col-side .fi-bs-label { color:#919aaa!important; font-size:10px!important; letter-spacing:.08em; }
main.container:has(> .fi-hero) > .row > aside.col-side .online-strip { display:flex; flex-wrap:wrap; gap:8px; padding:5px 2px; }
main.container:has(> .fi-hero) > .row > aside.col-side .online-strip img { width:32px!important; height:32px!important; border-radius:3px!important; }
main.container:has(> .fi-hero) > .fi-legend { margin-top:14px!important; border:1px solid #30343d!important; border-radius:0!important; background:#0d1117!important; }
main.container:has(> .fi-hero) .fi-legend-head { padding:12px 15px!important; border-bottom:1px solid #30343d; background:linear-gradient(90deg,#20252d,#11151b); }
main.container:has(> .fi-hero) .fi-legend-title { color:#dfe3ea; font-size:12px!important; letter-spacing:.07em; }
main.container:has(> .fi-hero) .fi-legend-grid { display:grid!important; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px 18px!important; padding:14px!important; }
main.container:has(> .fi-hero) .fi-legend-item { min-width:0; border-radius:0!important; padding:7px 4px!important; border:0!important; background:transparent!important; }
main.container:has(> .fi-hero) .fi-legend-name { font-size:12px; overflow-wrap:anywhere; }
@media (max-width:1000px) {
 main.container:has(> .fi-hero) > .row > aside.col-side { grid-template-columns:repeat(2,minmax(0,1fr)); }
 main.container:has(> .fi-hero) .fi-legend-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:640px) {
 main.container:has(> .fi-hero) > .row > aside.col-side { grid-template-columns:minmax(0,1fr); gap:10px!important; }
 main.container:has(> .fi-hero) > .row > aside.col-side::before { font-size:12px; padding:0 12px; letter-spacing:.08em; }
 main.container:has(> .fi-hero) > .row > aside.col-side .rank-row { min-height:42px; }
 main.container:has(> .fi-hero) > .row > aside.col-side .widget-head { min-height:40px!important; }
 main.container:has(> .fi-hero) .fi-legend-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 10px!important; }
 main.container:has(> .fi-hero) .fi-legend-sub { display:block; margin-top:5px; font-size:10px; }
}

/* Chat above forums; metallic amber community panels. */
main.container:has(> .fi-hero) > .row {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}
main.container:has(> .fi-hero) > .row > .col-main {grid-column:1/-1;order:1;}
main.container:has(> .fi-hero) > .row > aside.col-side {display:contents!important;}
main.container:has(> .fi-hero) > .row > aside.col-side::before {order:2;content:'03  /  BCS COMMUNITY STATISTIKA';border-left-color:#ffaf56;box-shadow:inset 0 -2px rgba(255,166,70,.35);color:#ffb768;background:linear-gradient(120deg,#292d35 0%,#14181f 45%,#090c10 100%);clip-path:polygon(10px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 10px);}
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(9) {order:3;}
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(4) {order:4;}
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(5) {order:5;}
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(6) {order:6;}
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(7) {order:7;}
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(2) {order:8;}
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(3) {order:9;}
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(8) {order:10;}
main.container:has(> .fi-hero) > .row > aside.col-side > .widget:nth-child(10) {order:11;}
main.container:has(> .fi-hero) > .row > aside.col-side > .widget {background:linear-gradient(135deg,#111419,#090c10)!important;border-color:#333842!important;}
main.container:has(> .fi-hero) > .row > aside.col-side > .widget > .widget-head {border-left-color:#f6a64e; background:linear-gradient(115deg,#292d35,#14181f 65%)!important;min-height:39px;letter-spacing:.08em;}
main.container:has(> .fi-hero) > .row > aside.col-side .rank-row .rk {color:#ffb768;}
main.container:has(> .fi-hero) > .row > aside.col-side .fi-bs-val {color:#ffb768!important;}
main.container:has(> .fi-hero) > .row > aside.col-side > .shoutbox {border-top:2px solid #eda452!important;margin-bottom:12px!important;}
main.container:has(> .fi-hero) > .row > aside.col-side .shout-messages {height:230px!important;max-height:230px!important;}
@media(max-width:1000px){main.container:has(> .fi-hero) > .row{grid-template-columns:repeat(2,minmax(0,1fr))!important;}}
@media(max-width:640px){main.container:has(> .fi-hero) > .row{grid-template-columns:minmax(0,1fr)!important;gap:10px!important;} main.container:has(> .fi-hero) > .row > aside.col-side .shout-messages{height:210px!important;max-height:210px!important;}}

/* BCS members: compact mobile search */
@media(max-width:700px){main.container form.search-box[action="/members"]{display:flex!important;align-items:center!important;gap:8px!important;height:44px!important;min-height:44px!important;max-height:44px!important;align-self:start!important}main.container form.search-box[action="/members"]>input{flex:1 1 0!important;min-width:0!important;width:0!important;height:44px!important;min-height:44px!important;max-height:44px!important}main.container form.search-box[action="/members"]>button{flex:0 0 44px!important;width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0!important}}