.chip-selector{--chip-size: 52px;--chip-size-mobile: 44px;--chip-nav-size: 34px;--chip-nav-size-mobile: 30px;--chip-radius: 999px;--chip-font-size: 14px;--chip-font-size-mobile: 12px;--chip-shadow: 0 4px 10px rgba(0, 0, 0, .34);--chip-active-shadow: none;display:inline-flex;align-items:center;gap:10px}.chip-list{display:flex;flex:1;align-items:center;gap:8px;overflow-x:auto;flex-wrap:nowrap;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;justify-content:safe center;padding:14px 16px;mask-image:linear-gradient(to right,transparent 0%,#000 6%,#000 94%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 6%,#000 94%,transparent 100%)}.chip-list::-webkit-scrollbar{display:none}.chip-nav{width:var(--chip-nav-size);height:var(--chip-nav-size);border-radius:10px;border:1px solid #a8b5bc;background:#eef2f3;color:#233039;font-weight:700;cursor:pointer}.chip-nav:disabled{opacity:.4;cursor:not-allowed}.chip-btn{--chip-active-glow: rgba(255, 255, 255, .45);width:var(--chip-size);height:var(--chip-size);flex-shrink:0;border:2px solid transparent;border-radius:var(--chip-radius);cursor:pointer;position:relative;background-color:var(--chip-fill, #d9dde3);box-shadow:var(--chip-shadow);transition:transform .16s ease,filter .16s ease,box-shadow .16s ease;overflow:hidden;isolation:isolate}.chip-svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.chip-svg .svg-chip-bg,.chip-svg .svg-chip-center{fill:var(--chip-fill, #d9dde3)}.chip-svg .svg-chip-grooves,.chip-svg .svg-chip-inner-line{stroke:var(--color-gold, #c5a059)}.chip-value{position:absolute;inset:0;display:grid;place-items:center;font-size:var(--chip-font-size);font-weight:900;color:var(--chip-text, #fff);text-shadow:0 1px 1px rgba(0,0,0,.24);z-index:2}.chip-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.chip-btn.active{border-color:transparent!important;outline:2px solid var(--chip-active-border, #f6d46f)!important;outline-offset:3px!important;transform:scale(1.08) translateY(-2px)!important;box-shadow:0 8px 14px #0000006b!important;filter:brightness(1.06)}.chip-btn:disabled{opacity:.42;filter:grayscale(1);cursor:not-allowed}.chip-btn.tier-green{--chip-fill: #456d4b;--chip-text: #ffffff;--chip-active-glow: rgba(69, 109, 75, .6)}.chip-btn.tier-navy{--chip-fill: #38526c;--chip-text: #ffffff;--chip-active-glow: rgba(56, 82, 108, .6)}.chip-btn.tier-red{--chip-fill: #912734;--chip-text: #ffffff;--chip-active-glow: rgba(145, 39, 52, .6)}.chip-btn.tier-purple{--chip-fill: #4a244d;--chip-text: #ffffff;--chip-active-glow: rgba(74, 36, 77, .6)}.chip-btn.tier-black{--chip-fill: #121417;--chip-text: #ffffff;--chip-active-glow: rgba(117, 131, 166, .46)}.chip-btn.tier-white{--chip-fill: #eef2f7;--chip-text: #101725;--chip-active-glow: rgba(157, 170, 197, .55)}@media(max-width:640px){.chip-btn{width:var(--chip-size-mobile);height:var(--chip-size-mobile)}.chip-value{font-size:var(--chip-font-size-mobile)}.chip-nav{width:var(--chip-nav-size-mobile);height:var(--chip-nav-size-mobile)}}