/* Approved 18-screen board: presentation only. Printed cards and gameplay are untouched. */
:root{--ref-black:#060b10;--ref-panel:#0b1821;--ref-panel-light:#122632;--ref-gold:#d6ad60;--ref-gold-bright:#ffe2a0;--ref-text:#f7f0df;--ref-blue:#17b8ef;--ink:#f7f0df;--deep:#050d15;--paper:#0b1821;--gold:#efc979;--muted:#a6b5c0;--line:#b8934c6b;color-scheme:dark;font-family:'Trebuchet MS',Arial,sans-serif}
html,body{background:#03080e;color:var(--ref-text)}body{background-image:radial-gradient(ellipse at 50% 10%,#19466380,transparent 60%);background-size:auto}body:before{background:linear-gradient(#01070dcc,#02080df2);backdrop-filter:none}body[data-view=home]:before{background:#01060b70;backdrop-filter:none}
#app{max-width:480px;margin-inline:auto;background:linear-gradient(140deg,#0c1a24,#040b11);border-inline:1px solid #d6ad6040;box-shadow:0 0 90px #000c;position:relative}body[data-view=home] #app{background:linear-gradient(0deg,#020810 0%,transparent 40%,#0615251a 85%),url('/assets/reference-v1/port.png') center center/cover no-repeat}
#app>.layout{padding:14px 12px 16px;gap:12px;max-width:100%;scrollbar-color:#ad8443 #07121c}#app>.header{min-height:calc(58px + env(safe-area-inset-top));padding:calc(7px + env(safe-area-inset-top)) 12px 7px;background:linear-gradient(#03080ff2,#081521d9);border-bottom:1px solid #d5af6259;gap:8px;position:relative;z-index:5}body[data-view=home] #app>.header{background:linear-gradient(#032b59b8,#052b5140);border-bottom-color:#e7c87f55}.header .logo{color:#ffe3a0;text-shadow:0 2px 1px #000,0 0 15px #e3a24c55;gap:6px;font:900 22px/1 Georgia,serif;letter-spacing:-.06em}.header .logo small{font:700 7px/1.1 Arial,sans-serif;letter-spacing:.25em;margin-top:4px;color:#f4d9ab}.header .logo-mark{width:31px;height:31px;min-width:31px;border:1px solid #e1b45e;border-radius:50%;background:#09294d;box-shadow:inset 0 0 0 3px #102c4580,0 1px 5px #000}.header .logo-mark .icon{width:24px;height:24px;stroke:#ffc766}.header>.icon-btn{width:34px;height:34px;min-height:34px;border-radius:8px;border-color:#a3844b;background:linear-gradient(#122737,#040b12)}.header-note{display:none}.header select{font-size:11px;min-height:34px;padding:5px;width:60px;background:#071722;border-color:#a0844e;color:#e6d5aa}
.hud-balances{display:flex;gap:5px;margin-left:auto;align-items:center}.hud-balance{display:flex;align-items:center;gap:4px;border:1px solid #e7ca82;border-radius:5px;background:#06152ce8;box-shadow:inset 0 0 0 2px #ffffff0a;padding:3px 5px;font-size:10px;font-weight:800;white-space:nowrap}.hud-balance .icon{width:13px;height:13px;color:#ffe2a0}.hud-balance.cards .icon{color:#4bd5ff}
h1,h2,h3,.collection-heading h1{font-family:'Trebuchet MS',Arial,sans-serif;font-weight:800;color:#ffedc2;letter-spacing:-.035em}.collection-heading h1,.game-heading h1{font-size:24px}.eyebrow{color:#d4b77d;font-size:9px;letter-spacing:.16em}.small,.micro-note{color:#bdc8cf}.badge,.pill{border:1px solid #b49357;background:#081622;color:#f7d88f;border-radius:5px;box-shadow:inset 0 0 0 1px #ffffff08}.badge{font-size:11px;padding:4px 8px}
.btn,.home-cta.play,.open-ten{border:1px solid #f9d990;border-radius:8px;background:linear-gradient(#fff0b1 0%,#f0c678 48%,#ca9441 100%);color:#2b1b09;text-shadow:0 1px #ffffff65;box-shadow:inset 0 1px #fff5cd,0 3px 0 #6c461f,0 4px 8px #0008;font-size:14px;font-weight:800;min-height:46px}.btn:hover,.open-ten:hover{background:linear-gradient(#fff4cd,#f6dca1 45%,#e4b35e)}.btn:active,.home-cta:active{transform:translateY(2px);box-shadow:inset 0 1px #ffffff4a,0 1px 0 #6c461f}.btn.secondary,.text-btn,.home-cta{background:linear-gradient(#12222e,#050d15);color:#f5db9f;border:1px solid #9b7941;border-radius:8px;box-shadow:inset 0 0 0 2px #ffffff04;text-shadow:0 1px #000}.text-btn{padding-inline:10px;text-decoration:none;font-size:11px}.icon-btn{background:linear-gradient(#17232b,#050a10);border:1px solid #997b43;color:#f4d797;border-radius:8px}.btn:disabled,button:disabled{cursor:default;filter:saturate(.4)}
#app>.nav{background:linear-gradient(#111b20,#01060a);border:1px solid #bc9754;border-bottom:0;border-radius:12px 12px 0 0;gap:4px;max-width:480px;padding:5px 7px max(5px,env(safe-area-inset-bottom));box-shadow:0 -3px 18px #0008;z-index:10}#app>.nav button{border:1px solid #8e713d7a;border-radius:8px;background:linear-gradient(#172028,#050b10);font-size:9px;color:#ded9cc;padding:4px 1px;min-height:52px;gap:3px}#app>.nav button .icon{width:23px;height:23px;stroke:#edc575;filter:drop-shadow(0 1px 2px #000)}#app>.nav button.active{background:linear-gradient(#654f25,#1c1c15);border-color:#f2d281;color:#fff0b6;box-shadow:inset 0 0 10px #f5c36325}
#app>.home.layout{display:flex;padding:12px;gap:9px;overflow-y:auto}.home-air{display:block;position:relative;flex:1;min-height:150px}.home-profile{position:absolute;left:0;top:0;display:flex;gap:8px;align-items:center;border:1px solid #d7b567;border-radius:9px;padding:7px 9px;background:#041b36e6;box-shadow:0 4px 10px #0005;max-width:220px}.home-profile img{width:36px;height:45px;object-fit:contain;filter:drop-shadow(0 0 5px #eabe6077)}.home-profile strong{font-size:12px;color:#fff0bd;display:block}.home-profile small{font-size:10px;color:#c5def0;display:block}.home-profile .progress{height:4px;margin:5px 0 0;background:#182e40}.home-profile .progress span{width:100%;background:linear-gradient(90deg,#027ed0,#56e4ff)}.port-caption{position:absolute;bottom:4px;left:0;right:0;text-align:center}.port-caption strong{font-size:22px;color:#fff1c5;text-shadow:0 2px 3px #000,0 0 18px #000;font-family:Georgia,serif}.port-caption small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#ffe6a5;text-shadow:0 2px #000}.home-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px;border:1px solid #e7c87e;border-radius:12px;background:#030d18e8;backdrop-filter:blur(6px);box-shadow:inset 0 0 0 3px #e7c87e12,0 4px 20px #0008}.home-menu .home-cta{width:100%;min-height:42px;display:flex;justify-content:center;align-items:center;gap:7px;font-size:12px;border-radius:7px}.home-menu .home-cta.play{grid-column:1/-1;min-height:48px;font-size:19px;letter-spacing:.04em}.home-menu .resume-strip{grid-column:1/-1;min-height:35px;background:#0e2231;color:#ffe5a4;border:1px solid #ad8b4d;border-radius:6px;font-size:11px}.home-cta .icon{width:20px;height:20px}.home-caption{font-size:8px;text-align:center;color:#e8d9b7;text-shadow:0 1px #000}.shop-entry{padding:4px 7px;background:#041323d9;border:1px solid #967846;border-radius:6px;font-size:10px;min-height:28px;display:flex;align-items:center;justify-content:space-between;color:#ffedc1}
.tabs,.compact-filters .tabs{background:#050c12;border:1px solid #7f673f;border-radius:7px;padding:3px;gap:3px}.tabs button{background:#0e1d28;color:#b8c6ce;min-height:35px;font-size:11px;border-radius:4px;border:1px solid #1d3545}.tabs button.active{background:linear-gradient(#fff0b7,#d3a652);color:#2a1e0c;border-color:#f4db94;box-shadow:0 1px 4px #000}.input,input,select{background:#081722;color:#edf0ec;border-color:#816c45}.input::placeholder{color:#9ba9b2}
.panel,.info-card,.money-card,.collection-progress,.quest-card,.setting-row,.crew-slot,.mission-card,.stock-row,.ledger-row,.quest-objective,.piano-result>div,.trade-pick,.recap-card,.collection-family,.catalog-row{background:linear-gradient(140deg,#12232e,#07121b);border:1px solid #aa894e7d;border-radius:9px;box-shadow:inset 0 1px #ffffff06,0 3px 9px #0003}.collection-progress .progress,.progress{background:#183449;border:1px solid #2e586d;height:6px}.progress>span,.collection-progress .progress span{background:linear-gradient(90deg,#0086d4,#59e8ff);border-radius:5px;box-shadow:0 0 8px #3cdbff55}.money-card strong,.money-card>strong{color:#fff2cc;font-size:32px}.money-card.wallet{background:linear-gradient(125deg,#243237,#081622);border-color:#d7b368}.transaction-total,.wallet-strip{border:1px solid #a1854d;background:#091926;border-radius:8px;padding:10px}.money-cards{gap:8px}.quest-card{padding:12px}.quest-card h2{font-size:15px}.quest-card .row>strong{color:#f2cb77;font-size:14px}
.layout.collection .design-grid,.catalog-grid,.card-grid{gap:9px;grid-template-columns:repeat(4,minmax(0,1fr))}.card-tile .image-wrap{border:1px solid #927745;border-radius:5px;background:#0e1b24;box-shadow:0 2px 6px #0009}.card-tile.unowned .image-wrap{opacity:.62;filter:saturate(.65)}.card-label{font-size:9px!important;color:#f7e7bd}.card-meta{font-size:8px!important;color:#acb9c1}.card-price{font-size:10px!important;color:#f0d18a}.qty{background:#05233ce8;border:1px solid #71c7f399;font-size:8px;right:3px;top:3px;border-radius:3px}.new-badge{background:linear-gradient(#ff6565,#b72d24);border:1px solid #fff0af;color:#fff7d0;text-shadow:0 1px #572012;box-shadow:0 2px 5px #0009;border-radius:3px;font-size:8px}.rarity-preview .card-tile{border:1px solid #eac664;border-radius:6px;padding:3px;background:linear-gradient(#17334f,#0a1220)}.summary-highlights{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.summary .rarity-preview{overflow:visible}.summary .collection-heading h1{color:#ffeaa6;font-size:30px}.summary .new-badge{transform:rotate(-6deg)}
.set-mini,.binder-cover{border-color:#bca063;background:#091724}.binder-spine{color:#eacf9a}.set-ribbon .set-mini{border:1px solid #b49150;border-radius:6px}.rarity-section-title{font-family:Arial,sans-serif;color:#e4c78c;font-size:11px}.setting-row{padding:12px;font-size:12px}.setting-row input[type=checkbox]{accent-color:#1ecbff}.settings-content>.btn{margin-bottom:8px}.context-actions{gap:8px}.context-actions .btn{font-size:13px}.piano-board{border:1px solid #d0a657;background:linear-gradient(#057acc55,#00afff11),url('/assets/sunny-voyage.webp') center/cover;border-radius:10px;box-shadow:inset 0 0 30px #14beff70}.piano-lane{border-color:#6cdbff55}.piano-tile{background:linear-gradient(120deg,#0a3c7d,#03204d);border:1px solid #43baff;box-shadow:0 0 18px #09d6ff60,inset 0 0 6px #229cff}.piano-hit-line{background:#00f5ff;box-shadow:0 0 20px #00f5ff}.memory-grid button{background:linear-gradient(#112637,#030b13);border:1px solid #d0aa5d;border-radius:8px}.achievement,.achievement-row{border:1px solid #947847;border-radius:8px;background:linear-gradient(135deg,#14232e,#09121a)}
.open-layout{max-width:480px;margin-inline:auto;background:radial-gradient(ellipse at 50% 45%,#0363ae,#07172c 65%,#03080f)}.opening-top{padding:10px 12px;border-bottom:1px solid #b1955355;background:#030d1bbd}.open-stage:before{background:repeating-conic-gradient(from 20deg,transparent 0deg 19deg,#09a8ff22 20deg 23deg);opacity:1}.opening-info{background:linear-gradient(transparent,#020913dd);padding-bottom:max(16px,env(safe-area-inset-bottom))}.open-card .image-wrap{border:1px solid #f5dc90;box-shadow:0 0 28px #fae28266}.open-card .new-badge{font-size:11px}dialog#modal{background:linear-gradient(145deg,#142432,#040a10);border:1px solid #dfbb70;border-radius:13px;color:#f7edda;box-shadow:inset 0 0 0 3px #e3bd6912,0 18px 80px #000c}dialog#modal h2{color:#ffe6a0}.detail-price{border-color:#8d743f;background:#06131f}.detail-meta span{color:#9eacb7}
@media(max-height:700px){.home-air{min-height:90px}.home-menu .home-cta.play{min-height:42px}.home-menu .home-cta{min-height:36px}#app>.header{min-height:51px}.port-caption strong{font-size:18px}.home-profile{top:0}.home-profile img{height:36px;width:28px}}
@media(min-width:700px){#app{border-radius:20px 20px 0 0}body[data-view=home] #app{background-position:center center}.layout.collection .design-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

.shop-reference-links{display:flex;gap:5px;border:1px solid #9e8047;padding:4px;border-radius:8px;background:#030b13}.shop-reference-links button{flex:1;min-height:36px;background:linear-gradient(#193046,#07111d);border:1px solid #5f563b;border-radius:5px;color:#f4dfaf;font-size:11px}.shop-reference-links button:first-child{background:linear-gradient(#ffe9aa,#d6ac5e);color:#2c2010}.shop-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.shop-product{background:linear-gradient(#173b5d,#050e18);border:1px solid #b29150;border-radius:8px;padding:6px;display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}.shop-product .real-pack-art{height:120px;width:100%;max-width:100%;object-fit:contain}.shop-product strong{color:#e7f2ff;font-size:13px}.shop-product small{color:#e4c77d;font-size:10px}.boutique .money-cards{flex:none}.boutique .money-card{min-height:100px}.boutique .game-heading{margin-top:8px}

.collection-ref-options{border:1px solid #a68a50;border-radius:7px;background:#07141f;flex-shrink:0;overflow:hidden}.collection-ref-options>summary{min-height:35px;padding:8px 10px;display:flex;justify-content:space-between;gap:7px;align-items:center;font-size:11px;color:#f8dfa9;cursor:pointer;list-style:none}.collection-ref-options>summary:after{content:'⌄';font-size:14px}.collection-ref-options[open]>summary:after{content:'⌃'}.collection-ref-options>summary span{margin-left:auto;color:#bbc7cf;font-size:9px}.collection-ref-options .collection-progress{margin:5px 7px}.collection-ref-options .collection-family,.collection-ref-options .view-tabs{margin:6px!important}.collection-ref-options .set-ribbon{margin:5px 6px!important;width:calc(100% - 12px)}#app>.layout.collection{gap:9px}.collection-search{margin-top:0}.collection .collection-heading{margin-bottom:0}.collection .collection-sort{min-height:32px}.collection .rarity-heading{margin-top:0}.collection .rarity-preview{gap:7px}
/* Missing ownership stays visible through the quantity badge and dimming, without hiding the official artwork. */
body[data-view=collection] .card-tile.unowned .image-wrap img{filter:saturate(.65) brightness(.82)}

:root{--reference-build:5}

.home-pirate-stage{width:58px;height:77px;flex:0 0 58px}.home-pirate-stage canvas{width:100%;height:100%;display:block}