.tierbadge{display:inline-flex;align-items:center;gap:.45em;padding:.26em .6em .26em .5em;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);white-space:nowrap;line-height:1}.tierbadge__gauge{display:block;flex:none}.tierbadge__rung{fill:var(--line)}.tierbadge__rung.is-on{fill:var(--accent)}.tierbadge__name{font-size:var(--fs-xs);font-weight:600;letter-spacing:.02em;color:var(--ink)}.tierbadge[data-tier=t0] .tierbadge__name{color:var(--ink-soft);font-weight:500}.tierbadge[data-tier=t5]{border-color:var(--accent-line)}.tierbadge--sm{padding:.2em .45em .2em .4em;gap:.35em}.tierbadge--sm .tierbadge__gauge{width:15px;height:8px}.tierbadge--inline{margin-left:.45rem;vertical-align:.12em}.tierboard__head{margin-bottom:var(--sp-3)}.tierboard__title{font-size:var(--fs-lg);margin:0 0 .2rem}.tierboard__lead{margin:0;color:var(--ink-soft);font-size:var(--fs-sm)}.tierboard__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--sp-2)}.tierrow{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--sp-3);padding:var(--sp-3) 0;border-top:1px dashed var(--line)}.tierrow:first-child{border-top:0}.tierrow__code{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--r-sm);padding:.15em .4em;align-self:start}.tierrow__body{display:grid;gap:.3rem;min-width:0}.tierrow__title{font-size:var(--fs-sm);font-weight:600}.tierrow__title a{color:inherit;text-decoration:none}.tierrow__title a:hover,.tierrow__title a:focus-visible{text-decoration:underline}.tierrow__stats{font-size:var(--fs-xs);color:var(--ink-soft)}.tierrow__track{display:block;height:4px;border-radius:2px;background:var(--surface-2);overflow:hidden}.tierrow__track i{display:block;height:100%;background:var(--accent);border-radius:inherit;transition:width .4s ease}.tierboard__note{margin:var(--sp-3) 0 0;font-size:var(--fs-xs);color:var(--ink-soft)}.tierup{position:fixed;z-index:60;right:var(--sp-4);bottom:var(--sp-4);width:min(21rem,calc(100vw - 2 * var(--sp-4)));background:var(--surface);border:1px solid var(--accent-line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:var(--sp-4);animation:tierup-in .26s cubic-bezier(.2,.8,.3,1)}.tierup--leaving{animation:tierup-out .2s ease forwards}@keyframes tierup-in{0%{opacity:0;transform:translateY(12px)}}@keyframes tierup-out{to{opacity:0;transform:translateY(8px)}}@media(prefers-reduced-motion:reduce){.tierup,.tierup--leaving{animation:none}.tierrow__track i{transition:none}}.tierup__close{position:absolute;top:var(--sp-2);right:var(--sp-2);background:none;border:0;padding:.35rem;cursor:pointer;color:var(--ink-soft);line-height:0;border-radius:var(--r-sm)}.tierup__close:hover{color:var(--ink)}.tierup__unit{margin:0 0 var(--sp-3);font-size:var(--fs-xs);color:var(--ink-soft);padding-right:1.5rem}.tierup__code{font-family:var(--font-mono);color:var(--accent);font-weight:600}.tierup__earned{margin:0 0 .35rem;font-size:var(--fs-xs);color:var(--ink-soft)}.tierup__advance{display:flex;align-items:center;gap:.5rem;margin:0 0 var(--sp-4);flex-wrap:wrap}.tierup__from{font-size:var(--fs-sm);color:var(--ink-soft);text-decoration:line-through;text-decoration-color:var(--line)}.tierup__arrow{color:var(--ink-soft)}.tierup__blur{height:3rem;border:1px dashed var(--line);border-radius:var(--r-sm);padding:.4rem .5rem;background:var(--surface-2)}.tierup__blur svg{width:100%;height:100%;filter:blur(3.5px);opacity:.75}.tierup__blur polyline{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.tierup__blur circle{fill:var(--accent)}.tierup__climb{margin:.4rem 0 var(--sp-3);font-size:var(--fs-xs);color:var(--ink-soft)}.tierup__cta{display:inline-block;background:var(--accent-strong);color:var(--on-accent);border-radius:var(--r-sm);padding:.5rem .9rem;font-size:var(--fs-sm);font-weight:600;text-decoration:none}.tierup__cta:hover{filter:brightness(1.06)}.tierup__warning,.tierup__saved{margin:var(--sp-2) 0 0;font-size:var(--fs-xs);color:var(--ink-soft)}@media(max-width:520px){.tierup{right:var(--sp-3);left:var(--sp-3);bottom:var(--sp-3);width:auto}}