/* Search stays above the roster on desktop and the horizontal mobile strip. */
.character-search{width:min(100%,420px);margin:0 0 14px}
.character-search>label{display:block;margin-bottom:6px;color:var(--green);font:400 1.3rem/1.2 var(--pixel)}
.character-search-field{display:flex;gap:8px;align-items:stretch}
.character-search input{flex:1;min-width:0;width:100%;min-height:44px;padding:9px 10px;border:1px solid #426735;border-radius:0;background:#070e04;color:var(--text);font:400 1rem/1.4 var(--body)}
.character-search button,.character-share button{min-height:44px;padding:7px 12px;border:1px solid #426735;border-radius:0;background:#0c1707;color:var(--green);font:400 1.2rem/1.2 var(--pixel);cursor:pointer}
.character-search input:focus-visible,.character-search button:focus-visible,.character-share button:focus-visible{background:#182b0f;border-color:var(--green)}
.character-search button:hover,.character-share button:hover{background:#182b0f}
.character-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;color:var(--text);font:400 .875rem/1.4 var(--body)}
.character-profile>.character-share{grid-column:1 / -1}
.character-appearances>.character-share{flex:0 0 auto;margin:0 18px;padding:8px 0;justify-content:center}
.character-share input{width:100%;min-width:0;padding:8px;background:#0c1707;border:1px solid #426735;color:var(--text);font-size:1rem}
.character-search [hidden],.character-share [hidden]{display:none}
@media(max-width:1000px){.character-search{width:100%}}