.development{position:relative;padding-top:0;padding-bottom:0}.section-head{margin-bottom:12px}.section-head h2{font-size:22px;letter-spacing:-.035em}.tabs{padding:5px;gap:3px;background:#153f50c7;border:1px solid #b9d8cb99;border-radius:15px;box-shadow:inset 0 1px 3px #0e334255,0 7px 20px #133e4420}.tabs button{border:0;box-shadow:none;background:none;color:#e2ece2;border-radius:11px;padding:12px 3px;font-size:11px}.tabs button.active{background:linear-gradient(#fff4d8,#e6d09a);color:#42564e;border:0;box-shadow:0 2px 5px #102f4455,inset 0 1px #fffbed}.collection-intro{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 2px 18px;margin:0 0 16px;color:#fff8df;text-shadow:0 2px 4px #15455655}.collection-intro>div>span{font-size:7.5px;letter-spacing:.13em;font-weight:700;opacity:.86}.collection-intro h2{margin:5px 0 0;font-size:21px;line-height:1.1;letter-spacing:-.035em;max-width:220px}.collection-count{flex:none;text-align:right}.collection-count b{display:block;font-size:18px;white-space:nowrap;letter-spacing:.025em}.collection-count span{font-size:8px!important;letter-spacing:0!important}.collection-progress{position:absolute;left:2px;right:2px;bottom:0;height:3px;background:#133e4a66;border-radius:3px;box-shadow:0 1px #dff4da55;overflow:hidden}.collection-progress i{display:block;height:100%;background:linear-gradient(90deg,#e7bd6b,#fff3b8);border-radius:inherit;transition:width .5s}
#catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 12px;align-items:stretch}
#catalog .card{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;padding:5px;gap:0;border:1px solid #fff1ba;border-radius:19px;background:linear-gradient(145deg,#fff5cd 0%,#ddc58a 25%,#ae8954 49%,#f3e3ad 67%,#cfb171 100%);box-shadow:0 3px 0 #9e825b,0 7px 0 #24526330,0 11px 22px #103c4d3b,inset 0 0 0 1px #a17e465c;transition:transform .22s,box-shadow .22s;outline-offset:4px}
#catalog .card:focus-visible{outline:3px solid #fff0ab}#catalog .card.owned{background:linear-gradient(145deg,#f9ecc4,#9fcbbb 38%,#3d8d7b 55%,#f1e1b0 80%)}
.card-stage{position:relative;isolation:isolate;aspect-ratio:1/1.02;overflow:hidden;border-radius:13px 13px 3px 3px;border:1px solid #ab965f;box-shadow:inset 0 0 10px #8b733433;background:linear-gradient(#f9efd9,#e2dbc1)}
.card-stage:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 2px #fff9d947,inset 0 -15px 14px -10px #1d4c5b55;background:linear-gradient(120deg,#fff8d31a,transparent 36%,transparent 70%,#fce5ae1a)}
#catalog .collectible-art{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 15%;transition:transform .45s}
#catalog .characters .card-stage{background:radial-gradient(ellipse at 50% 30%,#fff8f0,#f0e4c8 55%,#c8a97a)}
#catalog .ports .card-stage{background:radial-gradient(ellipse at 50% 25%,#fff8e1,#e8e5c8 67%,#9ccfc3)}
#catalog .ships .card-stage{background:radial-gradient(ellipse at 50% 25%,#fff7de,#dfe9dc 67%,#9bc8d5)}
#catalog .ports .collectible-art,#catalog .ships .collectible-art{object-fit:cover;object-position:50% 50%;mix-blend-mode:normal}
.card-edition{position:absolute;z-index:2;top:7px;left:7px;right:7px;display:flex;align-items:center;justify-content:space-between;gap:4px;pointer-events:none}.card-edition span{padding:4px 6px;border:1px solid #fff3c899;border-radius:7px;background:#183f50d4;color:#ffedbd;font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;box-shadow:0 2px 4px #15454b25}.card-edition b{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;border:1px solid #fff5cd;background:radial-gradient(circle at 30% 20%,#fff8df,#e3c88a 64%,#b68a42);color:#71532b;font-size:10px;text-shadow:0 1px #fff6d9;box-shadow:0 2px 3px #59441d55,inset 0 0 0 2px #b98d4038;font-variant-numeric:tabular-nums}
.ownership-mark{position:absolute;z-index:3;bottom:7px;left:50%;transform:translateX(-50%);padding:4px 8px;border:1px solid #fff7dba8;border-radius:20px;white-space:nowrap;background:#fff8e6eb;color:#32776a;font-size:7px;font-weight:800;letter-spacing:.04em;box-shadow:0 2px 4px #19453e25}.locked .ownership-mark{background:#24495ee6;color:#f8eac9}.owned .ownership-mark{background:#266f5fea;color:#fff7d3}
.card-content{display:flex;flex-direction:column;flex:1;padding:11px 9px 6px;border-radius:0 0 13px 13px;background:linear-gradient(115deg,#fffdf3,#f9edcf);box-shadow:inset 1px 0 #fff8e6,inset -1px 0 #fff8e6}
#catalog .card h3{display:flex;align-items:center;justify-content:center;min-height:42px;margin:0 0 3px;text-align:center;font-size:14px;line-height:1.14;letter-spacing:-.025em;font-weight:800;color:#254557;overflow-wrap:normal}
#catalog .card-story{min-height:29px;margin:0 0 9px;text-align:center;font-size:9px;line-height:1.35;color:#78847d}
.card-benefit{position:relative;min-height:52px;padding:7px 2px 6px;margin-top:auto;border:1px solid #e0d7b6;border-radius:10px;text-align:center;background:linear-gradient(#fffdf4,#f1ead7);box-shadow:0 1px #fffdf5,inset 0 2px 5px #ae995512}
.card-benefit>span{display:block;font-size:7.5px;font-weight:700;color:#6d7c74;line-height:1.1;white-space:nowrap}.card-benefit strong{display:block;margin-top:3px;font-size:23px;letter-spacing:-.045em;line-height:1;color:#287664;white-space:nowrap;font-variant-numeric:tabular-nums}#catalog .card-benefit em{display:block;margin-top:3px;font-size:8px;font-style:normal;font-weight:800;color:#9a782c;letter-spacing:.01em}.characters .card-benefit em{color:#287664}
.card-price{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:9px 0 7px;min-height:35px}.card-price>span{font-size:8px;color:#8c8166}.card-price b{display:flex;align-items:center;gap:4px;font-size:17px;letter-spacing:-.025em;font-variant-numeric:tabular-nums;color:#765824;white-space:nowrap}.card-price img{width:22px;height:21px;object-fit:contain;filter:drop-shadow(0 1px 1px #a9863830)}
#catalog .buy{width:100%;min-width:0;min-height:40px;padding:8px 2px;border:1px solid #ffe3a1;border-radius:10px;background:linear-gradient(#f89d70,#ed7756 47%,#d76044);color:#fff9df;box-shadow:0 3px 0 #a6573d,0 5px 8px #c17c4238,inset 0 1px 0 #ffe0ae;letter-spacing:.02em;font-size:12px;font-weight:800;text-shadow:0 1px 1px #b3633e;transition:filter .15s,transform .15s}#catalog .buy:hover:not(:disabled){filter:brightness(1.06)}#catalog .buy:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 #a6573d,inset 0 1px 0 #ffe0ae}
#catalog .buy.owned{background:linear-gradient(#5da995,#348875);border-color:#99c7ad;box-shadow:0 2px 0 #326859,inset 0 1px #cce0bb;text-shadow:0 1px #326859;color:#f4f6db}#catalog .buy.closed{background:linear-gradient(#d9dfd3,#b8c8c1);border-color:#e4e9d8;box-shadow:0 2px 0 #8caaa1,inset 0 1px #f1f4df;color:#527367;text-shadow:0 1px #e0ead8;opacity:1}
.card-hint{display:block;text-align:center;font-size:7px;line-height:1.2;min-height:17px;padding-top:7px;color:#8b8975;white-space:nowrap}.owned .card-hint{color:#458774}.locked .card-hint{color:#6a807d}
@media(hover:hover){#catalog .card:hover{transform:translateY(-4px);box-shadow:0 4px 0 #a48a5c,0 15px 26px #153c4e55}#catalog .characters:hover .collectible-art{transform:scale(1.045)}#catalog .ports:hover .collectible-art,#catalog .ships:hover .collectible-art{transform:scale(1.08)}}
/* The actual acquired card: no random rarity, invented reward or payment. */
.card-reveal{width:342px;max-width:calc(100% - 28px);max-height:calc(100dvh - 28px);overflow:auto;margin:auto;padding:25px 23px 22px;text-align:center;border:3px solid #edcf86;border-radius:25px;background:radial-gradient(circle at 50% 25%,#fffef0,#f8edcf 62%,#e7d4a7);color:#294c57;box-shadow:0 0 0 1px #987437,0 20px 100px #0b324f99,inset 0 0 0 3px #fff5da;overscroll-behavior:contain}.card-reveal[open]{animation:card-arrive .5s cubic-bezier(.2,.8,.2,1)}.card-reveal::backdrop{background:#113a50a6;backdrop-filter:blur(7px)}.reveal-close{position:absolute;right:11px;top:11px;width:31px;height:31px;display:grid;place-items:center;border:1px solid #e1cea1;border-radius:50%;background:#fff8e2;color:#7c795d}.reveal-close svg{width:16px;height:16px}.reveal-eyebrow{margin:5px 0 20px;font-size:9px;letter-spacing:.17em;font-weight:800;color:#9c7b37}.reveal-art{position:relative;isolation:isolate;width:190px;height:190px;margin:0 auto 23px;padding:6px;border:1px solid #bd9e58;border-radius:22px;background:linear-gradient(135deg,#ffefb7,#b8984e 52%,#fff0bf);box-shadow:0 8px 25px #b8964f44,0 2px 0 #9d814a}.reveal-art:before{content:"";position:absolute;inset:-19px;z-index:-1;border-radius:50%;border:1px dashed #bea36766;background:radial-gradient(circle,#e4bc4d25,transparent 70%);animation:reveal-halo .8s ease-out}.reveal-art>img{width:100%;height:100%;display:block;object-fit:contain;border-radius:16px;background:#f9f0d8}.reveal-seal{position:absolute;bottom:-15px;left:calc(50% - 20px);width:40px;height:40px;display:grid;place-items:center;border:3px solid #fce6aa;border-radius:50%;background:linear-gradient(#69b198,#398372);box-shadow:0 3px 7px #346e4f55;color:#fff8cd}.reveal-seal svg{width:23px;height:23px}.card-reveal h2{font-size:23px;line-height:1.13;margin:0 0 8px;letter-spacing:-.035em}.card-reveal #revealSubtitle{font-size:11px;color:#7e8c7f;margin:0 0 18px}.reveal-bonus{padding:11px 8px;border:1px solid #d8cc9f;border-radius:11px;background:#fff8e4;font-size:14px;font-weight:800;color:#388276;box-shadow:inset 0 1px #fffef4}.card-reveal #revealNote{display:block;min-height:28px;padding:9px 0 0;color:#8f8d76;font-size:9px;line-height:1.35}.reveal-continue{display:block;width:100%;min-height:44px;margin:14px 0 0;border:1px solid #d6ad5c;border-radius:11px;background:linear-gradient(#f4d18e,#d6ad63);color:#705125;font-size:14px;font-weight:800;box-shadow:0 3px 0 #ac8749,inset 0 1px #ffebba}
@keyframes card-arrive{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:none}}@keyframes reveal-halo{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
@media(max-width:360px){#catalog{gap:16px 9px}#catalog .card{padding:4px;border-radius:15px}.card-stage{border-radius:10px 10px 3px 3px}.card-content{padding:9px 7px 6px;border-radius:0 0 10px 10px}#catalog .card h3{font-size:12px;min-height:42px}#catalog .card-story{font-size:8px;min-height:24px;margin-bottom:7px}.card-benefit{min-height:49px}.card-benefit>span{font-size:6.5px}.card-benefit strong{font-size:20px}.card-benefit small{font-size:7px;margin-left:3px}.card-price b{font-size:15px}.card-price img{width:18px;height:18px}#catalog .buy{font-size:11px;min-height:39px}.card-hint{font-size:6.1px}.card-edition{left:5px;right:5px;top:5px}.card-edition span{font-size:6px;padding:3px 4px}.card-edition b{width:22px;height:22px;font-size:8px}.ownership-mark{font-size:6px;padding:4px 6px;bottom:6px}.collection-intro h2{font-size:18px}.collection-intro>div>span{font-size:6px}.collection-count b{font-size:16px}.collection-intro{gap:5px}.collection-count span{font-size:7px!important}}
@media(min-width:650px){#catalog{gap:22px 18px}#catalog .card{padding:7px;border-radius:23px}.card-stage{border-radius:16px 16px 3px 3px}.card-content{padding:15px 14px 10px}#catalog .card h3{font-size:18px;min-height:43px}#catalog .card-story{font-size:11px;min-height:30px}.card-benefit{padding:10px;min-height:63px}.card-benefit>span{font-size:9px}.card-benefit strong{font-size:29px}.card-benefit small{font-size:10px}.card-price{padding:12px 0}.card-price b{font-size:21px}.card-price>span{font-size:10px}#catalog .buy{min-height:46px;font-size:14px}.card-hint{font-size:9px}.card-edition span{font-size:9px}.card-edition b{width:32px;height:32px;font-size:12px}.ownership-mark{font-size:9px}.collection-intro h2{font-size:26px}}
@media(max-height:720px){.collection-intro{padding-top:7px;padding-bottom:15px;margin-bottom:15px}.collection-intro h2{margin-top:4px}#catalog .card h3{min-height:36px}#catalog .card-story{min-height:24px;margin-bottom:7px}.card-price{padding-top:7px;padding-bottom:6px}}
@media(max-height:700px){.card-reveal{padding-top:20px;padding-bottom:17px}.reveal-eyebrow{margin-bottom:13px}.reveal-art{width:150px;height:150px;margin-bottom:19px}.card-reveal h2{font-size:21px}.card-reveal #revealSubtitle{margin-bottom:12px}}
/* Compact cards: retain the artwork and two columns; combine price/action. */
#catalog{gap:13px 10px}
#catalog .card{padding:4px;border-radius:16px}
#catalog .card-stage{aspect-ratio:1.3;border-radius:11px 11px 3px 3px}
#catalog .characters .collectible-art{object-position:center 22%}
#catalog .card-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:auto auto 1fr auto auto;gap:0 6px;padding:7px 7px 5px;border-radius:0 0 11px 11px}
#catalog .card h3{grid-column:1/-1;min-height:32px;margin:0 0 2px;font-size:13px;line-height:1.15}
#catalog .card-story{grid-column:1/-1;min-height:22px;margin:0 0 5px;font-size:8px;line-height:1.3}
#catalog .card-benefit{grid-column:1/-1;align-self:end;min-height:39px;padding:4px 2px;margin:0 0 7px;border-radius:8px}
#catalog .characters .card-benefit{min-height:45px;padding:5px 2px 4px;margin-bottom:6px}.characters .card-benefit em{font-size:7px;margin-top:2px}.characters .card-price>span{max-width:70px;line-height:1.1}.characters .card-hint{color:#458774}
.dock-5{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 10px 16px;gap:2px;height:96px}.dock-5 .nav{height:80px;padding-top:0;justify-content:flex-start;gap:1px}.dock-5 .nav:before{content:"";position:absolute;top:-8px;width:64px;height:64px;border-radius:50%;background:radial-gradient(circle,#fff0b145 0 38%,#7bd0d333 58%,transparent 72%);filter:blur(.2px)}.dock-5 .nav.active:before{border:2px solid #ffe69b;background:radial-gradient(circle,#fff0b165,#77cbd135 65%,#fff9b655 68%,transparent 72%);box-shadow:0 0 11px #ffe7a4a8,inset 0 0 5px #ffefaeb8}.dock-5 .nav-ico{position:relative;z-index:2;width:56px;height:56px;margin-top:-7px;object-fit:contain;flex:none;display:block;filter:drop-shadow(0 3px 3px #132f4c90)}.dock-5 .nav:nth-child(1) .nav-ico,.dock-5 .nav:nth-child(2) .nav-ico,.dock-5 .nav:nth-child(3) .nav-ico,.dock-5 .nav:nth-child(4) .nav-ico{transform:none}.dock-5 .nav span{position:relative;z-index:2;font-size:10px;line-height:1.1;min-height:11px;white-space:nowrap;color:#fff0c8;text-shadow:0 1px 3px #112e49;font-weight:800}
@media(max-width:360px){.dock-5{padding:0 6px 20px;gap:2px}.dock-5 .nav span{font-size:7px}.dock-5 .nav-ico{width:26px;height:26px}}
/* Fleet screen outer padding */
#fleet{padding:0}
.catalogs{position:relative;margin-top:8px;padding:0 10px 6px;border-radius:19px;background:transparent;box-shadow:none}
.catalogs .tabs{margin:0 0 16px}
@media(max-width:360px){.catalogs{padding:0 8px 4px;border-radius:16px}}

#catalog .card-benefit>span{font-size:7px}
#catalog .card-benefit small{font-size:7px}
#catalog .card-price{grid-column:1;grid-row:4;flex-direction:column;align-items:flex-start;justify-content:center;padding:0;gap:2px;min-height:40px}
#catalog .card-price>span{font-size:7px}
#catalog .card-price b{font-size:14px;gap:2px}
#catalog .card-price img{width:16px;height:16px}
#catalog .buy{grid-column:2;grid-row:4;min-height:40px;align-self:center;padding:7px 2px;font-size:10px;border-radius:9px}
#catalog .card-hint{grid-column:1/-1;grid-row:5;min-height:0;padding-top:5px;font-size:6.5px}
#catalog .card-hint:empty{display:none}
#catalog .card-edition{top:5px;left:5px;right:5px}
#catalog .card-edition b{width:23px;height:23px;font-size:9px}
#catalog .ownership-mark{bottom:5px;padding:3px 6px;font-size:6.5px}
@media(max-width:360px){#catalog{gap:12px 8px}#catalog .card-content{gap:0 5px;padding:6px 6px 5px}#catalog .card h3{font-size:11px;min-height:29px}#catalog .card-story{font-size:7.5px;min-height:20px}#catalog .card-benefit>span{font-size:6.5px}#catalog .card-benefit strong{font-size:19px}#catalog .card-price img{display:none}#catalog .card-price b{font-size:13px}#catalog .buy{font-size:9px}#catalog .card-hint{font-size:6px}}
@media(min-width:650px){#catalog{gap:16px 14px}#catalog .card-content{padding:10px 10px 7px;gap:0 8px}#catalog .card h3{font-size:16px;min-height:37px}#catalog .card-story{font-size:10px;min-height:26px}#catalog .card-benefit{min-height:47px;padding:6px}#catalog .card-benefit strong{font-size:25px}#catalog .card-benefit>span,#catalog .card-benefit small{font-size:9px}#catalog .card-price b{font-size:18px}#catalog .card-price img{width:21px;height:21px}#catalog .buy{font-size:12px;min-height:44px}#catalog .card-hint{font-size:8px}}
@media(prefers-reduced-motion:reduce){.card-reveal,.reveal-art:before{animation:none!important}#catalog .card,#catalog .collectible-art,.collection-progress i{transition:none!important}}