/* Public site design system. Scope excludes the battle/selection canvas. */
/* Match the original warm gray; avoid nested dark plates in balance updates. */
html:not([data-site-appearance="sun"]) .home-adventure-sidebars #content :is(.ba-balance-skill-card,.ba-balance-summary-chips){
 background:#342d26;border-left:1px solid #a8804960;box-shadow:none;
}
:root{--site-panel:#3c332a;--site-field:#30281f;--site-text:#eee4d4;--site-muted:#c4b59f;--site-line:#92764e;--site-gold:#e9ad54;--site-danger:#e6a08c;--site-grain:none}
html[data-site-appearance="sun"]{--site-panel:#ecd7b1;--site-field:#f3e3c5;--site-text:#503d2c;--site-muted:#735d40;--site-line:#ae8a54;--site-gold:#e8b35d;--site-danger:#974730;--site-grain:url('/ui/parchment-grain.svg')}
.ba-site-feedback{position:fixed;bottom:20px;right:20px;z-index:10000;width:min(420px,calc(100vw - 32px));display:grid;gap:8px;pointer-events:none}
.ba-site-feedback-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--site-panel) var(--site-grain);color:var(--site-text);border:1px solid var(--site-line);border-left:3px solid var(--site-gold);box-shadow:0 8px 24px #0004;font:400 13px/1.6 'Noto Sans',sans-serif;pointer-events:auto}
.ba-site-feedback-item span{min-width:0;overflow-wrap:anywhere;white-space:pre-line}
.ba-site-feedback-item button{flex-shrink:0;margin-left:auto;width:32px;height:32px;cursor:pointer;background:var(--site-field);color:var(--site-text);border:1px solid var(--site-line);font-size:20px}
.ba-site-feedback-item button:focus-visible{outline:2px solid var(--site-gold);outline-offset:3px}
html .home-adventure-sidebars #content{color:var(--site-text)}
html .home-adventure-sidebars #content :is(.change-avatar-panel,.avatar-change-box,.ba-register-panel,.ba-profile-panel,.ba-buddy-card,.ba-clan-tool,.ba-manual-card,.ba-roster-card,.ba-hof-board){
 color:var(--site-text);background-color:var(--site-panel);border-color:var(--site-line);min-width:0;box-sizing:border-box;
}
html[data-site-appearance="sun"] .home-adventure-sidebars #content :is(.change-avatar-panel,.ba-register-panel,.ba-profile-panel,.ba-buddy-card,.ba-clan-tool,.ba-manual-card,.ba-roster-card,.ba-hof-board){background-image:var(--site-grain);border-image:url('/ui/parchment-torn-frame.svg') 8 / 1.6}
html .home-adventure-sidebars #content :is(.change-avatar-help,.ba-clan-field-hint){color:var(--site-muted);line-height:1.6}
html .home-adventure-sidebars #content :is(.error,.success,.ba-register-message):not(:empty){display:block;box-sizing:border-box;padding:10px 12px;margin:12px 0;background:var(--site-field);border:1px solid var(--site-line);line-height:1.6;overflow-wrap:anywhere}
html .home-adventure-sidebars #content .error{color:var(--site-danger);border-left:3px solid var(--site-danger)}
html .home-adventure-sidebars #content .success{color:var(--site-text);border-left:3px solid #829464}
html .home-adventure-sidebars #content :is(.ba-register-field,.avatar-form) label{display:block;margin-bottom:6px;color:var(--site-text);font-weight:600}
html .home-adventure-sidebars #content :is(.ba-register-field,.avatar-form) :is(input:not([type=checkbox]):not([type=radio]),textarea,select){box-sizing:border-box;width:100%;max-width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--site-line);background:var(--site-field);color:var(--site-text);font:400 13px/1.5 'Noto Sans',sans-serif;box-shadow:none}
html .home-adventure-sidebars #content :is(input,textarea,select):focus-visible{outline:2px solid var(--site-gold)!important;outline-offset:2px}
html .home-adventure-sidebars #content :is(.change-btn,.change-avatar-submit,.ba-buddy-actions button,.ba-buddy-form button,.ba-clan-invite-action){min-height:36px;border:1px solid var(--site-line)!important;background:var(--site-field);color:var(--site-text);padding:7px 12px;font:600 12px/1.3 'Barlow Semi Condensed',sans-serif;box-sizing:border-box;cursor:pointer}
html .home-adventure-sidebars #content :is(input.change-btn[type=submit],.ba-buddy-form button){background:var(--site-gold);color:#302319}
html .home-adventure-sidebars #content :is(.ba-buddy-actions .is-danger,.ba-clan-invite-action.is-decline){color:var(--site-danger)}
html .home-adventure-sidebars #content .ba-register-btn--ghost{background:var(--site-field)!important;color:var(--site-text)!important}
html .home-adventure-sidebars #content :is(.ba-clan-tool,.ba-buddy-card,.ba-roster-card){overflow-wrap:anywhere}
html .home-adventure-sidebars #content :is(.ba-char-avatar,.ba-profile-avatar,.ba-buddy-avatar){object-fit:cover;flex-shrink:0}
/* Legacy pages join the shared shell without constraining their data tables. */
html .site-legacy-adventure :is(#container1,#container1load){min-width:0}
html .site-legacy-adventure #container1load{grid-column:1/-1;grid-row:2;margin-left:199px;width:calc(100% - 199px);background:var(--site-panel);color:var(--site-text)}
html .site-legacy-adventure :is(.change-avatar-page,.avatar-change-box){width:100%!important;max-width:100%;box-sizing:border-box;background:var(--site-panel);color:var(--site-text)}
html .site-legacy-adventure #content > :is(div,table){max-width:100%;box-sizing:border-box}
html .site-legacy-adventure #content{overflow-x:auto}
html .site-legacy-adventure #content :is(.color1,.color2,.font-fix,.font-forum,.home-h2){color:var(--site-text)}
html .site-legacy-adventure #content :is(tr.color1,tr.color2){background:var(--site-panel)}
html .site-legacy-adventure #content :is(.change-avatar-panel,.reset-account-frame){background-color:var(--site-panel)!important;color:var(--site-text);border-color:var(--site-line);max-width:100%;box-sizing:border-box}
/* Shared character holders use the same readable surface in either appearance. */
html .home-adventure-sidebars .ba-char-modal{background:var(--site-panel) var(--site-grain)!important;color:var(--site-text);border:1px solid var(--site-line);max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto}
html .home-adventure-sidebars .ba-char-modal :is(.ba-char-modal-name,.ba-char-modal-skill-name){color:var(--site-text)}
html .home-adventure-sidebars .ba-char-modal :is(.ba-char-modal-desc,.ba-char-modal-skill-desc,.ba-char-modal-skill-meta){color:var(--site-muted);line-height:1.7}
html .home-adventure-sidebars .ba-char-modal :is(.ba-char-modal-skill,.ba-char-modal-hero){background:var(--site-field);border-color:var(--site-line);min-width:0;overflow-wrap:anywhere}
html .home-adventure-sidebars .ba-char-modal-close{background:var(--site-field);color:var(--site-text);border:1px solid var(--site-line);min-width:34px;min-height:34px}
@media(max-width:820px){html .site-legacy-adventure #container1load{grid-column:1;grid-row:3;margin-left:0;width:100%}}
@media(pointer:coarse){html .home-adventure-sidebars #content :is(.change-btn,.change-avatar-submit,.ba-buddy-actions button,.ba-buddy-form button){min-height:44px}}
html .site-legacy-adventure #content .choose-avatar-container{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px!important;background:transparent!important;border-color:var(--site-line)!important;padding:12px!important}
html .site-legacy-adventure #content .choose-avatar-option{width:100%!important;min-width:0!important;box-sizing:border-box;background:var(--site-panel)!important;color:var(--site-text)!important;border:1px solid var(--site-line)!important;box-shadow:none!important;padding:10px!important;border-radius:3px}
html .site-legacy-adventure #content .choose-avatar-option .home-input.button{min-height:36px!important;height:auto!important;white-space:normal;background:var(--site-gold)!important;color:#302319!important;border:1px solid var(--site-line)!important;box-shadow:none;font-size:11px!important}
html .site-legacy-adventure #content .choose-avatar-option img{object-fit:contain;max-width:100%}
html .site-legacy-adventure #content .choose-avatar-hint{color:var(--site-muted)}
html .site-legacy-adventure #content .change-avatar-help b{color:var(--site-text)!important}
html .home-adventure-sidebars #content .ba-register-showpass{min-height:36px;padding:7px 12px;border:1px solid var(--site-line);border-radius:3px;background:var(--site-field);color:var(--site-text);font:600 12px 'Barlow Semi Condensed',sans-serif;cursor:pointer}
html .home-adventure-sidebars #content .ba-register-note{background:var(--site-field);color:var(--site-muted);border:1px solid var(--site-line);border-radius:0;padding:10px 12px;line-height:1.6}
html .home-adventure-sidebars #content .ba-register-note--warn{border-left:3px solid var(--site-gold)}
html .home-adventure-sidebars #content :is(.ba-register-title,.ba-register-field > span){color:var(--site-text)}
html .home-adventure-sidebars #content :is(.ba-register-sub,.ba-register-field small){color:var(--site-muted)}
html .site-legacy-adventure .avatar-change-box > h3{margin:16px 20px 0;padding:12px;background:var(--site-gold);color:#302319;font:700 22px 'Barlow Semi Condensed',sans-serif}
html .site-legacy-adventure #content .brspacer:empty{padding:0;height:12px;min-height:0}
html .site-legacy-adventure #content .reset-account-frame{padding:20px!important;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 12px 36px #0005}
html .site-legacy-adventure #content .reset-account-frame :is(input:not([type=checkbox]):not([type=radio]),textarea,select){max-width:100%;box-sizing:border-box;background-color:var(--site-field);color:var(--site-text);border-color:var(--site-line)}