.header-player-controls { display:flex; align-items:center; gap:9px; flex:none; min-width:0; }
.header-personalization { display:flex; align-items:center; gap:7px; max-width:112px; min-height:44px; color:#dbe8ef; font-size:11px; line-height:1.35; font-weight:600; cursor:pointer; }
.header-personalization input { width:18px; height:18px; flex:none; margin:0; accent-color:#9ce2fa; }
.header-personalization:focus-within { outline:2px solid #9ce2fa; outline-offset:3px; border-radius:4px; }
details.character-filter-notice { display:block; padding:0 12px; margin:10px 0 14px; border:1px solid #d7b775; border-radius:7px; background:#fff5db; color:#654a1e; font-size:13px; line-height:1.45; }
details.character-filter-notice[hidden] { display:none; }
.character-filter-notice > summary { display:flex; align-items:center; gap:8px; min-height:44px; padding:7px 0; margin:0; color:inherit; font-size:13px; font-weight:600; cursor:pointer; list-style:none; }
.character-filter-notice > summary::-webkit-details-marker { display:none; }
.character-filter-notice > summary::before { content:'i'; display:inline-flex; align-items:center; justify-content:center; width:17px; height:17px; flex:none; border:1px solid currentColor; border-radius:50%; font-size:11px; font-weight:700; }
.character-filter-notice > summary::after { content:'+'; margin-left:auto; font-size:19px; line-height:1; }
.character-filter-notice[open] > summary::after { content:'−'; }
.character-filter-notice-body { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 0 10px 25px; }
.character-filter-notice .character-filter-notice-body > p { margin:0; color:inherit; font-size:12px; line-height:1.5; }
.character-filter-notice .character-filter-notice-body > button { display:inline-flex; align-items:center; justify-content:center; flex:none; min-height:44px; margin:0; padding:7px 12px; border:1px solid #b18c46; border-radius:5px; background:#fffdf5; color:#654a1e; font:inherit; font-size:12px; font-weight:600; cursor:pointer; }
.character-filter-notice > summary:focus-visible, .character-filter-notice-body > button:focus-visible { outline:2px solid #7a5a1e; outline-offset:2px; border-radius:4px; }
@media(max-width:1350px) and (min-width:1101px) { .header-player-controls { gap:6px; }#player-character-wrap.header-character { min-width:154px; max-width:170px; }.header-personalization { max-width:94px; font-size:10px; } }
@media(max-width:1100px) { .header-player-controls { margin-left:auto; }#player-character-wrap.header-character { margin-left:0; } }
@media(max-width:460px) { .header-player-controls { width:100%; justify-content:space-between; margin-left:0; }.header-personalization { max-width:112px; font-size:11px; }.character-filter-notice-body { align-items:start; flex-direction:column; gap:7px; } }