/* v22.15 — Roblox identity panel and movement cost breakdown. */
.roblox-section{margin-top:18px}
.roblox-loading,.roblox-empty-line{color:var(--muted);font-size:13px;padding:10px 0}
.roblox-empty p{color:var(--muted);margin:0 0 12px;line-height:1.6}
.roblox-form{display:flex;flex-wrap:wrap;gap:9px;align-items:flex-end}
.roblox-form .field{flex:1 1 220px;min-width:0}
.roblox-form input{width:100%}
.roblox-linked .roblox-identity{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:13px 15px;border:1px solid var(--line2);border-radius:11px;background:rgba(255,255,255,.03);margin-bottom:13px}
.roblox-identity small{display:block;font-size:9.5px;letter-spacing:.16em;color:var(--gold)}
.roblox-identity strong{font-family:Georgia,serif;font-size:19px;color:#fff0c5}
.roblox-rank{display:inline-block;margin-left:8px;font-size:11px;color:var(--muted)}
.roblox-note{margin:0 0 12px;padding:9px 12px;border-left:2px solid var(--line2);color:var(--muted);font-size:13px}
.roblox-hint{display:block;margin-top:9px;color:var(--muted);font-size:11px}
.roblox-chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:10.5px;font-weight:800;letter-spacing:.06em;white-space:nowrap}
.roblox-chip-ok{background:rgba(88,166,110,.16);color:#8fd6a3;border:1px solid rgba(88,166,110,.34)}
.roblox-chip-wait{background:rgba(203,167,94,.14);color:var(--gold2);border:1px solid rgba(203,167,94,.32)}
.roblox-chip-bad{background:rgba(190,90,80,.15);color:#e39b93;border:1px solid rgba(190,90,80,.34)}
.roblox-directory{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
.roblox-directory h3{margin:0 0 12px;font-family:Georgia,serif;font-size:17px;color:var(--cream);display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.roblox-pending{font-family:Inter,system-ui,sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.06em;padding:3px 9px;border-radius:999px;background:rgba(203,167,94,.14);color:var(--gold2)}
.roblox-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.roblox-directory table{width:100%;border-collapse:collapse;min-width:460px}
.roblox-directory th{text-align:left;font-size:10px;letter-spacing:.12em;color:var(--gold);padding:0 10px 8px;font-weight:800}
.roblox-directory td{padding:10px;border-top:1px solid var(--line);font-size:13px;vertical-align:middle}
.roblox-directory a{color:var(--gold2);text-decoration:none;border-bottom:1px solid transparent}
.roblox-directory a:hover{border-bottom-color:var(--gold)}
.roblox-actions{white-space:nowrap}
.button.tiny{padding:5px 10px;font-size:11px}
.button.danger{border-color:rgba(190,90,80,.4);color:#e39b93}

/* Movement cost breakdown — shows why a route costs what it costs. */
.movement-breakdown{margin-top:9px}
.movement-breakdown table{width:100%;border-collapse:collapse}
.movement-breakdown td{padding:5px 0;font-size:12px;border-top:1px solid var(--line)}
.movement-breakdown td:first-child{color:var(--gold2);font-weight:700;width:74px}
.movement-breakdown td:nth-child(2){color:var(--muted)}
.movement-breakdown td:last-child{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.movement-factor-neutral td{opacity:.5}
.movement-factor-total td{border-top:1px solid var(--line2);font-weight:800;color:var(--cream);padding-top:7px}
.movement-distance{display:block;font-size:11px;color:var(--muted);margin-bottom:2px}

@media(max-width:760px){
  .roblox-form .button{flex:1 1 100%}
  .roblox-identity{flex-direction:column;align-items:flex-start}
}