/* 08 Nov 2026 · two isolated themes: archival journal and green specimen laboratory. */
#menuScreen.ocean-menu-v2.submarine-menu #shopBtn{
 background:linear-gradient(110deg,#122329,#285747 49%,#132c2b)!important;
 color:#e5fff2!important;border:1px solid #94c8ae!important;
 box-shadow:inset 0 0 0 1px #a4dfba55,0 0 14px #69dba64f!important;
}
#menuScreen.ocean-menu-v2.submarine-menu #shopBtn::before{
 content:""!important;display:block!important;
 width:23px!important;height:32px!important;left:9px!important;right:auto!important;
 top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;
 border-radius:9px 9px 5px 5px!important;
 border:2px solid #9dd1c4!important;border-top:6px solid #8e9ea2!important;
 border-bottom:6px solid #53696e!important;
 background:linear-gradient(92deg,#c8ffcf91,#44d996b0 45%,#d5ffe785)!important;
 box-shadow:inset 4px 0 6px #efffe680,0 0 9px #6cffa877!important;
}
#shopScreen .shop-modal{
 background:linear-gradient(145deg,#182a32,#38544a 51%,#16282d)!important;
 border:2px solid #66877e!important;color:#e1f4e9!important;
}
#shopScreen .shop-heading h2,#shopScreen .shop-heading h2 em,
#shopScreen .shop-section-title,#shopScreen .shop-heading p,
#shopScreen .shop-filter-summary,#shopScreen .payment-settings,
#shopScreen .payment-settings label,#shopScreen .meta-shop-heading h3,
#shopScreen .meta-shop-heading p{color:#e5f8ec!important;text-shadow:none!important}
#shopScreen .shop-filter-bar{background:#1a3534!important;border-color:#648b7b!important}
#shopScreen .shop-filter-search,#shopScreen .shop-filter-select,#shopScreen .text-field{
 color:#e6faed!important;background:#15312e!important;border-color:#6c9a82!important;
}
#shopScreen #skinGrid .skin-card{
 background:linear-gradient(158deg,#1c3232,#2d4942 54%,#162a2b)!important;
 color:#e3f7ea!important;border:1px solid #769987!important;
 box-shadow:0 7px 16px #0007,inset 0 1px #c7f6d42a!important;
}
#shopScreen #skinGrid .skin-card .skin-preview.specimen-vessel{
 position:relative!important;isolation:isolate!important;overflow:hidden!important;
 height:194px!important;min-height:194px!important;aspect-ratio:auto!important;
 border-radius:12px!important;border:0!important;
 background:linear-gradient(90deg,#111e24,#3d5352 13%,#182c2f 27%,#1c4536 77%,#3e5153 90%,#132329)!important;
 box-shadow:inset 0 0 14px #000a,0 2px 9px #091e1d!important;
}
#shopScreen #skinGrid .skin-card .skin-preview.specimen-vessel::before{
 content:""!important;display:block!important;position:absolute!important;
 inset:5px 14%!important;width:auto!important;height:auto!important;z-index:0!important;
 opacity:1!important;transform:none!important;pointer-events:none!important;
 border:3px solid #9dd7c3!important;border-top:13px solid #93a5a9!important;
 border-bottom:16px solid #697c83!important;border-radius:33px 33px 18px 18px!important;
 background:linear-gradient(90deg,#e9fff080 0%,#40c78c92 18%,#48dca8b3 50%,#7dffbc81 82%,#ddffe995)!important;
 box-shadow:inset 11px 0 15px #d3ffeb66,inset -10px 0 14px #0e4d3a99,0 0 20px #73edab64!important;
}
#shopScreen #skinGrid .skin-card .skin-preview.specimen-vessel::after{
 content:""!important;display:block!important;position:absolute!important;
 z-index:3!important;inset:18px 21% 24px!important;width:auto!important;height:auto!important;
 opacity:1!important;pointer-events:none!important;border:0!important;box-shadow:none!important;
 border-radius:26px 26px 11px 11px!important;
 background:radial-gradient(circle at 20% 78%,#fff9 0 2px,transparent 3px),
 radial-gradient(circle at 70% 59%,#fff9 0 2px,transparent 3px),
 radial-gradient(circle at 35% 32%,#fff8 0 1px,transparent 2px),
 linear-gradient(90deg,#f2fff235,transparent 22%,transparent 75%,#eefff344)!important;
}
#shopScreen #skinGrid .skin-card .skin-preview.specimen-vessel canvas{
 position:absolute!important;z-index:2!important;left:18%!important;top:15%!important;
 width:64%!important;height:70%!important;max-width:none!important;max-height:none!important;
 object-fit:contain!important;filter:drop-shadow(0 2px 6px #05291fa0)!important;
}
#shopScreen #skinGrid .skin-card .specimen-card-name{color:#e5ffee!important}
#shopScreen #skinGrid .skin-card .specimen-rarity{
 color:#c9ffe2!important;background:#2d5c4b!important;border-color:#63967a!important;
}
#shopScreen #skinGrid .skin-card .specimen-card-traits{background:#1a3533!important;border-color:#608471!important}
#shopScreen #skinGrid .skin-card .specimen-card-traits>div,
#shopScreen #skinGrid .skin-card .specimen-card-traits span,
#shopScreen #skinGrid .skin-card .specimen-card-description{color:#e1ede5!important}
#shopScreen #skinGrid .skin-card .specimen-card-traits b{color:#a3dfb7!important}
#shopScreen #skinGrid .skin-card .specimen-card-unidentified{color:#d3e5d9!important}
#shopScreen #skinGrid .skin-card .specimen-unknown-stamp{color:#ebf7ec;background:#283b36c9;border-color:#a0ceaf}
#shopScreen #skinGrid .skin-card>button:not(:disabled){
 background:linear-gradient(90deg,#266b52,#328466)!important;border-color:#8bccac!important;
}
/* Archival document button. This does NOT affect any shop selectors. */
#menuScreen.ocean-menu-v2.submarine-menu #catalogBtn{
 position:relative!important;isolation:isolate!important;overflow:hidden!important;
 background:linear-gradient(145deg,#a78051,#dfc38a 50%,#7e5938)!important;
 color:#3e2817!important;border:2px solid #8c6540!important;
 font:700 11px Georgia,serif!important;letter-spacing:.06em!important;
 box-shadow:inset 0 0 0 2px #f9e5b477,0 3px 9px #0008!important;
}
#menuScreen.ocean-menu-v2.submarine-menu #catalogBtn::before{
 content:""!important;position:absolute;z-index:-1;inset:5px;
 border:1px solid #79543380;border-left:4px double #916c43;
 background:repeating-linear-gradient(0deg,transparent 0 8px,#68452525 9px 10px);
}
#catalogScreen .abyss-journal{
 --journal-ink:#38291c;
 color:var(--journal-ink)!important;
 border:10px solid #6f4d30!important;border-radius:14px!important;
 background:radial-gradient(ellipse at 8% 14%,#89612c3c,transparent 30%),
 radial-gradient(ellipse at 90% 85%,#77512631,transparent 35%),
 repeating-linear-gradient(0deg,transparent 0 30px,#8b653018 31px 32px),
 linear-gradient(110deg,#ceb083,#f4dfb5 15%,#ead0a1 53%,#f3dfb4 88%,#c49d6b)!important;
 box-shadow:0 20px 55px #000b,inset 12px 0 17px #6a472c5a,inset -4px 0 9px #fff6!important;
}
#catalogScreen .abyss-journal h2,#catalogScreen .abyss-journal .codex-heading{
 color:#492e19!important;text-shadow:none!important;
 font-family:Georgia,'Times New Roman',serif!important;letter-spacing:.045em!important;
}
#catalogScreen .abyss-journal .eyebrow,
#catalogScreen .abyss-journal .journal-intro{color:#5d4028!important;text-shadow:none!important}
#catalogScreen .abyss-journal .journal-intro{font:italic 16px/1.45 Georgia,serif!important}
#catalogScreen .abyss-journal .catalog-grid{display:block!important}
#catalogScreen .journal-progress{
 padding:11px;margin:17px 0;color:#593b23;background:#e3c99eaa;
 border-block:1px solid #8b653a;font:700 12px Georgia,serif;letter-spacing:.05em;
}
#catalogScreen .abyss-journal .codex-grid{
 display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,228px),1fr))!important;
 gap:12px!important;align-items:stretch!important;
}
#catalogScreen .abyss-journal .codex-card{
 min-width:0!important;position:relative!important;overflow:hidden!important;
 border:1px solid #a47b4e!important;border-radius:3px!important;
 background:linear-gradient(125deg,#f0dbb3e8,#dec193ea)!important;
 box-shadow:inset 0 0 0 3px #fff2d058,2px 3px 5px #53321e2d!important;
 color:#402f20!important;content-visibility:auto;contain-intrinsic-size:auto 320px;
}
#catalogScreen .abyss-journal .codex-card p,
#catalogScreen .abyss-journal .codex-card b{color:#49331f!important}
#catalogScreen .abyss-journal .codex-preview{
 background:radial-gradient(ellipse,#efe0be,#cba77a)!important;
 border:1px dashed #967149!important;
}
#catalogScreen .abyss-journal canvas{filter:sepia(.72) saturate(.4) contrast(1.1)!important}
#catalogScreen .journal-page-no{font:700 10px Georgia,serif;color:#765331;letter-spacing:.11em}
#catalogScreen .journal-specimen-grid .journal-creature{
 height:146px!important;min-height:146px!important;
 display:grid!important;place-items:center;margin:7px 0!important;overflow:hidden!important;
}
#catalogScreen .journal-specimen-grid .journal-creature canvas{
 width:100%!important;height:100%!important;object-fit:contain!important;
}
#catalogScreen .journal-specimen-title{font:700 18px/1.3 Georgia,serif!important;color:#3b2819!important}
#catalogScreen .journal-classification{font:italic 12px Georgia,serif;color:#61442f}
#catalogScreen .journal-stat-row{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}
#catalogScreen .journal-stat-row span{
 padding:5px 7px;border:1px solid #a98452;background:#f4e4c184;
 font:12px Georgia,serif;color:#44301b;
}
#catalogScreen .journal-stat-row b{font:700 10px Georgia,serif;color:#6d4023!important}
#catalogScreen .journal-handwritten{
 font:italic 17px/1.4 'Segoe Print','Bradley Hand','Comic Sans MS',cursive!important;
 color:#65452a!important;margin:7px 0!important;
}
#catalogScreen .journal-description{font:italic 12px/1.4 Georgia,serif!important;color:#6b4e34!important}
#catalogScreen .journal-sealed{
 display:block;padding:9px;transform:rotate(-12deg);
 border:3px double #974e43;color:#934338;
 font:800 12px Georgia,serif;letter-spacing:.12em;text-align:center;
}
#catalogScreen .abyss-journal .codex-ability-box{background:#e4cb9c!important;border-color:#b6925e!important;color:#41301f!important}
#catalogScreen .abyss-journal .stat-badge{background:#e3c898!important;color:#453020!important}
#catalogScreen .abyss-journal .modal-top-close{
 color:#f0dfbc!important;background:#674831!important;border-color:#a28055!important;
}
#catalogScreen .abyss-journal #catalogCloseBtn{
 background:#62432e!important;color:#f1d9b1!important;border:1px solid #a07c4d!important;
}
@media(max-width:700px){
 #catalogScreen .abyss-journal{padding:12px!important;border-width:6px!important}
 #catalogScreen .journal-stat-row span{font-size:11px!important}
 #shopScreen #skinGrid .skin-card .skin-preview.specimen-vessel{height:168px!important;min-height:168px!important}
}
@media(prefers-reduced-motion:reduce){
 #catalogScreen .abyss-journal *,#shopScreen #skinGrid .skin-card *{animation:none!important;transition:none!important}
}