:root{--surface:#fff;--surface-2:#f5f5f5;--border:#d0d0d0;--border-soft:#e5e5e5;--accent:#2563eb;--accent-soft:#eff6ff;--accent-ink:#1e40af;--ink:#1a1a1a;--ink-2:#666;--ink-3:#999}.sp-container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.sp-chip{background:var(--surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s}.sp-chip[data-active=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.tier-badge-platinum{background:#f0f4ff;border:1px solid #9ba6cc;border-radius:9999px;color:#3d3d8f}.tier-badge-gold,.tier-badge-platinum{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.tier-badge-gold{background:#fef5e7;border:1px solid #b8801f;border-radius:9999px;color:#8b6914}.tier-badge-claim{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:#f5f5f5;border:1px solid #b8b5ac;border-radius:9999px;font-size:.75rem;font-weight:500;color:#666}.tier-ribbon-platinum{border-color:transparent #9ba6cc transparent transparent;border-style:solid;border-width:0 30px 30px 0}.tier-ribbon-gold,.tier-ribbon-platinum{position:absolute;top:0;right:0;width:0;height:0}.tier-ribbon-gold{border-color:transparent #b8801f transparent transparent;border-style:solid;border-width:0 30px 30px 0}