/* Calm spacing and readable game layouts; retain the wood, stone and gold. */
.ui-clash .page{max-width:1480px;padding-left:clamp(12px,2vw,28px);padding-right:clamp(12px,2vw,28px)}
.ui-clash .coc-root{min-width:0}.ui-clash .coc-panel{margin-bottom:18px}.ui-clash .coc-hero{gap:18px}.ui-clash .coc-filter{gap:10px;flex-wrap:wrap}.ui-clash .table-wrap{max-width:100%;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#8c713b #2d2418}.ui-clash .coc-table{font-size:13px}.ui-clash .coc-table thead th{position:sticky;top:0;z-index:1}.ui-clash .coc-table tbody tr:hover{outline:1px solid #e9bc5b36;outline-offset:-1px}.ui-clash :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #ffe39a;outline-offset:3px}.ui-clash .navbar .nav-dd-menu{max-height:75vh;overflow-y:auto}.ui-clash .navbar .nav-dd-menu .nav-link{min-height:38px}.ui-clash .management-page{max-width:1260px}.ui-clash .mg-account-choice{min-width:0}.ui-clash .mg-account-copy{overflow-wrap:anywhere}.ui-clash .heroes-grid,.ui-clash .units-grid{gap:10px}.ui-clash .footer{font-size:12px;line-height:1.8}
@media(max-width:760px){.ui-clash .page{padding:14px 10px 28px}.ui-clash .coc-root{padding:9px;border-radius:11px}.ui-clash .coc-panel{margin-bottom:13px}.ui-clash .coc-filter{align-items:stretch}.ui-clash .coc-filter :is(input,select){max-width:100%;min-height:40px}.ui-clash .grid-2,.ui-clash .grid-3{grid-template-columns:1fr}.ui-clash .coc-table :is(td,th){padding:10px 9px}.ui-clash .heroes-grid,.ui-clash .units-grid{gap:8px}.ui-clash .card-body{padding:16px}.ui-clash .navbar-brand{margin-right:8px}.ui-clash .mg-heading{padding:18px}.ui-clash .table-wrap:focus-visible{outline-offset:1px}}
@media(prefers-reduced-motion:reduce){.ui-clash *{scroll-behavior:auto!important}}