#global-character-search.character-lookup {
  --lookup-line:#38485f; --lookup-muted:#afbed2; --lookup-accent:#f0accd;
  display:block; margin:8px 0 26px; padding:22px 24px !important;
  border:1px solid var(--lookup-line) !important; border-radius:9px !important;
  background:#151f2f !important; box-shadow:none !important; color:#f3f6fa;
}
.character-lookup .character-search-heading { display:flex; align-items:center; justify-content:space-between; gap:16px 22px; margin-bottom:18px; }
.character-lookup .character-search-intro-copy { gap:4px; }
.character-lookup .character-search-intro-copy strong { font-size:20px; letter-spacing:-.5px; }
.character-lookup .character-search-intro-copy > span:last-child { color:var(--lookup-muted); font-size:12px; line-height:1.6; }
.character-lookup #character-search-scope-note { flex-shrink:0; margin:0; color:var(--lookup-muted); font-size:11px; }
.character-search-attached { border:1px solid #49556b; border-radius:8px; background:#101929; }
.character-search-entry { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:6px; padding:8px; }
.has-global-region .character-search-entry { grid-template-columns:minmax(0,1fr) 180px auto; }
.character-lookup .character-search-form {
  grid-column:auto; grid-template-columns:22px minmax(0,1fr); min-width:0; min-height:51px; margin:0; padding:0 15px; gap:12px;
  border:1px solid transparent !important; border-radius:6px !important; background:transparent !important; box-shadow:none !important;
}
.character-lookup .character-search-form:focus-within { border-color:var(--lookup-accent) !important; box-shadow:0 0 0 2px #f0accd1f !important; }
.character-lookup .character-search-mark { color:var(--lookup-muted); }
.character-lookup #character-search-input { width:100%; height:49px; padding:0; border:0 !important; border-radius:0; background:transparent !important; box-shadow:none !important; font-size:15px; font-weight:500; }
.character-lookup #character-search-input::placeholder { color:var(--lookup-muted); opacity:1; }
.character-lookup #character-search-submit { min-width:92px; min-height:51px; padding:10px 18px; border:0; border-radius:6px; background:var(--lookup-accent) !important; color:#352133; font:inherit; font-size:14px; font-weight:800; cursor:pointer; }
.character-lookup #character-search-submit:hover { filter:brightness(1.08); }
.character-lookup .character-global-filters { position:static; display:block; min-width:0; }
.character-lookup .character-global-filters[hidden] { display:none; }
.character-lookup .character-server-field { display:block; }
.character-lookup #character-global-server-label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.character-lookup #character-global-server { min-height:51px; border:1px solid transparent; border-left-color:var(--lookup-line); border-radius:0; background:transparent; color:#e3e8f0; }
.character-lookup #character-global-server > svg:first-child { display:none; }
.character-lookup #character-global-server.is-filtered { color:var(--lookup-accent); }
.character-lookup #character-global-server:hover { background:#192438; }
.character-lookup .character-server-picker { width:min(440px,100%); }
.character-lookup :is(button,input):focus-visible { outline:2px solid var(--lookup-accent); outline-offset:3px; }
.character-lookup #character-search-input:focus-visible { outline:0; }
.character-search-scope { min-width:0; margin:0; padding:12px 16px; border:0; border-top:1px solid #303c51; border-radius:0 0 7px 7px; background:#192438; }
.character-search-scope legend { float:left; margin:0 19px 0 0; padding:0; color:var(--lookup-muted); font-size:12px; line-height:44px; }
.character-search-places,.character-search-domestic,.character-search-global,.character-lookup #character-global-region { display:flex; align-items:center; gap:6px; min-width:0; }
.character-search-places { flex-wrap:wrap; gap:10px 12px; }
.character-search-global { border-left:1px solid var(--lookup-line); padding-left:12px; gap:8px; }
.character-lookup #character-global-region { flex-wrap:wrap; }
.character-lookup #character-global-region-label { color:var(--lookup-muted); font-size:12px; white-space:nowrap; }
.character-search-place { position:relative; display:flex; align-items:center; justify-content:center; gap:7px; min-width:0; min-height:44px; padding:7px 10px; box-sizing:border-box; border:1px solid transparent; border-radius:5px; color:var(--lookup-muted); font-size:13px; line-height:1.5; white-space:nowrap; cursor:pointer; touch-action:manipulation; }
.character-search-place input { position:absolute; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:pointer; }
.character-search-radio { flex:0 0 11px; width:11px; height:11px; border:1px solid #74849c; border-radius:50%; box-sizing:border-box; }
.character-search-place:hover { background:#f0accd12; }
.character-search-place:has(:checked) { color:#f3f6fa; background:#422c3d; border-color:#f0accd6b; font-weight:700; }
.character-search-place:has(:checked) .character-search-radio { border-color:var(--lookup-accent); background:var(--lookup-accent); box-shadow:inset 0 0 0 2px #422c3d; }
.character-search-place:has(:focus-visible) { outline:2px solid var(--lookup-accent); outline-offset:2px; }
.character-lookup .character-search-region-note { margin:10px 0 0; color:var(--lookup-muted); font-size:11px; }
@media(max-width:1280px) {
  .character-search-scope legend { float:left; width:100%; line-height:1.5; margin:0 0 8px; padding-top:12px; }
  .character-search-places { clear:both; }
  .character-search-scope { padding-top:0; }
}
@media(max-width:1000px) {
  .character-search-global { border-left:0; padding-left:0; }
  .character-search-places { gap:12px; }
}
@media(max-width:660px) {
  #global-character-search.character-lookup { padding:17px 14px !important; }
  .character-lookup .character-search-heading { display:block; margin-bottom:15px; }
  .character-lookup #character-search-scope-note { display:none; }
  .character-lookup .character-search-intro-copy > span:last-child { font-size:11px; }
  .character-lookup .character-search-entry { grid-template-columns:minmax(0,1fr) auto; padding:9px; gap:7px; }
  .character-lookup .character-search-form { grid-column:1 / -1; min-height:47px; padding:0 10px; gap:9px; }
  .character-lookup #character-search-input { height:45px; font-size:14px; }
  .character-lookup #character-search-submit { grid-column:2; min-width:80px; min-height:44px; padding:9px 13px; font-size:13px; }
  .character-lookup:not(.has-global-region) #character-search-submit { grid-column:1 / -1; }
  .character-lookup #character-global-server { min-height:44px; border-left:0; border-top:1px solid var(--lookup-line); padding:8px 9px; font-size:12px; }
  .character-search-scope { padding:0 10px 13px; }
  .character-search-scope legend { font-size:11px; margin-bottom:9px; padding-top:13px; }
  .character-search-places { display:block; }
  .character-search-domestic { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  .character-search-global { display:block; padding:0; margin-top:12px; }
  .character-lookup #character-global-region-label { display:block; margin-bottom:7px; font-size:11px; }
  .character-lookup #character-global-region { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
  :is(html[lang=ko],html[lang=zh-TW],html[lang=ja-JP]) .character-lookup #character-global-region { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .character-search-place { padding:7px 5px; font-size:11px; gap:5px; border-color:var(--lookup-line); white-space:normal; text-align:center; overflow-wrap:anywhere; }
  .character-search-radio { flex-basis:9px; width:9px; height:9px; }
}
@media(max-width:380px) {
  :is(html[lang],html) .character-lookup #character-global-region { grid-template-columns:repeat(2,minmax(0,1fr)); }
}