/* Real players appear as living points in the shared night sky. */
.team-drawer .team-content[data-team-view="world"]{padding:0 7px 8px}
.world-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:4px 10px 17px;border-bottom:1px solid #bda16c75}
.world-intro .eyebrow{display:block;color:#d0b67f;font-size:11px;letter-spacing:.19em}
.world-intro h3{margin:4px 0 3px;color:#ffe0a0;font:700 clamp(30px,3.7vw,44px)/1.2 var(--display)}
.world-intro p{margin:0;color:#c4c7b5;font-size:13px}
.world-count{text-align:right;white-space:nowrap;color:#e5c891}
.world-count strong{font:700 31px Georgia,serif;color:#ffe0a0}
.world-count span{margin-left:7px;font-size:13px}
.world-count small{display:block;color:#9fb7b4;font-size:11px;margin-top:3px}
.world-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:15px 9px 11px}
.world-filter button{min-width:51px;padding:6px 10px;border:0;border-bottom:1px solid #b69a607d;background:transparent;color:#bbccb9;cursor:pointer;font:13px var(--display)}
.world-filter button[aria-pressed=true],.world-filter button:hover{border-bottom-color:#efcf8d;color:#ffe4a6;background:#dfba6a1c}
.world-filter button:last-child{margin-left:auto;color:#d9bf89}
.world-sky{position:relative;isolation:isolate;min-height:470px;overflow:hidden;border-block:1px solid #bea06960;background:radial-gradient(ellipse at 50% 50%,#4c556f65,transparent 48%),radial-gradient(ellipse at 15% 25%,#33607032,transparent 44%),radial-gradient(ellipse at 82% 70%,#755c7934,transparent 48%),linear-gradient(125deg,#081420,#0a1c2a 55%,#091620)}
.world-sky:before,.world-sky:after{content:"";position:absolute;inset:0;pointer-events:none}
.world-sky:before{z-index:-1;background-image:radial-gradient(circle,#e0e3dc 1px,transparent 1.5px),radial-gradient(circle,#c6af8e 1px,transparent 1.5px);background-size:61px 69px,97px 89px;background-position:13px 17px,48px 39px;opacity:.25}
.world-sky:after{z-index:-1;background:radial-gradient(circle at 50% 50%,#ffe4ac28 0 2px,transparent 48px);box-shadow:inset 0 0 80px #020812af}
.world-orbit{position:absolute;left:50%;top:50%;border:1px solid #adbaac21;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.world-orbit-one{width:34%;aspect-ratio:1}
.world-orbit-two{width:72%;aspect-ratio:2.1}
.world-player,.world-self{position:absolute;left:var(--world-x,50%);top:var(--world-y,50%);display:flex;flex-direction:column;align-items:center;gap:3px;transform:translate(-50%,-50%);color:#e6ddc5;text-align:center}
.world-player{min-width:62px;padding:3px;border:0;background:transparent;cursor:pointer;z-index:2;transition:transform .2s,filter .2s}
.world-player:hover,.world-player.is-selected{z-index:5;transform:translate(-50%,-50%) scale(1.17);filter:brightness(1.27)}
.world-player.is-away{opacity:.6}
.world-orb{display:grid;place-items:center;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--world-color) 70%,#f2d69b);border-radius:50%;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--world-color) 80%,#ffffff),color-mix(in srgb,var(--world-color) 50%,#182a3c) 49%,#0b1827 87%);box-shadow:0 0 17px color-mix(in srgb,var(--world-color) 55%,transparent),0 0 0 5px color-mix(in srgb,var(--world-color) 14%,transparent);color:#fff4d6;font:13px var(--display);text-shadow:0 1px #15242b}
.world-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e8ddc3;text-shadow:0 2px 5px #000;font-size:11px}
.world-self{z-index:4;--world-x:50%;--world-y:50%;min-width:100px;pointer-events:none}
.world-self .world-orb{width:48px;height:48px;border:2px solid #f4dca4;font-size:24px;box-shadow:0 0 22px #e8bb6b99,0 0 0 8px #efc77722,0 0 0 17px #efc7770d}
.world-self .world-name{max-width:160px;color:#ffe4ac;font-weight:700;font-size:13px}
.world-empty{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);width:min(90%,540px);margin:0;color:#b7c6c2;text-align:center;font-size:13px;line-height:1.6}
.world-selected{display:flex;align-items:center;gap:17px;margin:15px 5px 0;padding:12px 4px 13px;border-block:1px solid #bb9a6266;color:#ead9ad}
.world-selected-seal{font-size:34px;line-height:1}
.world-selected>div{flex:1;min-width:0}
.world-selected small{color:#a8c4b4;font-size:11px}
.world-selected h4{margin:2px 0;color:#ffe0a0;font:700 23px/1.2 var(--display)}
.world-selected p{margin:0;color:#c0c6b8;font-size:12px}
.world-selected .team-button{flex:none}
.world-hint{margin:12px 8px 0;color:#b9c6bc;font-size:12px}
@media(max-width:740px){.world-sky{min-height:520px}.world-intro{align-items:flex-start}.world-count strong{font-size:24px}.world-count span{display:block;margin:0}.world-orbit-two{width:96%;aspect-ratio:1}.world-selected{gap:9px}.world-selected .team-button{padding-inline:7px}}
@media(max-width:480px){.world-intro{display:block}.world-count{text-align:left;margin-top:10px}.world-count span{display:inline;margin-left:6px}.world-sky{min-height:580px}.world-player{min-width:49px}.world-name{font-size:10px;max-width:65px}.world-filter{gap:2px}.world-filter button{padding-inline:7px}}
@media(prefers-reduced-motion:reduce){.world-player{transition:none}}

/* A luminous constellation gives the world search its own scene. */
.world-intro{padding-top:9px;padding-bottom:18px}
.world-intro h3{font-size:clamp(35px,4vw,49px);text-shadow:0 3px 13px #000,0 0 18px #d8aa5a67}
.world-count{padding:8px 10px;border-top:1px solid #c7ab7473;border-bottom:1px solid #c7ab7473}
.world-filter{gap:7px;padding:14px 9px}
.world-filter button{
  min-width:43px;min-height:33px;padding:5px 10px;border:1px solid #bda16e8c;border-radius:18px;
  background:radial-gradient(circle at 50% 20%,#d8b66a38,#102432c9 75%);
  box-shadow:inset 0 0 0 2px #172b35,0 0 7px #dcb56a22;color:#e1cca0;
}
.world-filter button[aria-pressed=true],.world-filter button:hover{
  border-color:#ffe2a0;background:linear-gradient(160deg,#f4dc98,#b68c4a);color:#2b2419;
  box-shadow:0 0 12px #e4bb71a3,inset 0 1px #fff2c8;
}
.world-filter button:last-child{margin-left:auto}
.world-sky{
  min-height:505px;border:1px solid #b99b67a1;border-radius:4px;
  background:radial-gradient(circle at 50% 50%,#bd9a593c 0%,#38475b55 22%,transparent 43%),radial-gradient(ellipse at 50% 75%,#26465167,transparent 70%),linear-gradient(145deg,#07131fdb,#0b1d2eea 70%,#091521f2),url('./team-night-gate.webp') center/cover;
  box-shadow:inset 0 0 0 3px #091b27,inset 0 0 0 4px #b89b6a66,inset 0 0 90px #010810bf;
}
.world-sky::before{
  z-index:0;opacity:.52;
  background-image:radial-gradient(circle,#f7dfa4 0 1px,transparent 1.7px),radial-gradient(circle,#b6d5d2 0 1px,transparent 1.5px),radial-gradient(circle,#d5b978 0 1.5px,transparent 2px);
  background-size:51px 63px,83px 79px,139px 117px;background-position:11px 17px,47px 39px,78px 13px;
}
.world-sky::after{z-index:0;background:radial-gradient(circle at 50% 50%,#ffe2a852 0 2px,transparent 165px);box-shadow:inset 0 0 74px #020813d6}
.world-orbit{z-index:1;border-color:#deb86e8c;box-shadow:0 0 17px #e4bd6770,inset 0 0 16px #e2bd6752}
.world-orbit-one{width:120px;aspect-ratio:1;border-style:dotted}
.world-orbit-two{width:min(29%,270px);aspect-ratio:1;border-width:2px}
.world-orbit-three{width:min(47%,440px);aspect-ratio:1;border-style:dashed;opacity:.7}
.world-constellation-lines{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}
.world-thread{stroke:#e4c37a;stroke-width:1;vector-effect:non-scaling-stroke;opacity:.72}
.world-thread.faint{stroke-width:.65;opacity:.35}
.world-player{z-index:3;min-width:70px}
.world-player .world-orb{
  width:31px;height:31px;border-width:2px;
  box-shadow:0 0 17px 5px color-mix(in srgb,var(--world-color) 65%,transparent),0 0 0 7px color-mix(in srgb,var(--world-color) 16%,transparent);
  font-size:16px;
}
.world-player.is-away{opacity:.78}
.world-player .world-name{max-width:110px;margin-top:3px;color:#f2e3bc;font-size:12px}
.world-self{z-index:4}
.world-self .world-orb{
  width:75px;height:75px;border:2px solid #fff0bc;font-size:31px;
  background:radial-gradient(circle at 50% 37%,#f7de90,#ad7c38 31%,#263c42 69%,#091827 88%);
  box-shadow:0 0 29px 9px #e7b658b8,0 0 0 12px #d5aa5c2e,0 0 0 25px #e9bd5c11;
}
.world-self .world-name{max-width:170px;margin-top:7px;color:#ffebba;font-size:14px}
.world-hint,.world-selected{
  width:min(100%,480px);margin:13px 4px 0 auto;padding:12px 17px;
  border:1px solid #d8d6c6;border-radius:4px;
  background:linear-gradient(130deg,#eee9d7,#c4d1c6);color:#31433d;
  box-shadow:inset 0 0 0 3px #f5f2e4b3,0 8px 15px #0008;
}
.world-selected small,.world-selected p{color:#4a625a}
.world-selected h4{color:#574328}
.world-selected .team-button{font-size:13px}
@media(max-width:740px){
  .world-sky{min-height:500px}
  .world-orbit-two{width:min(43%,235px)}
  .world-orbit-three{width:min(72%,390px)}
  .world-player .world-name{max-width:72px;font-size:10px}
}
@media(max-width:480px){
  .world-sky{min-height:520px}
  .world-filter button{min-width:38px;padding-inline:7px;font-size:12px}
  .world-orbit-one{width:85px}
  .world-self .world-orb{width:60px;height:60px;font-size:24px}
  .world-player{min-width:50px}
  .world-player .world-orb{width:25px;height:25px;font-size:12px}
}