[data-item=basic]{--tone:#a1d950;--tone-light:#bfeb82}[data-item=zakum]{--tone:#cfa36f;--tone-light:#f0c78e}[data-item=resi]{--tone:#75c4b4;--tone-light:#8fe0cf}[data-item=mobile]{--tone:#acc692;--tone-light:#cbe0ad}.gear-tooltip{box-shadow:inset 0 2px var(--tone), inset 0 0 0 1px #ffe6be0f, 0 14px 30px #2a12064d;transition:box-shadow .4s;position:relative;overflow:hidden}.gear-tooltip-icon{border:1px solid var(--tooltip-rule);border-radius:var(--radius-md);background:radial-gradient(circle,color-mix(in srgb,var(--tone) 32%,transparent),#14080259 72%);flex:0 0 64px;place-items:center;height:64px;display:grid;position:relative;overflow:hidden}.gear-name{color:var(--tone-light)}.gear-glint:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 40%,#fff8e18c 50%,#0000 60%);position:absolute;inset:-20%;translate:-100%}.gear-tooltip{padding:18px 20px 20px}.gear-tooltip-head{border-bottom:1px dashed var(--tooltip-rule);align-items:center;gap:14px;padding-bottom:12px;display:flex}.gear-tooltip h3{font:700 19px/1.2 var(--font-display),var(--font-cjk);text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:8px;margin:0;display:flex}.gear-tooltip-head p{color:var(--tooltip-muted);margin:3px 0 0;font-size:12px}.gear-tag{border-radius:var(--radius-sm);font:700 12px/1.2 var(--font-body);letter-spacing:.06em;text-transform:none;padding:2px 6px}.gear-tag-basic{color:#355728;background:#b9e879}.gear-tag-gold{color:#5a3a0a;background:#ffd66b}.gear-compare-line{color:var(--tooltip-muted);font:700 12px/1.6 var(--font-body);letter-spacing:.04em;text-transform:uppercase;margin:12px 0 8px}.gear-stats{border-bottom:1px dashed var(--tooltip-rule);gap:7px;margin:0;padding:0 0 12px;list-style:none;display:grid}.gear-stats li{grid-template-columns:minmax(0,1fr) auto 60px;align-items:center;gap:12px;display:grid}.gear-stat-label{color:#e9e4d6;font-size:14px}.gear-delta{text-align:right;color:var(--tooltip-muted);font:700 12px/1.2 var(--font-display),var(--font-cjk)}.gear-delta[data-dir=up]{color:#8fe06a}.gear-delta[data-dir=down]{color:#ff7b6b}.gear-grade-note{color:var(--tooltip-muted);margin:6px 0 0;font-size:11px;line-height:1.4}.gear-pips{gap:4px;display:flex}.gear-pips span{width:20px;height:9px;transition:background .26s ease calc(var(--p) * 45ms), box-shadow .26s ease calc(var(--p) * 45ms);background:#5a3620;border-radius:2px;box-shadow:inset 0 0 0 1px #0000}.gear-pips span[data-state=keep]{background:#f2d27a}.gear-pips span[data-state=gain]{background:#8fe06a;box-shadow:inset 0 0 0 1px #c9f5ae,0 0 7px #8fe06abf}.gear-pips span[data-state=loss]{background:#ff7b6b14;box-shadow:inset 0 0 0 1px #ff7b6b}.gear-facts{border-bottom:1px dashed var(--tooltip-rule);gap:5px;margin:0;padding:12px 0;display:grid}.gear-facts>div{grid-template-columns:96px minmax(0,1fr);gap:10px;display:grid}.gear-facts dt{color:var(--tooltip-muted);font-size:12px}.gear-facts dd{color:#f3efe4;margin:0;font-size:14px}.gear-potential{border-bottom:1px dashed var(--tooltip-rule);padding:12px 0}.gear-potential>p{color:var(--pot-head,#9be37a);font:700 12px/1.6 var(--font-body);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px}.gear-potential ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.gear-potential li{color:var(--pot-text,#c9f0b4);font-size:14px}.gear-potential li:before{content:"◆ ";color:var(--pot-head,#9be37a);vertical-align:1px;font-size:12px}.gear-tooltip-foot{padding-top:14px}.gear-price{flex-wrap:wrap;align-items:center;gap:4px 10px;margin:0 0 12px;display:flex}.gear-price-label{color:var(--tooltip-muted);font:700 12px/1.6 var(--font-body);letter-spacing:.04em;text-transform:uppercase;flex-basis:100%}.gear-price .value-damage-price{font-size:32px}.gear-price .value-price-inner-rim{color:#fff6de;-webkit-text-stroke-color:#fff6de}:is(.gear-tooltip,.gc-tip)[data-item=basic] .value-price-rim{color:#537c3d;-webkit-text-stroke-color:#537c3d;text-shadow:0 2px #1c2a14}:is(.gear-tooltip,.gc-tip)[data-item=basic] .value-price-fill{background-image:linear-gradient(#439936 12%,#71ba3e 47%,#9edb57 73%,#c4ed84 92%)}:is(.gear-tooltip,.gc-tip)[data-item=zakum] .value-price-rim{color:#a97139;-webkit-text-stroke-color:#a97139;text-shadow:0 2px #3b2614}:is(.gear-tooltip,.gc-tip)[data-item=zakum] .value-price-fill{background-image:linear-gradient(#ad7438 12%,#d39b5a 60%,#f0c78e 92%)}:is(.gear-tooltip,.gc-tip)[data-item=resi] .value-price-rim{color:#397d70;-webkit-text-stroke-color:#397d70;text-shadow:0 2px #12302a}:is(.gear-tooltip,.gc-tip)[data-item=resi] .value-price-fill{background-image:linear-gradient(#397d70 12%,#75c4b4 60%,#9adcd0 92%)}:is(.gear-tooltip,.gc-tip)[data-item=mobile] .value-price-rim{color:#536f42;-webkit-text-stroke-color:#536f42;text-shadow:0 2px #1b2614}:is(.gear-tooltip,.gc-tip)[data-item=mobile] .value-price-fill{background-image:linear-gradient(#536f42 12%,#acc692 60%,#ceddbb 92%)}.gear-price-unit{color:var(--tooltip-muted);font-size:14px}.gear-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.gear-actions .maple-btn{text-transform:uppercase;width:100%}.gear-tooltip[data-item=basic]{--pot-head:#9edb57;--pot-text:#d4f1b0}.gear-tooltip[data-item=zakum]{--pot-head:#f0c78e;--pot-text:#f8e1bc}.gear-tooltip[data-item=resi]{--pot-head:#75d6c4;--pot-text:#c3ede4}.gear-tooltip[data-item=mobile]{--pot-head:#b8d49a;--pot-text:#dbe8cc}@media (prefers-reduced-motion:no-preference){.gear-glint:after{animation:.7s ease-out 80ms both gear-glint}.gear-glint>*{animation:.42s cubic-bezier(.2,.9,.3,1.25) both gear-rise}.gear-swap{animation:.36s cubic-bezier(.16,.84,.3,1) both gear-settle}.gear-delta[data-dir]{animation:.42s cubic-bezier(.2,.9,.3,1.4) .2s both gear-pop}}@keyframes gear-glint{to{translate:100%}}@keyframes gear-rise{0%{transform:translateY(6px)scale(.92)}}@keyframes gear-settle{0%{transform:translateY(5px)}}@keyframes gear-pop{0%{transform:scale(.6)}}.gear-tooltip-icon :is(.pixel-book-sprite,.pixel-globe-sprite,.pixel-phone-sprite,.pixel-server-sprite,.pixel-key-sprite){width:54px;max-width:none;height:54px;display:block}@media (max-width:400px){.gear-stats li{grid-template-columns:minmax(0,1fr) auto 52px;gap:8px}.gear-pips span{width:12px}.gear-facts>div{grid-template-columns:80px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.gear-pips span{transition:none}}