.collection-page{color:#19384c;background:#d9ebd7;border-top:4px solid #284c58;padding:16px max(3vw,16px) 56px}.collection-shell{max-width:1320px;margin-inline:auto}.collection-game-bar{color:#fff9e6;letter-spacing:.07em;text-transform:uppercase;background:#265773;border:4px solid #19384c;justify-content:space-between;gap:16px;padding:9px 16px;font:800 .78rem/1.3 ui-monospace,SFMono-Regular,monospace;display:flex}.collection-hero{background:#fff9e8;border:4px solid #19384c;border-top:0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:330px;display:grid;box-shadow:0 6px #8ba48e}.collection-intro{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(22px,4vw,52px);display:flex}.collection-intro .eyebrow,.collection-kicker{color:#315a66;letter-spacing:.08em;text-transform:uppercase;margin:0;font:800 .76rem/1.3 ui-monospace,SFMono-Regular,monospace;display:inline-block}.collection-intro h1{color:#17394b;letter-spacing:-.065em;text-wrap:balance;max-width:10ch;margin:16px 0 0;font:900 clamp(2.9rem,5vw,5.4rem)/.98 ui-sans-serif,system-ui,sans-serif}.collection-intro p{max-width:47ch;margin:20px 0 0;font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.45}.collection-explore{color:#19384c;background:#ffcb58;border:3px solid #19384c;align-items:center;gap:16px;min-height:48px;margin-top:24px;padding:9px 15px;font:800 .9rem/1.2 ui-monospace,SFMono-Regular,monospace;text-decoration:none;display:inline-flex;box-shadow:4px 4px #19384c}.collection-explore:hover{background:#ffe083}.collection-world{background:#54bccc;border-left:4px solid #19384c;min-width:0;min-height:330px;position:relative;overflow:hidden}.collection-world img{object-fit:cover;object-position:center;width:100%;height:100%;image-rendering:pixelated;display:block}.collection-world-note{color:#19384c;text-align:center;text-transform:uppercase;background:#fff9e8;border:3px solid #19384c;padding:12px 14px;font:800 .8rem/1.4 ui-monospace,SFMono-Regular,monospace;position:absolute;top:18px;right:18px;box-shadow:4px 4px #19384c}.collection-browser{margin-top:24px;scroll-margin-top:20px}.collection-browser-head{color:#fff9e6;background:#265773;border:4px solid #19384c;justify-content:space-between;align-items:flex-end;gap:20px;padding:14px 18px;display:flex}.collection-browser-head .collection-kicker{color:#cbe5dc}.collection-browser-head h2{letter-spacing:-.02em;margin-top:4px;font:900 clamp(1.6rem,2.5vw,2.5rem)/1.05 ui-sans-serif,system-ui,sans-serif}.collection-browser-mark{color:#ffcb58;font-size:2.5rem;line-height:1}.collection-tabs{flex-wrap:wrap;gap:10px;padding:16px 0;display:flex}.collection-tab{color:#19384c;cursor:pointer;text-align:left;background:#fff9e8;border:3px solid #19384c;align-items:center;gap:12px;min-height:50px;padding:9px 16px;font:800 .92rem/1.2 ui-monospace,SFMono-Regular,monospace;display:inline-flex;box-shadow:3px 3px #8ba48e}.collection-tab:hover{background:#eaf4db}.collection-tab[aria-selected=true]{background:#ffcb58;box-shadow:3px 3px #19384c}.collection-tab-count{border:2px solid;place-items:center;min-width:28px;height:26px;padding:0 5px;font-size:.72rem;display:inline-grid}.collection-tab:focus-visible,.collection-explore:focus-visible{outline-offset:4px;outline:4px solid #e47338}.collection-status{background:#fff9e8;border:3px solid #19384c;margin:8px 0 18px;padding:16px;font-size:1rem}.collection-status[hidden],.collection-section[hidden]{display:none!important}.collection-sections{margin-top:2px}.collection-section{background:#fff9e8;border:4px solid #19384c;box-shadow:5px 5px #8ba48e}.collection-section-heading{border-bottom:3px solid #19384c;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;padding:18px 22px;display:flex}.collection-section h3{letter-spacing:-.02em;font:900 clamp(1.6rem,2.7vw,2.7rem)/1.05 ui-sans-serif,system-ui,sans-serif}.collection-section-heading p{color:#315a66;margin:4px 0 0;font-size:.97rem}.collection-section-count{text-transform:uppercase;letter-spacing:.04em;font:800 .75rem/1.4 ui-monospace,SFMono-Regular,monospace}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:16px;padding:20px;display:grid}.collection-card{background:#fffdf6;border:3px solid #284c58;min-width:0;padding:12px;box-shadow:3px 3px #b3c6b2}.collection-art{aspect-ratio:1;background:#e1eee4;border:2px solid #bbd0c5;place-items:center;display:grid;overflow:hidden}.collection-art img{object-fit:contain;width:100%;height:100%;display:block}.collection-art-fallback{color:#315a66;text-align:center;text-transform:uppercase;place-items:center;width:100%;height:100%;padding:22px;font:800 .75rem/1.5 ui-monospace,SFMono-Regular,monospace;display:grid}.collection-card-copy{min-width:0;padding:15px 2px 3px}.collection-card h4{color:#19384c;letter-spacing:-.035em;overflow-wrap:anywhere;font:900 clamp(1.18rem,1.6vw,1.55rem)/1.15 ui-sans-serif,system-ui,sans-serif}.collection-card p{overflow-wrap:anywhere;margin:8px 0 0;line-height:1.4}.collection-card .collection-detail{text-transform:uppercase;letter-spacing:.03em;background:#e3efd1;border:2px solid #284c58;margin-top:14px;padding:4px 7px;font:800 .75rem/1.4 ui-monospace,SFMono-Regular,monospace;display:inline-block}.collection-grid--single{grid-template-columns:minmax(0,1fr)}.collection-grid--single .collection-card{grid-template-columns:minmax(160px,260px) minmax(0,1fr);align-items:center;gap:clamp(20px,4vw,48px);width:min(100%,900px);margin-inline:auto;display:grid}.collection-grid--single .collection-card-copy{padding:8px 0}.collection-grid--single .collection-card h4{font-size:clamp(1.5rem,2.6vw,2.4rem)}.collection-empty{margin:0;padding:28px 22px;font-size:1rem}@media (width<=700px){.collection-page{padding:12px 14px 36px}.collection-game-bar{padding-inline:9px;font-size:.64rem}.collection-hero{grid-template-columns:1fr}.collection-intro{padding:24px 20px}.collection-intro h1{font-size:clamp(2.65rem,9vw,4rem)}.collection-world{border-top:4px solid #19384c;border-left:0;min-height:180px;max-height:250px}.collection-world-note{padding:7px;font-size:.64rem;top:10px;right:10px}.collection-section-heading{padding:15px}.collection-grid{padding:14px}}@media (width<=460px){.collection-tab{flex:100%;justify-content:space-between}.collection-grid--single .collection-card{grid-template-columns:1fr;gap:0}.collection-grid--single .collection-art{max-height:260px}}@media (prefers-reduced-motion:reduce){.collection-explore,.collection-tab{transition:none}}