.v63-dev{
  margin:0 0 12px;padding:10px;border:1px dashed #6a5a2a;border-radius:14px;
  background:#16110a;min-width:0;overflow-x:hidden;
}
.v63-dev small{display:block;font-size:8px;letter-spacing:.12em;color:#e5bf75}
.v63-dev p{margin:6px 0 0;font-size:10px;line-height:1.4;color:#c5b89a}
.v63-dev-dists{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.v63-dev-dists button{
  border:1px solid #4a4030;border-radius:999px;background:#0d0b08;color:#d8c9a6;
  padding:6px 8px;font-size:8px;letter-spacing:.08em;
}
.v63-dev-dists button.on{border-color:#e5bf75;color:#e5bf75}
.v63-dev em{display:block;margin-top:8px;font-size:8px;letter-spacing:.08em;color:#b9a57a;font-style:normal}
#realm.v6-immersive .v63-dev{margin:0 0 10px}
  padding:14px;
  border:1px solid #3a314f;
  border-radius:18px;
  background:linear-gradient(150deg,#161226,#0a0f18);
  min-width:0;
  max-width:100%;
  overflow-x:hidden;
}
.v63-spec .kicker{letter-spacing:.14em;color:#c8b2ff}
.v63-spec-head{display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px;align-items:start;margin-top:10px}
.v63-emblem{
  display:grid;place-items:center;width:52px;height:52px;border-radius:16px;
  border:1px solid color-mix(in srgb,var(--ds,#e5bf75) 55%,#2a3144);
  background:radial-gradient(circle at 40% 30%,color-mix(in srgb,var(--ds,#e5bf75) 35%,transparent),#101521);
  color:var(--ds,#e5bf75);font-size:22px;
}
.v63-spec-head small{display:block;font-size:8px;letter-spacing:.14em;color:#8f9db3}
.v63-spec-head b{display:block;margin-top:4px;font-size:16px;color:#f0e5d1;overflow-wrap:anywhere}
.v63-spec-head p{margin:6px 0 0;font-size:11px;line-height:1.45;color:#a9b5c8}
.v63-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.v63-meta span{
  border:1px solid #334057;border-radius:999px;padding:5px 8px;
  color:#c5d0e0;font-size:8px;letter-spacing:.08em;
}
.v63-dist-grid,.v63-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.v63-dist,.v63-choice{
  min-width:0;padding:10px;border:1px solid #334057;border-radius:14px;
  background:#0a1019;color:#dbe3f0;text-align:left;
}
.v63-dist i,.v63-dist b,.v63-dist small,.v63-dist em,
.v63-choice i,.v63-choice b,.v63-choice small,.v63-choice em{display:block;overflow-wrap:anywhere}
.v63-dist i,.v63-choice i{font-style:normal;color:var(--ds,#e5bf75);font-size:16px}
.v63-dist b,.v63-choice b{margin-top:6px;font-size:10px;letter-spacing:.1em}
.v63-dist small,.v63-choice small{margin-top:4px;font-size:9px;color:#9eabc2}
.v63-dist em,.v63-choice em{margin-top:7px;font-size:8px;letter-spacing:.08em;color:#8d9ab0;font-style:normal}
.v63-dist.on,.v63-choice.on{border-color:var(--ds,#e5bf75);box-shadow:0 0 0 1px color-mix(in srgb,var(--ds,#e5bf75) 35%,transparent)}
.v63-choice:disabled{opacity:.45}
.v63-hook{margin:10px 0 0;color:#93a2b7}
.v63-choice .v63-effect{display:block;margin-top:5px;font-size:8px;letter-spacing:.04em;color:#c6a25a}
.v63-clear{
  margin-top:10px;width:100%;border:1px solid #3a4558;border-radius:12px;
  background:#0b1018;color:#c5d0e0;padding:9px;font-size:9px;letter-spacing:.1em;
}
.v63-visit{margin:8px 0 0;color:#c8b2ff}
.v6-district span .v63-chip{
  display:block;margin:3px 0 0;font-size:7px;letter-spacing:.08em;
  color:var(--ds,#9eabc2);font-style:normal;
}
.v63-open{
  border:1px solid #3a4558;border-radius:999px;background:#0a1018;color:#e8d9f9;
  padding:7px 10px;font-size:8px;letter-spacing:.1em;
}
.v63-spec-world{
  position:absolute;z-index:10;left:12px;right:12px;top:calc(72px + env(safe-area-inset-top));
  max-height:62vh;overflow:auto;padding:0;pointer-events:auto;
}
.v63-spec-world.hidden{display:none}
.v63-spec-world-inner{padding:0 0 8px}
.v63-spec-world .v63-spec{margin:0}
.v63-close{
  margin-top:8px;width:100%;border:1px solid #3a4558;border-radius:12px;
  background:#0b1018;color:#efe6d6;padding:10px;font-size:9px;letter-spacing:.12em;
}
#realm.v6-immersive #v63SpecHost{display:none}
@media(max-width:620px){
  .v63-dist-grid,.v63-choice-grid{grid-template-columns:1fr}
  .v63-spec-head{grid-template-columns:44px minmax(0,1fr)}
  .v63-emblem{width:44px;height:44px}
}
@media(min-width:760px){
  #realm.v6-immersive .v63-spec-world{left:22px;right:auto;width:min(420px,46vw)}
}