:root{color-scheme:dark;--ocean:#112b31;--cream:#eee9d8;--gold:#e3bf79;--muted:#a7bdb3;--line:#526e6259;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% 10%,#29483f70,transparent 55%),linear-gradient(145deg,#112c31,#10272e);color:var(--cream);font-family:Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.6;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:default}button,a,input{transition:background .15s,border-color .15s}button:focus-visible,a:focus-visible,input:focus-visible,section:focus-visible{outline:2px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}a{color:var(--gold)}button{border-radius:3px}h1,h2,h3,p{margin-top:0}h2,h3{font-family:var(--serif);font-weight:400}h2{font-size:30px;line-height:1.2}h3{font-size:25px;line-height:1.25}.masthead,main,footer{max-width:1240px;margin:auto;padding-left:44px;padding-right:44px}.masthead{height:112px;display:flex;align-items:center;justify-content:space-between;gap:20px}.wordmark{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--cream);font-size:11px;letter-spacing:2px;font-weight:700}.wordmark small{font-size:8px;color:var(--muted);font-weight:400}.mark{width:36px;height:40px;border:1px solid #d6bd7b70;font:27px var(--serif);display:grid;place-items:center;color:var(--gold)}.back-link{color:var(--muted);text-decoration:none;font-size:12px}.back-link:hover{color:var(--cream)}.hero{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:38px 0 44px;gap:25px}.eyebrow{color:var(--gold);font-size:9px;letter-spacing:2.2px;font-weight:600}h1{font:400 clamp(48px,5vw,70px)/1.06 var(--serif);letter-spacing:-1.7px;margin:22px 0}h1 em{color:var(--gold);font-weight:400}.hero-copy>p{max-width:450px;color:var(--muted);font-size:13px;line-height:1.85}.hero-tags{display:flex;gap:24px;color:#c3c9ae;font-size:10px;margin-top:26px}.hero-tags span:first-letter{color:var(--gold)}.hero-landscape{position:relative;padding-top:22px}.hero-landscape svg{width:100%;max-height:320px}.hero-landscape>span{display:block;text-align:center;font-size:8px;letter-spacing:2.4px;color:#8ba594;margin-top:8px}.account-strip{display:flex;align-items:center;gap:22px;border:1px solid var(--line);background:#213e3c66;padding:16px 20px;border-radius:3px;font-size:10px}.account-strip>div:first-child{display:flex;align-items:center;gap:10px}.identity-dot{width:6px;height:6px;flex:none;border-radius:50%;background:var(--gold)}.account-stats{display:flex;gap:20px;margin-left:auto;color:var(--muted)}.account-stats strong{color:var(--cream);font-weight:600}.text-button{color:var(--gold);font-size:11px;border:0;background:transparent;padding:4px}.text-button:hover{background:#d4b57915}.shop-status{min-height:22px;color:var(--muted);font-size:11px;margin:12px 0 26px;overflow-wrap:anywhere}.shop-status.error{color:#f2b9a4}.shop-tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:thin}.shop-tabs button{color:var(--muted);background:none;border:0;border-radius:0;border-bottom:2px solid transparent;white-space:nowrap;padding:15px 1px;font-size:12px}.shop-tabs button[aria-selected=true]{color:var(--gold);border-bottom-color:var(--gold)}.shop-tabs button:last-child{margin-left:auto}.shop-tabs button:hover{color:var(--cream)}.shop-tabs span{margin-left:9px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:33px 0 20px}.section-heading h2{margin:0}.section-heading>span{font-size:8px;letter-spacing:1.7px;color:#94a99c}.section-note{display:flex;align-items:center;gap:17px;color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 23px;max-width:880px}.section-note>span{font-size:27px;color:var(--gold)}.section-note p{margin:0}.section-note strong{color:var(--cream);font-weight:500}.section-note button{flex-shrink:0}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px}.product-card{border:1px solid var(--line);border-top-color:#b19d635f;border-radius:4px;background:linear-gradient(135deg,#25433f90,#183238ba);overflow:hidden;display:flex;flex-direction:column;min-width:0}.product-card.is-owned{border-top-color:#b3c5a488}.product-top{padding:20px 23px 0;min-height:85px;position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.badge{border:1px solid #70816e66;color:#cfccb1;background:#213e37;padding:3px 7px;display:inline-block;font-size:9px;line-height:1.4;letter-spacing:.2px;border-radius:2px;width:fit-content}.product-symbol{font:45px var(--serif);color:var(--gold);line-height:1;opacity:.8}.product-content{padding:0 23px 24px;display:flex;flex-direction:column;flex:1}.product-kicker{display:block;color:var(--gold);font-size:9px;letter-spacing:1.2px;text-transform:uppercase;margin:13px 0 12px}.product-content h3{margin-bottom:10px}.product-content>p{color:var(--muted);font-size:12px;line-height:1.75;margin-bottom:16px}.product-content>p.fine{font-size:10px;margin-top:-4px}.product-price{margin-top:auto;padding:12px 0 20px;display:flex;flex-direction:column;gap:4px}.product-price strong{font-size:21px;font-weight:500;color:var(--cream)}.product-price small{font-size:11px;color:var(--gold);font-weight:400}.product-price span{font-size:10px;color:#a8b69c}.primary,.secondary{padding:11px 16px;font-size:11px;font-weight:600;border:1px solid transparent;min-height:42px;text-align:center}.primary{background:var(--gold);color:#19372f}.primary:hover:not(:disabled){background:#efd19a}.secondary{background:#29453f;color:var(--cream);border-color:#77907b55}.secondary:hover:not(:disabled){background:#38594c;border-color:#acb78b88}.primary span{float:right}.owned-label{font-size:11px;color:#c3d3b2;background:#48674435;border:1px solid #8ca87644;border-radius:3px;padding:10px 12px;display:block;text-align:center}.track-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.track-filters button{padding:9px 16px;border:1px solid var(--line);background:#233f3d;color:var(--muted);font-size:11px}.track-filters button[aria-pressed=true]{color:var(--gold);border-color:#c0a96888;background:#3f4d3966}.character-art,.banner-art{height:125px;width:100%;position:relative;background:radial-gradient(ellipse,#77936a18,transparent 70%);color:var(--gold);--costume:#b68046;--hat:#6a573d}.character-art svg,.banner-art svg{width:100%;height:100%;filter:drop-shadow(0 6px 10px #081c2977)}.product-top:has(.character-art),.product-top:has(.banner-art){display:block}.character-art.sky-captain{--costume:#4d7b97;--hat:#335676}.character-art.harbor-keeper{--costume:#417c75;--hat:#27524e}.character-art.starfarer{--costume:#9da5b4;--hat:#7970a5}.art-spark{position:absolute;top:35px;right:16%;font-size:15px;opacity:.4}.banner-art{--flag:#ddb967}.banner-art.twilight{--flag:#9080b8}.shop-promise{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);margin-top:48px;padding:35px 0 30px}.shop-promise article>span{font-size:22px;color:var(--gold)}.shop-promise h3{font-size:20px;margin:10px 0}.shop-promise p{color:var(--muted);font-size:11px;line-height:1.85;margin:0}.history-actions{display:flex;gap:8px}.history-list{list-style:none;padding:0;margin:22px 0}.history-row,.receipt-row{border:1px solid var(--line);padding:19px;background:#203c3b66;border-radius:3px;margin-bottom:10px}.history-row{display:flex;align-items:center;gap:18px}.history-row>div:first-child{flex:1}.history-row strong,.receipt-row strong{font-size:13px;font-weight:500}.history-row span:not(.badge),.receipt-row span{display:block;color:var(--muted);font-size:11px;margin-top:4px}.receipt-row p{font-size:11px;color:var(--muted);margin:12px 0}.receipt-row p strong{color:var(--cream);font-size:11px}.empty-state{padding:45px 20px;text-align:center;border:1px dashed var(--line);border-radius:3px}.empty-state>span{font-size:36px;color:var(--gold)}.empty-state h3{font-size:25px;margin:12px 0}.empty-state p{color:var(--muted);font-size:12px}.invoice{scroll-margin-top:24px;background:#1b383b;border:1px solid #d4b57988;border-radius:4px;padding:30px;margin-top:32px;box-shadow:0 15px 40px #0002}.invoice-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.invoice h2{font-size:29px;margin:10px 0 18px}.invoice p{color:var(--muted);font-size:12px;line-height:1.8}.invoice-summary{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}dt{font-size:10px;color:var(--muted);margin-bottom:4px}dd{margin:0;font-size:13px}dd strong{color:var(--gold);font-size:23px;font-weight:400}.invoice label{display:block;font-size:12px;margin-bottom:8px}.invoice input{background:#102c32;color:var(--cream);border:1px solid #718b7d70;padding:12px;min-width:0;width:100%;border-radius:3px}.copy-row{display:flex;gap:10px;align-items:stretch}.copy-row button{flex-shrink:0}.principal{overflow-wrap:anywhere}.fine,.invoice .fine{color:var(--muted);font-size:10px}#invoice-address{font-family:Consolas,monospace;font-size:12px}#confirm-form{margin-top:25px}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.2px;color:#95ab9f;padding-top:24px;padding-bottom:30px}footer>span:last-child{font-size:17px;color:var(--gold)}.skip-link{position:absolute;left:20px;top:-80px;background:var(--ocean);padding:12px;z-index:5}.skip-link:focus{top:10px}
@media(min-width:1000px){.product-grid:has(.product-card:nth-child(5)){grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.masthead,main,footer{padding-left:26px;padding-right:26px}.hero{padding-top:25px;gap:10px}.hero-copy>p br{display:none}.hero-tags{gap:15px;font-size:9px}.shop-tabs{gap:23px}.account-strip{flex-wrap:wrap;gap:10px 22px}.account-strip>.text-button{margin-left:auto}.shop-promise{gap:23px}.section-heading>span{display:none}.section-heading{align-items:flex-start}.section-heading h2{font-size:27px}.history-actions{flex-wrap:wrap}.history-row{flex-wrap:wrap}}
@media(max-width:580px){.masthead,main,footer{padding-left:20px;padding-right:20px}.masthead{height:86px}.wordmark{font-size:9px;letter-spacing:1px;gap:9px}.mark{width:29px;height:34px;font-size:23px}.back-link{font-size:10px;max-width:100px;text-align:right}.hero{display:block;padding:20px 0 27px;position:relative;overflow:hidden}.hero-copy{position:relative;z-index:1}.hero h1{font-size:53px}.hero-copy>p{max-width:340px}.hero-landscape{position:absolute;width:235px;right:-70px;top:-2px;opacity:.18;pointer-events:none}.hero-landscape>span{display:none}.hero-tags{font-size:9px;gap:20px}.account-strip{padding:14px;font-size:10px}.account-stats{margin-left:0;width:100%}.account-strip>.text-button{margin-left:0;padding-left:0}.shop-status{font-size:10px;margin-bottom:16px}.shop-tabs{gap:24px}.shop-tabs button{font-size:11px}.section-heading{display:block;margin-top:27px}.section-heading h2{font-size:27px}.section-note{font-size:11px;align-items:flex-start;flex-wrap:wrap;gap:10px}.section-note>span{display:none}.product-grid{grid-template-columns:1fr;gap:16px}.product-top{min-height:67px}.product-symbol{font-size:38px}.product-price{padding-top:0}.product-content h3{font-size:27px}.product-grid:has(.character-art),.product-grid:has(.banner-art){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-top:has(.character-art),.product-top:has(.banner-art){padding:16px 12px 0}.product-card:has(.character-art) .product-content,.product-card:has(.banner-art) .product-content{padding:0 13px 16px}.product-card:has(.character-art) h3,.product-card:has(.banner-art) h3{font-size:22px}.product-card:has(.character-art) .product-price strong{font-size:18px}.product-card:has(.character-art) .primary{padding:11px 9px}.product-kicker{font-size:8px}.character-art,.banner-art{height:100px}.shop-promise{grid-template-columns:1fr;gap:26px;margin-top:32px;padding-top:28px}.shop-promise article{position:relative;padding-left:35px}.shop-promise article>span{position:absolute;left:0;top:3px}.shop-promise h3{margin-top:0}.shop-promise p{max-width:400px}.history-actions{margin-top:15px}.history-row{gap:10px}.history-row>div:first-child{flex-basis:100%}.invoice{padding:20px 16px}.invoice-heading{display:block}.invoice-heading .badge{margin-bottom:12px}.invoice h2{font-size:25px}.invoice-summary{grid-template-columns:1fr;gap:15px}.copy-row{flex-wrap:wrap}.copy-row input{flex-basis:100%}.copy-row button{width:100%}footer{flex-wrap:wrap;font-size:7px;gap:12px}footer>span:last-child{display:none}.track-filters{gap:7px}.track-filters button{padding:9px 12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.reconcile-form{margin-top:18px;border-top:1px solid var(--line);padding-top:5px}.reconcile-form label{display:block;font-size:11px;margin-bottom:8px}.reconcile-form input{background:#102c32;color:var(--cream);border:1px solid #718b7d70;padding:10px;min-width:0;width:100%;border-radius:3px}
