/* Collection presentation: current official products/cards, no catalogue edits. */
body[data-view=collection] #app>.header.collection-shell-header{position:relative;display:flex;align-items:center;gap:5px;padding:var(--screen-safe-top) max(6px,env(safe-area-inset-right,0px)) 0 max(6px,env(safe-area-inset-left,0px));min-height:calc(52px + var(--screen-safe-top));background:linear-gradient(90deg,#021623e8,#052135b0 58%,#04152270),url('/assets/premium-pass-one/luffy-battle-portrait-2d-v1.png') 67% 10%/auto 150px no-repeat,url('/assets/reference-v1/port.png') center 24%/cover;border-bottom:1px solid #c3a05f;isolation:isolate}
#app>.collection-shell-header h1{position:relative;min-width:0;flex:1;font:600 24px/1.05 'Carto Condensed',sans-serif;white-space:nowrap;color:#ffe5a5;text-shadow:0 2px #001826;margin:0}#app>.collection-shell-header h1 small{display:block;font:7px/1.2 system-ui;letter-spacing:.08em;color:#ffedc1}#app>.collection-shell-header .icon-btn{width:36px;min-width:36px;min-height:44px;padding:3px;border:1px solid #c5a25f;border-radius:7px;background:#061d2bc9;color:#ffe3a2}#app>.collection-shell-header .collection-home{border:0;background:transparent}#app>.collection-shell-header .navigation-emblem{width:36px;height:36px}#app>.collection-shell-header select{max-width:53px;min-width:45px;height:40px;padding:2px;border:1px solid #bd9858;border-radius:6px;background:#072134db;color:#ffedbd;font-size:16px!important}
#app>.layout.collection{padding:6px max(8px,env(safe-area-inset-right,0px)) 10px max(8px,env(safe-area-inset-left,0px));gap:7px;background:linear-gradient(#031a2ae8,#021321f2),url('/assets/premium-pass-one/naval-leather-v1.png') center/cover;color:#f8e8bf}#app>.layout.collection>*{flex-shrink:0}#app>.layout.collection .ownership-tabs{display:flex;gap:3px;border:1px solid #b99555;border-radius:8px;padding:3px;margin:0;background:#031725}#app>.layout.collection .ownership-tabs button{min-width:0;flex:1;min-height:36px;padding:4px;font:600 14px 'Carto Condensed',sans-serif;background:linear-gradient(#163d53,#071c2c);color:#fff0c7;border:1px solid #526e7e;border-radius:5px}#app>.layout.collection .ownership-tabs button.active{background:linear-gradient(#ffe6a1,#b88635);border-color:#ffe9a9;color:#162c3a}#app>.layout.collection .ownership-tabs button:last-child{flex:.6;color:#ff6669;font-size:20px}
#app>.layout.collection .collection-search{display:flex;gap:6px;min-height:40px;margin:0}#app>.layout.collection .collection-search input{min-width:0;flex:1;height:40px;padding:6px 9px;background:#061c2bcc;border:1px solid #91a4ad;border-radius:7px;color:#fff1cf}#app>.layout.collection .collection-search .icon-btn{width:40px;min-height:40px;background:#0b2d41;border:1px solid #c49f59;border-radius:7px;color:#efd09a}
#app>.layout.collection .collection-extensions{margin:0;min-width:0}#app>.layout.collection .collection-extensions h2{display:flex;align-items:center;gap:5px;font:600 20px 'Carto Condensed',sans-serif;margin:0 0 3px;color:#ffe2a1}#app>.layout.collection .collection-extensions h2>span:not(.navigation-emblem){padding:2px 18px 3px 8px;background:url('/assets/ui/parchment-wide.svg') center/100% 100%;color:#20313b;text-shadow:none}#app>.layout.collection .collection-extensions h2 .navigation-emblem{width:24px;height:24px}#app>.layout.collection .collection-extensions .set-ribbon{display:flex;height:78px;min-height:78px;gap:6px;margin:0;padding:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-snap-type:x proximity}#app>.layout.collection .collection-extensions .set-mini{position:relative;flex:0 0 51px;min-width:51px;min-height:70px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:3px;border:1px solid #a1844e;border-radius:6px;background:linear-gradient(#15425a,#03121e);color:#ffe9b5;gap:2px;scroll-snap-align:start}#app>.layout.collection .collection-extensions .set-mini.active{border-color:#ffdc85;box-shadow:inset 0 0 0 1px #ead08a;background:linear-gradient(#736034,#142a36)}#app>.layout.collection .set-mini b{font:600 13px/1 'Carto Condensed',sans-serif;white-space:nowrap}#app>.layout.collection .set-mini .real-pack-art{flex:1;width:33px;height:46px;min-height:0;max-height:46px;margin:0;filter:drop-shadow(0 2px 2px #0008)}#app>.layout.collection .set-mini .all-cover{display:grid;place-items:center;height:44px;width:40px;background:none;border:0}#app>.layout.collection .set-mini .all-cover .navigation-emblem{width:34px;height:34px}#app>.layout.collection .set-mini>.image-wrap{width:34px;height:46px;min-height:0;aspect-ratio:5/7}
#app>.layout.collection .collection-progress{margin:0;padding:7px 9px;border-radius:7px;background:linear-gradient(#12374c,#041726);border:1px solid #bd9854}#app>.layout.collection .collection-progress>div:first-child{gap:6px;font-size:12px;align-items:center}#app>.layout.collection .collection-progress strong{font-size:11px;white-space:nowrap}#app>.layout.collection .collection-progress .progress{height:7px;margin-top:5px}
#app>.layout.collection .collection-ref-options{margin:0;border:1px solid #786c4c;border-radius:6px;background:#092335;color:#e6d5ad;padding:0 7px}#app>.layout.collection .collection-ref-options>summary{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:32px;font-size:11px}#app>.layout.collection .collection-ref-options>summary small{font-size:10px}#app>.layout.collection .collection-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;max-height:240px;overflow:auto;padding-block:7px}#app>.layout.collection .collection-advanced-grid label{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:11px}#app>.layout.collection .collection-advanced-grid :is(select,input){width:100%;min-width:0;min-height:36px;font-size:16px;padding:3px;background:#12354a;color:#fff0c7;border:1px solid #a18b59;border-radius:4px}
#app>.layout.collection .rarity-section{padding:0;margin:2px 0 6px;background:none;border:0;border-radius:0}#app>.layout.collection .rarity-heading{border-bottom:1px solid #b58e46;padding-bottom:4px;gap:3px;margin:0 0 6px}#app>.layout.collection .rarity-heading h2{display:flex;align-items:center;gap:5px;min-width:0;margin:0;color:#1b2d39;text-shadow:none;background:url('/assets/ui/parchment-wide.svg') center/100% 100%;padding:4px 17px 5px 3px;font:600 20px/1.1 'Carto Condensed',sans-serif}#app>.layout.collection .rarity-heading small{font-size:11px;color:#2a3840;white-space:nowrap}#app>.layout.collection .rarity-sigil{display:grid;place-items:center;width:28px;height:28px;flex:none;border:1px solid #bc8e37;border-radius:50%;color:#ffe19a;background:#082237;font:600 15px 'Carto Condensed',sans-serif}#app>.layout.collection .rarity-heading .text-btn{min-height:36px;white-space:nowrap;font:600 14px 'Carto Condensed',sans-serif;padding:4px 9px;border:1px solid #bd9958;border-radius:6px;color:#ffe9ae;background:linear-gradient(#183c50,#051724)}
#app>.layout.collection .rarity-preview{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 18px)/4);gap:6px;overflow-x:auto;overflow-y:hidden;padding:0 0 3px;scrollbar-width:thin}#app>.layout.collection .catalog-grid.design-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}#app>.layout.collection .catalog-grid.design-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))}#app>.layout.collection .card-tile{padding:2px;min-width:0;display:flex;flex-direction:column;border:1px solid #bfa46b;border-radius:6px;background:linear-gradient(#17374b,#03131f);gap:2px}#app>.layout.collection .card-tile .image-wrap{width:100%;height:auto;aspect-ratio:5/7;min-height:0;max-height:none;border-radius:4px;border:0}#app>.layout.collection .card-tile .card-label{font:600 13px/1.05 'Carto Condensed',sans-serif;min-height:26px;max-height:27px;overflow:hidden;margin:1px 2px;color:#fff0cd}#app>.layout.collection .card-tile .album-card-line{padding:0 2px;gap:2px}#app>.layout.collection .card-tile .album-card-code{font-size:9px;white-space:nowrap}#app>.layout.collection .card-tile .album-rarity{font-size:8px;padding:1px 2px}#app>.layout.collection .card-tile .card-price{font-size:10px;padding:0 2px 2px;color:#f6d389}#app>.layout.collection .unowned .image-wrap img{filter:none;opacity:.85}
/* Shared compact headers retain each screen's existing illustration. */
.mobile-finish dialog.voyage-dialog.mobile-art>header{min-height:calc(44px + var(--screen-safe-top));padding:var(--screen-safe-top) max(8px,env(safe-area-inset-right,0px)) 0 max(8px,env(safe-area-inset-left,0px));gap:7px;border:0;box-shadow:none;backdrop-filter:none;background:linear-gradient(#031a2a55,#031a2a55),var(--page-header-scene,url('/assets/group-three/captain-cabin-v1.jpg')) center 22%/cover}.mobile-finish dialog.voyage-dialog.mobile-art>header>div{min-width:0;padding:4px 13px 5px;background:#ead09b url('/assets/ui/parchment-wide.svg') center/100% 100%;border-radius:3px;color:#1d3441}.mobile-finish dialog.voyage-dialog.mobile-art>header h2{font-size:21px!important;line-height:1.05;margin:0!important;color:#203442;text-shadow:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-finish dialog.voyage-dialog.mobile-art>header small{font-size:7px;color:#45515a;letter-spacing:.05em}.mobile-finish dialog.voyage-dialog.mobile-art>header .page-kicker{display:none}.mobile-finish dialog.voyage-dialog.mobile-art>header>.voyage-close-compact{display:grid;place-items:center;flex:0 0 40px;width:40px;min-width:40px;min-height:40px;height:40px;padding:0;border:1px solid #c2a05e;border-radius:7px;background:#092a3bce;color:#ffedbc;font:26px/1 system-ui}.mobile-finish dialog.voyage-dialog[data-page=cosmetics]{--page-header-scene:url('/assets/fidelity-v2/wardrobe-cabin.png')}.mobile-finish dialog.voyage-dialog[data-page=events]{--page-header-scene:url('/assets/group-four/port-cup-v1.jpg')}.mobile-finish dialog.voyage-dialog[data-page=sea]{--page-header-scene:url('/assets/reference-v1/world.png')}.mobile-finish dialog.voyage-dialog[data-page=map]{--page-header-scene:url('/assets/reference-v1/exploration.png')}.mobile-finish dialog.voyage-dialog[data-page=crew] .crew-heading{margin-bottom:4px}.mobile-finish dialog.voyage-dialog[data-page=crew] .crew-heading h3{font-size:22px!important}
@media(min-width:760px){#app>.layout.collection .rarity-preview{grid-auto-columns:calc((100% - 42px)/8)}#app>.layout.collection .catalog-grid.design-grid{grid-template-columns:repeat(8,minmax(0,1fr))}#app>.layout.collection .collection-extensions .set-mini{flex-basis:59px}#app>.collection-shell-header h1{font-size:27px}}
@media(max-width:350px){#app>.collection-shell-header h1{font-size:21px}#app>.collection-shell-header .icon-btn{width:32px;min-width:32px}#app>.layout.collection .rarity-heading h2{font-size:18px}#app>.layout.collection .card-tile .album-card-line{flex-wrap:wrap}}

#app>.layout.collection>.ownership-tabs{order:1}#app>.layout.collection>.collection-search{order:2}#app>.layout.collection>.collection-extensions{order:3}#app>.layout.collection>.collection-progress{order:4}#app>.layout.collection>.collection-ref-options{order:5}#app>.layout.collection>:is(.rarity-section,.catalog-grid,.empty){order:6}#app>.layout.collection>.btn{order:7}

#app>.layout.collection .rarity-heading h2,#app>.layout.collection .collection-extensions h2>span:not(.navigation-emblem){background-color:#ead09b;border-radius:3px;box-shadow:inset 0 0 0 1px #b28c50}

#app>.layout.collection .rarity-preview.large{grid-auto-columns:calc((100% - 12px)/3)}@media(min-width:760px){#app>.layout.collection .rarity-preview.large{grid-auto-columns:calc((100% - 24px)/5)}}