:root{--tier-s:gold;--tier-a:#32cd32;--tier-b:#4169e1;--tier-c:#ff8c00;--tier-d:#dc143c;--tier-none:rgba(255,255,255,.3)}.sts2-tier-widget{display:inline-flex;align-items:center;gap:.15em;padding:.28em .55em;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:.4em;cursor:pointer;font-size:var(--sts2-font-base);font-weight:700;line-height:1;transition:background .15s,border-color .15s,transform .1s;user-select:none;white-space:nowrap}.sts2-tier-widget:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.3);transform:translateY(-1px)}.sts2-tier-widget.user-voted{border-color:rgba(255,215,0,.5);background:rgba(255,215,0,.1)}.tier-letter{font-size:1em;font-weight:800;letter-spacing:0}.tier-letter.tier-s{color:var(--tier-s);text-shadow:0 0 6px var(--tier-s)}.tier-letter.tier-a{color:var(--tier-a)}.tier-letter.tier-b{color:var(--tier-b)}.tier-letter.tier-c{color:var(--tier-c)}.tier-letter.tier-d{color:var(--tier-d)}.tier-letter.tier-none{color:rgba(255,255,255,.5);font-size:.85em}.tier-label{font-size:.68em;font-weight:600;color:rgba(255,255,255,.55);letter-spacing:.02em}.tier-trend{font-size:.75em;font-weight:700;line-height:1}.tier-trend.up{color:var(--tier-a)}.tier-trend.down{color:var(--tier-d)}.tier-trend.same{color:rgba(255,255,255,.4)}.sts2-tier-popup{position:absolute;z-index:9999;width:280px;background:linear-gradient(135deg,#1e2240,#191d38);border:1px solid rgba(255,255,255,.15);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.6);padding:.8em;font-size:.8em;color:var(--sts2-text-primary,rgba(255,255,255,.95));opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;pointer-events:none}.sts2-tier-popup.visible{opacity:1;transform:translateY(0);pointer-events:auto}.sts2-tier-popup.mobile{position:fixed !important;bottom:0 !important;left:0 !important;top:auto !important;width:100% !important;border-radius:12px 12px 0 0;box-shadow:0 -4px 24px rgba(0,0,0,.6)}.tier-popup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6em}.tier-popup-title{font-weight:700;font-size:.85em;letter-spacing:.04em;color:rgba(255,255,255,.7);text-transform:uppercase}.tier-popup-close{background:0 0;border:none;color:rgba(255,255,255,.4);font-size:.85em;cursor:pointer;padding:.1em .3em;border-radius:4px;line-height:1;transition:color .15s,background .15s}.tier-popup-close:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.08)}.tier-dist{display:flex;flex-direction:column;gap:.3em;margin-bottom:.75em}.tier-dist-row{display:flex;align-items:center;gap:.4em}.tier-dist-label{width:1.2em;text-align:center;font-weight:800;font-size:.9em;flex-shrink:0}.tier-dist-row.tier-s .tier-dist-label{color:var(--tier-s)}.tier-dist-row.tier-a .tier-dist-label{color:var(--tier-a)}.tier-dist-row.tier-b .tier-dist-label{color:var(--tier-b)}.tier-dist-row.tier-c .tier-dist-label{color:var(--tier-c)}.tier-dist-row.tier-d .tier-dist-label{color:var(--tier-d)}.tier-dist-bar-wrap{flex:1;height:6px;background:rgba(255,255,255,.08);border-radius:3px;overflow:hidden}.tier-dist-bar{height:100%;border-radius:3px;transition:width .3s ease;background:rgba(255,255,255,.25)}.tier-dist-row.tier-s .tier-dist-bar{background:var(--tier-s)}.tier-dist-row.tier-a .tier-dist-bar{background:var(--tier-a)}.tier-dist-row.tier-b .tier-dist-bar{background:var(--tier-b)}.tier-dist-row.tier-c .tier-dist-bar{background:var(--tier-c)}.tier-dist-row.tier-d .tier-dist-bar{background:var(--tier-d)}.tier-dist-row.active .tier-dist-bar-wrap{box-shadow:0 0 0 1px rgba(255,215,0,.5)}.tier-dist-pct{width:5em;text-align:right;font-size:.78em;color:rgba(255,255,255,.6);flex-shrink:0}.tier-dist-pct small{color:rgba(255,255,255,.4)}.tier-vote-section{border-top:1px solid rgba(255,255,255,.08);padding-top:.6em;margin-bottom:.5em}.tier-select-label{font-size:.75em;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4em}.tier-btns{display:flex;gap:.3em}.tier-select-btn{flex:1;padding:.4em 0;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:rgba(255,255,255,.06);cursor:pointer;font-weight:800;font-size:.9em;transition:background .15s,border-color .15s,transform .1s;color:rgba(255,255,255,.7)}.tier-select-btn:hover{background:rgba(255,255,255,.12);transform:translateY(-1px)}.tier-select-btn.tier-s{color:var(--tier-s)}.tier-select-btn.tier-a{color:var(--tier-a)}.tier-select-btn.tier-b{color:var(--tier-b)}.tier-select-btn.tier-c{color:var(--tier-c)}.tier-select-btn.tier-d{color:var(--tier-d)}.tier-select-btn.user-voted{background:rgba(255,215,0,.15);border-color:rgba(255,215,0,.6);box-shadow:0 0 6px rgba(255,215,0,.2)}.tier-unvote-hint{margin-top:.35em;font-size:.7em;color:rgba(255,255,255,.35);text-align:center}.tier-trend-info{font-size:.78em;padding:.3em .5em;border-radius:4px;margin-bottom:.4em;background:rgba(255,255,255,.04)}.tier-trend-info.up{color:var(--tier-a)}.tier-trend-info.down{color:var(--tier-d)}.tier-trend-info.same{color:rgba(255,255,255,.4)}.tier-trend-info small{color:rgba(255,255,255,.3)}.tier-total{font-size:.72em;color:rgba(255,255,255,.35);text-align:right;border-top:1px solid rgba(255,255,255,.06);padding-top:.35em;margin-top:.1em}.card-name-row{display:flex;align-items:center;justify-content:center;gap:.4em;flex-wrap:nowrap;margin-bottom:var(--sts2-gap-md)}.card-name-row h2{margin-bottom:0 !important;min-width:0}.card-name-row .sts2-tier-widget{flex:0 0 auto;padding:.22em .45em}.relic-name-row{display:flex;align-items:center;gap:.4em;flex-wrap:nowrap}.relic-name-row h2{margin-bottom:0 !important;flex:1 1 auto;min-width:0}.relic-name-row .sts2-tier-widget.relic{flex:0 0 auto;padding:.22em .45em;margin-top:0}