/* Center the directory in one column after removing the promotional artwork. */
.player-layout { width:100%; max-width:960px; margin-inline:auto; padding-top:20px; }
.player-search-column { min-width:0; }
.player-search-heading { display:flex; justify-content:space-between; align-items:center; margin-bottom:27px; }
.player-search-heading .section-kicker { color:#70664f; font-size:10px; letter-spacing:.13em; }
.player-search-heading>span:last-child { color:var(--acid); font-size:28px; }
#player-search { padding:31px; border:1px solid #65553838; border-top:2px solid var(--acid); background:linear-gradient(130deg,#465c3807,transparent 65%),#f3e9d0; }
#player-search>label { display:block; margin-bottom:14px; color:#596047; font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; }
.player-search-controls { display:flex; align-items:stretch; border:1px solid #65553850; background:#faf2df; }
.player-search-controls:focus-within { border-color:var(--acid); box-shadow:0 0 0 1px var(--acid); }
.player-search-controls input { flex:1; min-width:0; width:100%; min-height:62px; padding:16px 18px; border:0; border-radius:0; color:var(--ink); background:transparent; font:400 17px/1.4 var(--body); color-scheme:light; }
.player-search-controls input::placeholder { color:#70664f; opacity:1; font-size:15px; }
.player-search-controls input:focus { outline:0; }
.player-search-controls button { flex-shrink:0; display:flex; align-items:center; justify-content:space-between; gap:24px; min-height:62px; margin:-1px; padding:17px 22px; background:var(--acid); color:#fff5df; border:1px solid var(--acid); font-size:12px; font-weight:600; }
.player-search-controls button>span { font-size:25px; line-height:1; }
.player-search-controls button:hover { background:#354a2b; border-color:#354a2b; }
.player-search-controls button:focus-visible { outline-offset:5px; }
#search-hint { margin:15px 0 0; color:#70664f; font-size:12px; line-height:1.65; }
#search-status { min-height:22px; margin:24px 0; color:#465c38; font-size:14px; line-height:1.6; overflow-wrap:anywhere; }
#search-status:empty { margin-block:10px; }
.player-record { border:1px solid #65553838; background:#f3e9d0; animation:community-arrive .22s var(--ease) both; }
.player-record-heading { position:relative; padding:28px 76px 27px 30px; border-bottom:1px solid var(--line); background:#465c3807; }
.record-eyebrow { margin:0 0 12px; color:var(--acid); font-size:9px; letter-spacing:.14em; text-transform:uppercase; }
.record-gem { position:absolute; right:27px; top:33px; }
.player-record-heading h2 { margin:0; font:400 clamp(32px,4.1vw,65px)/1.08 var(--display); letter-spacing:-.01em; overflow-wrap:anywhere; }
.player-details { width:100%; border-collapse:collapse; text-align:left; table-layout:fixed; }
.player-details th,.player-details td { padding:20px 28px; border-bottom:1px solid #65553826; overflow-wrap:anywhere; line-height:1.5; }
.player-details th { width:30%; padding-right:0; font-size:10px; font-weight:400; color:#70664f; letter-spacing:.08em; text-transform:uppercase; }
.player-details td { color:#30382b; font-size:14px; }
.player-details tr:last-child>* { border-bottom:0; }
.player-directory-note { margin-top:33px; font-size:17px; line-height:1.7; letter-spacing:-.01em; }
.player-directory-note>span { color:#70664f; font-size:13px; }
.player-art { position:relative; isolation:isolate; overflow:hidden; height:510px; margin-top:8px; border:1px solid #65553826; background:radial-gradient(ellipse at 50% 42%,#48819b12,transparent 66%); animation:community-arrive .85s var(--ease) both; }
.directory-grid { position:absolute; z-index:-1; inset:0; background-image:linear-gradient(#65553809 1px,transparent 1px),linear-gradient(90deg,#65553809 1px,transparent 1px); background-size:51px 51px; mask-image:linear-gradient(transparent,#000 35%,#000 70%,transparent); }
.directory-orbit { position:absolute; top:43%; left:50%; aspect-ratio:1; border:1px solid #7a684140; border-radius:50%; transform:translate(-50%,-50%); width:74%; }
.orbit-middle { width:63%; border-style:dashed; border-color:#7a684138; }
.orbit-inner { width:48%; border-color:#739cab40; transform:translate(-50%,-50%) rotate(45deg); border-radius:0; }
.orbit-outer>i { position:absolute; width:6px; height:6px; border-radius:50%; background:var(--acid); box-shadow:0 0 18px #465c3820; }
.orbit-outer>i:first-child { top:15%; left:14%; }
.orbit-outer>i:last-child { right:14%; bottom:15%; background:#2789ad; }
.directory-gem { position:absolute; left:50%; top:43%; width:27%; max-width:148px; height:auto; transform:translate(-50%,-50%) rotate(8deg); filter:drop-shadow(0 20px 40px #37acdf1c); animation:directory-arrive 1s var(--ease) both; }
.directory-star { position:absolute; color:#7e8656; font-size:22px; }
.star-a { left:13%; top:51%; }
.star-b { right:17%; top:20%; font-size:17px; opacity:.6; }
.directory-coordinate { position:absolute; color:#70664f; font-size:8px; letter-spacing:.17em; }
.coordinate-top { left:25px; top:26px; }
.coordinate-bottom { right:25px; top:68%; }
.directory-caption { position:absolute; left:30px; right:30px; bottom:29px; font:400 clamp(30px,3.1vw,53px)/1.06 var(--display); letter-spacing:-.015em; }
.directory-caption>span { font-style:italic; color:#68734a; }
@keyframes directory-arrive { from { opacity:0; transform:translate(-50%,-42%) rotate(-9deg) scale(.92); } to { opacity:1; transform:translate(-50%,-50%) rotate(8deg) scale(1); } }
@media(max-width:1150px) {
  #player-search { padding:25px; }
  .player-search-controls button { gap:14px; padding-inline:16px; }
  .player-search-controls input { padding-inline:14px; }
  .player-search-controls input::placeholder { font-size:13px; }
  .player-art { height:475px; }
}
@media(max-width:820px) {
  .player-search-heading .section-kicker { font-size:9px; }
  #player-search { padding:22px; }
  .player-search-controls { flex-wrap:wrap; }
  .player-search-controls input { flex-basis:100%; min-height:60px; font-size:16px; }
  .player-search-controls input::placeholder { font-size:14px; }
  .player-search-controls button { flex-basis:calc(100% + 2px); min-height:50px; padding:12px 18px; }
  .player-art { height:438px; }
  .directory-gem { width:30%; }
  .directory-caption { left:22px; bottom:28px; font-size:34px; }
  .directory-coordinate { font-size:7px; letter-spacing:.12em; }
  .coordinate-top { left:22px; }
  .coordinate-bottom { right:20px; }
  .player-record-heading { padding:24px 64px 24px 22px; }
  .record-gem { right:20px; width:24px; height:33px; }
  .player-details th,.player-details td { padding:17px 20px; font-size:12px; }
  .player-details th { padding-right:0; font-size:9px; }
}
@media(max-width:640px) {
  .player-layout { padding-top:6px; }
  .player-search-heading { margin-bottom:20px; }
  .player-search-heading .section-kicker { font-size:9px; }
  #player-search { padding:24px; }
  .player-search-controls input { min-height:60px; }
  .player-search-controls button { min-height:50px; }
  #search-status { font-size:13px; }
  .player-directory-note { margin-top:28px; font-size:16px; }
  .player-directory-note>span { font-size:12px; }
  .player-art { margin:0; height:365px; }
  .directory-orbit { width:65%; max-width:260px; top:42%; }
  .orbit-middle { width:55%; max-width:222px; }
  .orbit-inner { width:42%; max-width:167px; }
  .directory-gem { top:42%; width:22%; max-width:105px; }
  .directory-caption { font-size:34px; bottom:24px; }
  .coordinate-bottom { top:66%; }
  .star-a { top:48%; left:16%; }
  .player-record-heading h2 { font-size:42px; }
}
@media(max-width:360px) {
  #player-search { padding:20px; }
  .player-search-controls input::placeholder { font-size:12px; }
  .player-directory-note>span { font-size:11px; }
  .player-details th,.player-details td { padding-inline:17px; }
  .player-details th { padding-right:0; width:31%; }
}
@media(prefers-reduced-motion:reduce) { .player-art,.directory-gem,.player-record { animation:none; } }