#treasureCategories{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:24px 0 28px;padding:3px 1px 12px;scrollbar-width:thin;scrollbar-color:#637d47 #11180e}
#treasureCategories button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:0;min-height:140px;padding:12px 8px 14px;border:1px solid #344330;border-radius:13px;background:radial-gradient(ellipse at 50% 0,#39493144,transparent 70%),#10170f;color:#dbe4d4;font:inherit;text-align:center;cursor:pointer;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s}
#treasureCategories button img{display:block;width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 4px 5px #0005);transition:transform .18s}
.category-crew-copy{display:grid;gap:5px;width:100%}#treasureCategories strong{font-size:11px;line-height:1.35;font-weight:750;overflow-wrap:break-word}#treasureCategories small{margin:0;opacity:1;font-size:9px;letter-spacing:.03em;color:#98a58f}
#treasureCategories button:hover{transform:translateY(-3px);border-color:#83ab5b;background-color:#192415;box-shadow:0 7px 18px #0004}#treasureCategories button:hover img{transform:translateY(-2px)}
#treasureCategories button[aria-pressed=true]{color:#ebffdb;border-color:#9ecb68;background:radial-gradient(ellipse at 50% 0,#66864755,transparent 80%),#1d2c17;box-shadow:inset 0 -3px #a4d86b,0 0 0 1px #a4d86b18}#treasureCategories button[aria-pressed=true] small{color:#c2d6af}
#treasureCategories button:focus-visible{outline:2px solid #d2efa5;outline-offset:3px}
.legacy-crew .hero-product{width:min(330px,100%);min-width:0}.legacy-crew .hero-card{max-width:100%}.legacy-crew .hero-card img{max-width:100%}
.treasure-controls{border-radius:14px;background:linear-gradient(120deg,#141d11,#0c120a);border-color:#33432b}.treasure-controls input,.treasure-controls select{border-radius:8px}.treasure-controls button{border-radius:8px;background:#202e18;border-color:#4a603a;transition:background .18s}.treasure-controls button:hover{background:#304325;color:#fff}
@media(max-width:1100px){#treasureCategories{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){#treasureCategories{grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:144px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;gap:8px;margin:18px 0 22px;padding-bottom:14px}#treasureCategories button{scroll-snap-align:start;min-height:125px;padding:9px 8px 12px;gap:4px}#treasureCategories button img{width:55px;height:55px}#treasureCategories strong{font-size:11px}.treasure-controls{padding:14px}}
@media(prefers-reduced-motion:reduce){#treasureCategories button,#treasureCategories button img,.treasure-controls button{transition:none}}
.category-crew-heading{display:flex;align-items:center;gap:15px;margin:32px 0 4px;min-width:0}
.category-crew-heading h2{flex:0 1 auto;margin:0;color:#e5d3a1;font-family:"Pirata One",Georgia,serif;font-size:clamp(28px,3.2vw,43px);font-weight:400;line-height:1.2;letter-spacing:.025em;background:linear-gradient(110deg,#c6af76 0%,#eee2c1 36%,#fff9e6 48%,#c6af76 60%,#e5d3a1 100%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.category-crew-compass{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #bba16c38;border-radius:50%;background:radial-gradient(circle,#c5ad7020,transparent 72%);color:#c5ad70}
.category-crew-compass svg{width:34px;height:34px;stroke:currentColor;stroke-width:1.2}.category-compass-needle{fill:#d8c18a;transform-origin:24px 24px}
.category-crew-rule{flex:1;min-width:20px;height:1px;background:linear-gradient(90deg,#bba16c55,transparent);position:relative}.category-crew-rule:before{content:"";position:absolute;left:0;top:-2px;width:5px;height:5px;transform:rotate(45deg);background:#bba16c}
.category-crew-heading.is-seen h2{animation:category-heading-shine 3.6s ease-out both}.category-crew-heading.is-seen .category-compass-needle{animation:category-heading-bearing 2.4s cubic-bezier(.22,.8,.3,1) both}
.category-crew-heading+#treasureCategories{margin-top:16px}
@keyframes category-heading-shine{from{background-position:100% 50%}to{background-position:0% 50%}}
@keyframes category-heading-bearing{0%{transform:rotate(-100deg)}65%{transform:rotate(12deg)}100%{transform:rotate(0)}}
@media(max-width:700px){.category-crew-heading{gap:10px;margin-top:25px}.category-crew-compass{flex-basis:34px;width:34px;height:34px}.category-crew-compass svg{width:28px;height:28px}.category-crew-heading h2{font-size:28px;letter-spacing:0}.category-crew-rule{min-width:8px}}
@media(prefers-reduced-motion:reduce){.category-crew-heading.is-seen h2,.category-crew-heading.is-seen .category-compass-needle{animation:none}}
#treasureCategories .category-view-close[hidden]{display:none!important}
body.category-view-active>.dp-universal-header,body.category-view-active>.store-footer,body.category-view-active>main>:not(#featured){display:none!important}
body.category-view-active #featured{padding-top:max(16px,env(safe-area-inset-top));scroll-margin-top:0}
body.category-view-active .treasure-controls,body.category-view-active .treasure-results>span{display:none!important}
body.category-view-active .category-crew-heading{margin-top:0}
#treasureCategories .category-view-close{border-color:#ad9364;background:linear-gradient(140deg,#342b1c,#151b12);color:#f0e0bb}
#treasureCategories .category-view-close small{color:#cbb990}
#treasureCategories .category-view-close:after{content:"\00d7";position:absolute;right:8px;top:5px;color:#e2c991;font:20px/1.2 sans-serif}
@media(max-width:700px){body.category-view-active #treasureCategories .category-view-close{position:sticky;left:0;z-index:2;grid-row:1/3;justify-content:center;box-shadow:8px 0 16px #0008;background:linear-gradient(140deg,#342b1c,#151b12)}body.category-view-active #treasureCategories{grid-auto-columns:132px}}

/* The original vector artwork, with independently moving crew and cargo. */
#treasureCategories .crew-mascot{display:block;flex:none;width:62px;height:62px;overflow:visible;filter:drop-shadow(0 4px 5px #0005)}
.crew-body{transform-origin:44px 84px}.crew-wave{transform-origin:22px 57px}.crew-eye{transform-box:fill-box;transform-origin:center}.crew-prop{transform-origin:70px 82px}
#treasureCategories .crew-sail-hint{position:absolute;top:6px;right:6px;padding:3px 5px;border-radius:5px;background:#b4de7c;color:#15220c;font-size:9px;font-weight:800;opacity:0;pointer-events:none}
#treasureCategories .crew-setting-sail{border-color:#cfef9b;box-shadow:0 0 20px #a4d86b30}
#treasureCategories .crew-setting-sail .crew-sail-hint{opacity:1}
.crew-awake .crew-body{animation:crew-hop 760ms ease-in-out}.crew-awake .crew-wave{animation:crew-wave 760ms ease-in-out}.crew-awake .crew-eye{animation:crew-wink 760ms ease-in-out}.crew-awake .crew-prop{animation:crew-cargo 760ms ease-in-out}
.crew-setting-sail .crew-body{animation:crew-depart 760ms ease-in-out}.crew-setting-sail .crew-wave{animation:crew-salute 760ms ease-in-out}.crew-setting-sail .crew-eye{animation:crew-wink 760ms ease-in-out}.crew-setting-sail .crew-prop{animation:crew-cargo 760ms ease-in-out}
#treasureCategories [data-category="apps"] .crew-prop,#treasureCategories [data-category="stickers"] .crew-prop{transform-origin:70px 65px}
@keyframes crew-hop{0%,100%{transform:none}25%{transform:translateY(-5px) rotate(-5deg)}55%{transform:translateY(-2px) rotate(4deg)}75%{transform:translateY(-4px)}}
@keyframes crew-wave{0%,100%{transform:none}25%,65%{transform:rotate(125deg)}45%,80%{transform:rotate(85deg)}}
@keyframes crew-wink{0%,30%,55%,100%{transform:scaleY(1)}40%,45%{transform:scaleY(.1)}}
@keyframes crew-cargo{0%,100%{transform:none}30%{transform:translateY(-6px) rotate(8deg)}65%{transform:translateY(-3px) rotate(-6deg)}}
@keyframes crew-depart{0%,100%{transform:none}18%{transform:translateY(2px) scale(1.04,.94)}45%{transform:translateY(-8px) rotate(-8deg)}75%{transform:translateY(-3px) rotate(6deg)}}
@keyframes crew-salute{0%,100%{transform:none}30%,65%{transform:rotate(135deg)}48%{transform:rotate(100deg)}}
@media(max-width:700px){#treasureCategories .crew-mascot{width:55px;height:55px}}
@media(prefers-reduced-motion:reduce){#treasureCategories .crew-mascot *{animation:none!important}#treasureCategories button:hover{transform:none}}