.neo-pill-select{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.neo-pill-select__pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid var(--stroke-weak);background:var(--fill-weak);color:var(--text-weak);font-size:14px;font-weight:var(--font-weight-strong);line-height:1;white-space:nowrap;cursor:pointer;transition-property:color,background-color,border-color,box-shadow,transform;transition-duration:.15s;transition-timing-function:var(--ease-out-quad)}@media(hover:hover){.neo-pill-select__pill:hover{color:var(--text-strong);box-shadow:inset 0 0 0 9999px hsla(0,0%,100%,.06)}}.neo-pill-select__pill:focus-visible{outline:none;border-color:var(--stroke-brand);box-shadow:0 0 0 3px var(--brand-200)}.neo-pill-select__pill:active{transform:scale(.96)}.neo-pill-select__pill--icon-only{min-width:40px;padding:8px}.neo-pill-select__pill.is-selected{color:var(--text-strong);background:var(--brand-1000);border-color:var(--brand-1000);box-shadow:0 2px 8px -2px var(--brand-200)}@media(hover:hover){.neo-pill-select__pill.is-selected:hover{box-shadow:0 2px 8px -2px var(--brand-200)}}.neo-pill-select__icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.neo-pill-select__icon svg{display:block;width:100%;height:100%}.neo-pill-select__label{display:inline-block}@media(prefers-reduced-motion:reduce){.neo-pill-select__pill:active{transform:none}}.gear-page{display:flex;flex-direction:column;width:100%;-webkit-font-smoothing:antialiased}.gear-page__header{margin-bottom:24px}.gear-page__overline{margin:0 0 8px;font-size:var(--type-uppercase-size);line-height:var(--type-uppercase-line-height);font-weight:var(--type-uppercase-weight);letter-spacing:var(--type-uppercase-letter-spacing);text-transform:uppercase;color:var(--text-weak)}.gear-page__title{margin:0 0 8px;font-size:clamp(28px,6vw,var(--type-h1-size));line-height:var(--type-h1-line-height);font-weight:var(--type-h1-weight);letter-spacing:var(--type-h1-letter-spacing);color:var(--text-strong);text-wrap:balance}.gear-page__count{margin:0 0 8px;font-size:var(--type-body-large-size);color:var(--text-weak)}.gear-page__count-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-strong);font-weight:var(--font-weight-strong)}.gear-page__caption{margin:0;font-size:var(--type-small-size);line-height:var(--type-small-line-height);color:var(--text-weak);text-wrap:pretty}.gear-page__controls{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.gear-page__controls-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.gear-page__categories{flex:1 1 auto;min-width:0}.gear-page__view-toggle{flex:0 0 auto}.gear-page__search{position:relative;display:flex;align-items:center;width:100%}@media only screen and (min-width:900px){.gear-page__search{max-width:420px}}.gear-page__search-icon{position:absolute;left:14px;width:18px;height:18px;pointer-events:none;opacity:.7}.gear-page__search-input{width:100%;height:44px;padding:8px 44px 8px 42px;border-radius:12px;border:1px solid var(--stroke-weak);background:var(--background-sunken);color:var(--text-strong);font-size:16px;line-height:1.4;transition-property:border-color,box-shadow;transition-duration:.15s;transition-timing-function:var(--ease-out-quad)}.gear-page__search-input::placeholder{color:var(--input-placeholder-color)}.gear-page__search-input:focus,.gear-page__search-input:focus-visible{outline:none;border-color:var(--stroke-brand);box-shadow:0 0 0 3px var(--brand-200)}.gear-page__search-clear{position:absolute;right:6px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:8px;border:none;border-radius:999px;background:rgba(0,0,0,0);color:var(--text-weak);cursor:pointer;transition-property:color,background-color,transform;transition-duration:.12s;transition-timing-function:var(--ease-out-quad)}.gear-page__search-clear:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%)}@media(hover:hover){.gear-page__search-clear:hover{color:var(--text-strong);background:var(--fill-weak)}}.gear-page__search-clear:focus-visible{outline:none;color:var(--text-strong);box-shadow:0 0 0 3px var(--brand-200)}.gear-page__search-clear:active{transform:scale(.96)}.gear-page__results{overflow-x:clip;overflow-clip-margin:12px}.gear-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));grid-gap:12px;gap:12px}@media only screen and (min-width:900px){.gear-page__grid{gap:16px}}@media only screen and (min-width:1200px){.gear-page__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,264px),1fr));gap:20px}}.gear-page__card{display:flex;flex-direction:column;min-height:44px;padding:8px;border-radius:16px;border:1px solid var(--stroke-weak);background:var(--background-base);color:inherit;text-decoration:none;box-shadow:var(--elevation-raised);transition-property:transform,box-shadow,border-color;transition-duration:.15s;transition-timing-function:var(--ease-out-quad)}@media(hover:hover){.gear-page__card:hover{border-color:var(--stroke-mid);box-shadow:var(--elevation-overlay);transform:translateY(-3px)}.gear-page__card:hover .gear-page__tile svg,.gear-page__card:hover .gear-page__tile-img{transform:scale(1.06)}.gear-page__card:hover .gear-page__card-cta{color:var(--text-brand)}}.gear-page__card:focus-visible{outline:none;border-color:var(--stroke-brand);box-shadow:0 0 0 3px var(--brand-200)}.gear-page__card:active{transform:scale(.96)}.gear-page__card--rank-1{--gear-medal:var(--gold-1000)}.gear-page__card--rank-2{--gear-medal:var(--silver-1000)}.gear-page__card--rank-3{--gear-medal:var(--bronze-1000)}.gear-page__tile{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;width:100%;margin-bottom:12px;border-radius:8px;background:var(--background-sunken);color:var(--text-weak);overflow:hidden}.gear-page__tile svg,.gear-page__tile-img{transition:transform .2s var(--ease-out-quad)}.gear-page__tile-img{width:100%;height:100%;object-fit:contain;background:var(--fill-white-solid);border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}.gear-page__card--rank-1 .gear-page__tile,.gear-page__card--rank-2 .gear-page__tile,.gear-page__card--rank-3 .gear-page__tile{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gear-medal) 32%,transparent)}.gear-page__medal{position:absolute;top:8px;left:8px;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;font-size:12px;font-weight:700;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--gear-medal);background:color-mix(in srgb,var(--gear-medal) 16%,var(--background-base));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gear-medal) 45%,transparent),var(--elevation-badge)}.gear-page__card-body{display:flex;flex-direction:column;gap:6px;padding:0 8px 8px}.gear-page__card-name{margin:0;font-size:var(--type-h4-size);line-height:var(--type-h4-line-height);font-weight:var(--type-h4-weight);color:var(--text-strong);text-wrap:balance}.gear-page__card-count{display:inline-flex;align-items:center;gap:6px;color:var(--text-weak);font-size:var(--type-body-size)}.gear-page__card-count-icon{flex-shrink:0}.gear-page__card-count-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.gear-page__share{height:4px;margin-top:2px;border-radius:999px;background:var(--fill-weak);overflow:hidden}.gear-page__share-fill{display:block;height:100%;border-radius:inherit;transform-origin:left center;transform:scaleX(var(--gear-share,0));background:var(--gear-medal,var(--stroke-mid));transition:transform .45s var(--ease-out-quart)}.gear-page__card-cta{margin-top:4px;font-size:var(--type-small-size);font-weight:var(--font-weight-strong);color:var(--text-weak);transition:color .15s var(--ease-out-quad);white-space:nowrap}.gear-page__list{display:flex;flex-direction:column;gap:8px}.gear-page__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;min-height:56px;padding:10px 14px;border-radius:12px;border:1px solid var(--stroke-weak);background:var(--background-base);color:inherit;text-decoration:none;box-shadow:var(--elevation-raised);transition-property:transform,box-shadow,border-color;transition-duration:.15s;transition-timing-function:var(--ease-out-quad)}@media(hover:hover){.gear-page__row:hover{border-color:var(--stroke-mid);box-shadow:var(--elevation-overlay);transform:translateY(-2px)}.gear-page__row:hover .gear-page__row-thumb .gear-page__tile-img,.gear-page__row:hover .gear-page__row-thumb svg{transform:scale(1.06)}.gear-page__row:hover .gear-page__card-cta{color:var(--text-brand)}}.gear-page__row:focus-visible{outline:none;border-color:var(--stroke-brand);box-shadow:0 0 0 3px var(--brand-200)}.gear-page__row:active{transform:scale(.96)}.gear-page__row--rank-1{--gear-medal:var(--gold-1000)}.gear-page__row--rank-2{--gear-medal:var(--silver-1000)}.gear-page__row--rank-3{--gear-medal:var(--bronze-1000)}.gear-page__row-rank{flex:0 0 auto;width:22px;text-align:center;font-size:13px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--gear-medal,var(--text-weak))}.gear-page__row-thumb{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;border-radius:8px;background:var(--background-sunken);color:var(--text-weak);overflow:hidden}.gear-page__row-thumb svg{transition:transform .2s var(--ease-out-quad)}.gear-page__row--rank-1 .gear-page__row-thumb,.gear-page__row--rank-2 .gear-page__row-thumb,.gear-page__row--rank-3 .gear-page__row-thumb{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gear-medal) 32%,transparent)}.gear-page__row-body{display:flex;flex-direction:column;gap:6px;flex:1 1 200px;min-width:0}.gear-page__row-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--type-body-large-size);font-weight:var(--font-weight-strong);color:var(--text-strong)}.gear-page__row-meta{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin-left:auto}.gear-page__grid.is-intro .gear-page__card,.gear-page__list.is-intro .gear-page__row{animation:gear-card-in .46s var(--ease-out-cubic) backwards;animation-delay:calc(var(--gear-i, 0)*42ms)}.gear-page__grid.is-swap .gear-page__card,.gear-page__list.is-swap .gear-page__row{animation:gear-swap-in .14s var(--ease-out-quad) backwards;animation-delay:calc(var(--gear-i, 0)*12ms)}.gear-page__grid.is-slide-right,.gear-page__list.is-slide-right{animation:gear-slide-in-right .2s var(--ease-out-quad) backwards}.gear-page__grid.is-slide-left,.gear-page__list.is-slide-left{animation:gear-slide-in-left .2s var(--ease-out-quad) backwards}.gear-page__grid.is-intro .gear-page__share-fill,.gear-page__list.is-intro .gear-page__share-fill{animation:gear-share-in .64s var(--ease-out-quart) backwards;animation-delay:calc(var(--gear-i, 0)*42ms + 90ms)}.gear-page__grid.is-swap .gear-page__share-fill,.gear-page__list.is-swap .gear-page__share-fill{animation:gear-share-in .24s var(--ease-out-quart) backwards;animation-delay:calc(var(--gear-i, 0)*12ms + 40ms)}.gear-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:56px 24px;border-radius:16px;border:1px solid var(--stroke-weak);background:var(--background-base);text-align:center}.gear-page__empty-icon{color:var(--text-weak);opacity:.7}@media(prefers-reduced-motion:no-preference){.gear-page__empty-icon{animation:gear-empty-float 3.2s var(--ease-out-quad) infinite}}.gear-page__empty-text{margin:0;color:var(--text-weak);font-size:var(--type-body-large-size)}@keyframes gear-card-in{0%{opacity:0;transform:translateY(12px)}}@keyframes gear-swap-in{0%{opacity:0;transform:translateY(4px)}}@keyframes gear-slide-in-right{0%{opacity:0;transform:translateX(22px)}to{opacity:1;transform:translateX(0)}}@keyframes gear-slide-in-left{0%{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:translateX(0)}}@keyframes gear-share-in{0%{transform:scaleX(0)}}@keyframes gear-empty-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:reduce){.gear-page__card:active,.gear-page__card:hover,.gear-page__card:hover .gear-page__tile svg,.gear-page__card:hover .gear-page__tile-img,.gear-page__row:active,.gear-page__row:hover,.gear-page__row:hover .gear-page__row-thumb .gear-page__tile-img,.gear-page__row:hover .gear-page__row-thumb svg,.gear-page__search-clear:active{transform:none}}