/* OP's dark surfaces, warm quiet actions, and colour reserved for rarity. */
.cx-page {
  --cx-muted:#b0c0df;
  --cx-line:var(--line,#22305a);
  --cx-surface:linear-gradient(90deg,#14264b 0%,#111e3b 50%,#0f1731 100%);
  --cx-accent:#ddc59e;
  --cx-accent-bright:#f4e3c7;
  max-width:1200px;margin:auto;padding:10px 0 24px;color:var(--text,#e8ecff);
}
.cx-page *{box-sizing:border-box}
.cx-page [hidden]{display:none!important}
.cx-page a{color:inherit}
.cx-page h1,.cx-page h2,.cx-page h3,.cx-page h4{color:#f0f5ff;overflow-wrap:anywhere}
.cx-page h3{margin:0 0 7px;font-size:17px;line-height:1.35}
.cx-page p{overflow-wrap:anywhere}
.cx-breadcrumb{display:flex;gap:9px;font-size:12px;color:var(--cx-muted);margin:0 0 12px}
.cx-breadcrumb a{color:var(--cx-accent);text-decoration:none}
.cx-kicker{display:block;color:var(--cx-accent);letter-spacing:1.2px;font-size:10px;font-weight:700;line-height:1.5}
.cx-hero {
  display:grid;grid-template-columns:120px minmax(0,1fr) 260px;align-items:center;gap:22px;
  padding:20px!important;margin:0 0 16px!important;border:1px solid #ffffff0f!important;
  border-radius:18px!important;background:var(--cx-surface)!important;overflow:hidden;
}
.cx-hero-image{width:120px;border-radius:16px;overflow:hidden;box-shadow:0 5px 16px #030b1640}
.cx-hero-image>img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.cx-reputation{grid-column:1/-1;min-width:0;margin-top:0}
.cx-reputation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.cx-reputation-identity{display:flex;align-items:center;gap:12px;min-width:0}
.cx-reputation-identity>div{display:grid;gap:3px;min-width:0}
.cx-reputation-identity>div>span{font-size:10px;color:#9db5bf;letter-spacing:.7px;text-transform:uppercase}
.cx-current-emblem{display:block;flex:0 0 38px;width:38px;color:#e8d1aa;filter:drop-shadow(0 0 8px #d3b58119)}
.cx-rank-emblem{display:block;width:100%;height:auto;overflow:visible}
.cx-rank-frame{fill:#142339;stroke:currentColor;stroke-width:1.3}
.cx-rank-frame-inner{stroke:currentColor;stroke-opacity:.2;stroke-width:1}
.cx-rank-symbol{opacity:.95}
.cx-reputation-heading strong{font-size:14px;font-weight:650;color:#f1e0be}
.cx-reputation-points{font-size:15px;font-weight:700;white-space:nowrap;color:#d6f5e8;font-variant-numeric:tabular-nums}
.cx-reputation-points small{font-size:11px;font-weight:500;color:#9db5bf}
.cx-reputation-track{position:relative;width:100%;height:14px;overflow:hidden;border:1px solid #81b9b05c;border-radius:5px;background:#09181e;box-shadow:inset 0 2px 5px #000b,0 0 13px #44d6ab14}
.cx-reputation-fill{display:block;width:var(--cx-rep-fill,0%);height:100%;border-radius:4px;background:linear-gradient(180deg,#ffffff30,transparent 48%),linear-gradient(90deg,#168c78,#42cfaa 70%,#aaeacc);box-shadow:inset 0 0 8px #ddfff438,0 0 15px #4bddb770;transition:width .25s ease}
.cx-reputation-track.is-complete .cx-reputation-fill{background:linear-gradient(180deg,#ffffff35,transparent 48%),linear-gradient(90deg,#319c8d,#7bceb2 65%,#e2c690)}
.cx-reputation-details{margin:1px 0 0;min-width:0}
.cx-reputation-details>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:38px;list-style:none;cursor:pointer;font-size:11px;line-height:1.5}
.cx-reputation-next{color:#a8bbc7;overflow-wrap:anywhere;min-width:0}
.cx-reputation-info-label{color:var(--cx-accent);flex-shrink:0;text-decoration:underline;text-decoration-color:#ddc59e44;text-underline-offset:4px}
.cx-reputation-details[open] .cx-fold-open{display:none}
.cx-reputation-details[open] .cx-fold-close{display:inline}
.cx-reputation-explanation{padding:12px 0 5px;border-top:1px solid #ffffff0d}
.cx-reputation-earning{padding-top:14px;margin-top:10px;border-top:1px solid #ffffff0a}
.cx-reputation-earning>p{margin:0 0 9px!important;font-size:12px!important;color:#b0c0cf}
.cx-reputation-gains{display:flex;flex-wrap:wrap;gap:7px;font-size:11px;color:#b9c5d1}
.cx-reputation-gains>span{display:inline-flex;align-items:center;gap:6px;border-radius:6px;padding:5px 8px;background:#030c192e}
.cx-reputation-gains i{width:4px;height:11px;border-radius:2px;background:var(--cx-rarity)}
.cx-reputation-gains b{font-weight:650;color:#e4ecee;font-variant-numeric:tabular-nums}
.cx-reputation-ranks{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;list-style:none;margin:0;padding:4px 0 0}
.cx-reputation-ranks>li{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 6px 6px;font-size:11px;text-align:center;color:#7d90a7;min-width:0}
.cx-reputation-ranks>li::before{content:"";position:absolute;left:-50%;right:50%;top:32px;height:1px;background:#ffffff12}
.cx-reputation-ranks>li:first-child::before{display:none}
.cx-rank-medallion{position:relative;display:block;width:52px;margin-bottom:3px;z-index:1;color:#637891}
.cx-reputation-ranks>li>strong{font-size:11px;font-weight:600;color:inherit;line-height:1.4;overflow-wrap:anywhere}
.cx-rank-threshold{font-variant-numeric:tabular-nums;font-size:11px;line-height:1.4;color:#8196aa}
.cx-rank-threshold small{font-size:9px}
.cx-rank-state{font-size:8px;letter-spacing:.25px;padding:3px 7px;border-radius:4px;background:#ddc59e12;color:#e4d0af;line-height:1.3}
.cx-rank-check{position:absolute;right:-2px;bottom:3px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;font-size:9px;color:#b0dfcd;background:#132e32;border:1px solid #689e8970}
.cx-reputation-ranks .is-reached{color:#adbbbd}
.cx-reputation-ranks .is-reached .cx-rank-medallion{color:#8cb8af}
.cx-reputation-ranks .is-reached::before,.cx-reputation-ranks .is-current::before{background:#8cb8af65}
.cx-reputation-ranks .is-current{color:#f1e0be}
.cx-reputation-ranks .is-current .cx-rank-medallion{color:#ebc891;filter:drop-shadow(0 0 10px #ddc59e22)}
.cx-reputation-ranks .is-current .cx-rank-frame{fill:#293040;stroke-width:1.7}
.cx-reputation-ranks .is-next{color:#bfd0e1}
.cx-reputation-ranks .is-next .cx-rank-medallion{color:#a1b5ca}
.cx-reputation-ranks .is-next .cx-rank-state{color:#acc0d2;background:#ffffff08}
@media(prefers-reduced-motion:reduce){.cx-reputation-fill{transition:none}}
.cx-hero h1{font-size:32px;line-height:1.15;margin:4px 0 7px!important}
.cx-hero p{font-size:14px;line-height:1.5;color:#c5d3ec;margin:0 0 10px}
.cx-hero-stat{display:grid;gap:12px;text-align:left;text-decoration:none;padding:14px;border-radius:13px;border:1px solid #6989d740;background:linear-gradient(125deg,#16264b,#141b38);min-width:0;box-shadow:inset 0 1px 0 #ffffff05}
.cx-hero-stat:hover{border-color:#a78bfa66}
.cx-collection-heading{display:flex;align-items:center;gap:9px;min-width:0}
.cx-collection-heading .cx-miniature{width:29px;flex-basis:29px}
.cx-collection-heading>span:not(.cx-miniature){font-size:11px;font-weight:650;line-height:1.45;min-width:0;color:#d5e0fb}
.cx-collection-heading strong{margin-left:auto;font-size:25px;white-space:nowrap;color:#f0f5ff;font-variant-numeric:tabular-nums}
.cx-collection-heading strong small{font-size:12px;font-weight:500;color:#aebfe2}
.cx-collection-track{position:relative;display:flex;width:100%;height:14px;border:1px solid rgba(125,167,225,.44);border-radius:5px;background:#180e20;box-shadow:inset 0 2px 5px #000b,0 0 13px #3fffa71f}
.cx-collection-track>span{display:block;width:var(--cx-collection-fill,0%);height:100%;border-radius:4px;background:linear-gradient(180deg,#ffffff33,transparent 45%),linear-gradient(90deg,#14ba70,#43f59b 70%,#83ffc2);box-shadow:inset 0 0 8px #deffef3d,0 0 15px #31ff9b9e}
.cx-collection-values{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#a5b9da}
.cx-collection-values b{font-size:12px;color:#5dffae;text-shadow:0 0 9px #46ffa485;font-variant-numeric:tabular-nums}
.cx-page progress{height:5px;accent-color:var(--cx-accent);border:0;border-radius:9px;overflow:hidden}
.cx-page progress::-webkit-progress-bar{background:#22305a}
.cx-page progress::-webkit-progress-value{background:var(--cx-accent)}
.cx-page progress::-moz-progress-bar{background:var(--cx-accent)}
.cx-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;font:inherit;font-size:12px;font-weight:650;color:#f7ecd8!important;background:linear-gradient(110deg,#5a4b36,#38382f);border:1px solid #d2b58255;border-radius:10px;text-decoration:none;cursor:pointer;line-height:1.35;text-align:center;white-space:normal;box-shadow:0 3px 10px #04081320;transition:background .15s,border-color .15s}
.cx-button:hover{background:linear-gradient(110deg,#6a583e,#474438);border-color:#d2b582a0}
.cx-button.is-secondary{background:#e2c69808;border-color:#d2b58244;color:#dfcdb1!important;box-shadow:none}
.cx-button.is-secondary:hover{background:#e2c69816;border-color:#d2b58288}
.cx-page a:focus-visible,.cx-page button:focus-visible,.cx-page summary:focus-visible,.cx-page input:focus-visible,.cx-page select:focus-visible{outline:2px solid var(--cx-accent);outline-offset:3px}
.cx-status{display:inline-block;font-size:11px;line-height:1.5;color:var(--cx-rarity,#aacceb)}
.cx-status.is-good{color:#aee6cf}
.cx-blocked{font-size:12px;color:#ffc4cf;line-height:1.5}
.cx-miniature{display:block;width:44px;aspect-ratio:1;flex:0 0 44px;background:url('/static/user_assets/collector/kodex-miniatures-atlas-v1.png') var(--mini-x) var(--mini-y)/300% 200% no-repeat}
.cx-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}
.cx-tabs a{display:flex;align-items:center;gap:11px;min-width:0;padding:12px 14px;background:linear-gradient(100deg,#14233b,#111b30);border:1px solid #ffffff08;border-radius:14px;color:#aebbd0;text-decoration:none;font-size:13px;font-weight:650;transition:background .15s,color .15s}
.cx-tabs a span:not(.cx-miniature){flex:1;min-width:0}
.cx-tabs a b{font-size:11px;white-space:nowrap;border:0;border-radius:7px;padding:5px 7px;background:#030b142b;color:#aebbd0;font-variant-numeric:tabular-nums}
.cx-tabs a.is-active{border-color:transparent;color:#f4e3c7;background:linear-gradient(100deg,#2b323c,#18253a);box-shadow:none}
.cx-tabs a.is-active b{color:var(--cx-accent-bright);background:#e2c69812}
.cx-tabs a:hover{background:linear-gradient(100deg,#243142,#162237);color:#f4e3c7}
.cx-tabs a.is-active:hover{background:linear-gradient(100deg,#30363f,#1c293b)}
.cx-panel{padding:20px!important;border-radius:17px!important;margin:0 0 15px!important;background:linear-gradient(180deg,var(--panel2,#101a3a),var(--panel,#0f1731))!important;border:1px solid var(--cx-line)!important;scroll-margin-top:20px;min-width:0}
.cx-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 16px;margin:-20px -20px 18px;border-radius:16px 16px 0 0;background:var(--cx-surface);border-bottom:1px solid var(--cx-line)}
.cx-panel h2{font-size:23px;line-height:1.3;margin:4px 0 0!important}
.cx-section-meta{font-size:12px;color:#b8ccea;white-space:nowrap}
.cx-lead,.cx-note{font-size:12px;line-height:1.6;color:var(--cx-muted);margin:10px 0 16px}
.cx-lead{color:#b0c0df}
.cx-tools{grid-column:1/-1;min-width:0;padding-top:12px;border-top:1px solid #ffffff12}
.cx-tool-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.cx-tool-toggle{display:inline-flex;align-items:center;gap:7px;min-height:44px;max-width:100%;padding:7px 12px;border:1px solid #8598c82e;border-radius:9px;background:#0c173166;color:#b7c0d1;font:inherit;font-size:12px;font-weight:550;text-align:left;text-decoration:none;cursor:pointer;line-height:1.4}
.cx-tool-toggle:hover,.cx-tool-toggle.is-open{background:#26335266;color:var(--cx-accent-bright);border-color:#ddc59e66}
.cx-tool-toggle>span:not(.cx-miniature){min-width:0;overflow-wrap:anywhere}
.cx-tool-toggle .cx-miniature{width:26px;flex-basis:26px}
.cx-tool-toggle b{margin-left:5px;font-size:10px;font-weight:650;color:var(--cx-accent);font-variant-numeric:tabular-nums}
.cx-tool-panel{margin-top:12px;padding:16px 0 2px;border-top:1px solid #ffffff12;min-width:0}
.cx-page .cx-tool-title{font-size:13px;margin:0 0 12px!important;color:var(--cx-accent-bright)}
.cx-tool-panel .cx-quick-guide{margin:0 0 13px;padding-left:18px}
.cx-tool-panel .cx-inline-links{padding:0}
.cx-tool-panel .cx-note{font-size:12px;margin:10px 0 4px}
.cx-guide-intro{font-size:12px;line-height:1.6;color:#c7d6f3;margin:0 0 13px}
.cx-guide-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;list-style:none;padding:0;margin:0}
.cx-guide-steps>li{display:flex;gap:11px;padding:13px;border:1px solid #7e91bf2e;border-radius:12px;background:linear-gradient(130deg,#152342,#101a34);min-width:0}
.cx-step-number{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:9px;background:#a78bfa15;color:#ccb8fc;font-size:13px;font-weight:700;border:1px solid #a78bfa3d}
.cx-guide-steps>li>div{min-width:0}
.cx-page .cx-guide-steps h3{font-size:13px;margin:2px 0 6px}
.cx-guide-steps p,.cx-kit-card p,.cx-kit-rules p{font-size:12px;line-height:1.6;color:var(--cx-muted);margin:0 0 7px}
.cx-guide-steps a,.cx-kit-card>a,.cx-kit-rules>a,.cx-guide-footer>a{display:inline-flex;align-items:center;min-height:36px;font-size:11px;color:var(--cx-accent);text-underline-offset:3px}
.cx-guide-footer{display:flex;justify-content:space-between;align-items:center;gap:8px 18px;flex-wrap:wrap;margin-top:12px;font-size:11px;color:var(--cx-muted)}
.cx-kit-origin{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:12px;font-size:12px}
.cx-kit-origin>span{color:var(--cx-muted);font-size:10px}
.cx-kit-origin>strong{color:#e8f0ff;overflow-wrap:anywhere}
.cx-kit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.cx-kit-card{min-width:0;padding:13px;border:1px solid #7e91bf30;border-radius:12px;background:linear-gradient(125deg,#152342,#101a34)}
.cx-kit-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:7px}
.cx-page .cx-kit-heading h3{font-size:13px;line-height:1.45;margin:2px 0;max-width:65%}
.cx-kit-heading>strong{display:flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap;font-size:20px;color:#f0f5ff;font-variant-numeric:tabular-nums}
.cx-kit-heading>strong>small{font-size:9px;white-space:normal;text-align:right;max-width:105px;font-weight:500;color:#a9c0e5}
.cx-kit-level{display:block;font-size:10px;color:#bcb1de;margin-top:8px}
.cx-page .cx-kit-subtitle{font-size:12px;margin:16px 0 10px;color:#d0dafa}
.cx-kit-rules{margin-top:13px;padding:13px;border-radius:10px;background:#0b153066;border:1px solid #8598c824}
.cx-page .cx-kit-rules h3{font-size:12px;margin:0 0 7px}
.cx-kit-rules ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;list-style:none;margin:10px 0 0;padding:0;font-size:11px;line-height:1.5;color:#c3d2ee}
.cx-kit-rules li{display:flex;align-items:baseline;gap:8px;min-width:0}
.cx-kit-rules li::before{content:'';flex:0 0 4px;width:4px;height:4px;border-radius:50%;background:#b7a1ed}
.cx-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0 10px}
.cx-section-title h3{font-size:15px;margin:0}
.cx-section-title>span{font-size:11px;color:var(--cx-muted)}
.cx-empty-scene{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:22px;padding:18px;border:1px solid #8b8cca33;border-radius:16px;background:radial-gradient(ellipse at 0 25%,#7660b31c,transparent 55%),linear-gradient(110deg,#18234b,#101731)}
.cx-scene-creature{width:150px;min-width:0;border-radius:12px;overflow:hidden}
.cx-empty-scene h3{font-size:20px;margin:7px 0}
.cx-empty-scene p{font-size:12px;line-height:1.6;color:#b0c0df;max-width:590px;margin:0 0 10px}
.cx-empty-scene .cx-button{margin-top:4px}
.cx-text-link,.cx-inline-links a,.cx-equipment a{color:var(--cx-accent)!important;font-size:12px;text-underline-offset:3px}
.cx-empty{padding:25px 14px;color:var(--cx-muted);font-size:12px;text-align:center}
.cx-missions{display:grid;gap:9px;margin-bottom:18px}
.cx-missions article{display:flex;justify-content:space-between;gap:18px;padding:14px 16px;background:linear-gradient(105deg,#1a2638,#101a2d);border:1px solid #ffffff12;border-radius:13px}
.cx-missions article strong,.cx-missions article small{display:block}
.cx-missions article strong{font-size:13px;margin:4px 0}
.cx-missions article small,.cx-missions article p{font-size:11px;line-height:1.5;color:var(--cx-muted)}
.cx-mission-time{text-align:right;flex-shrink:0}
.cx-mission-time span{font-size:10px;color:var(--cx-muted)}
.cx-mission-time strong{font-variant-numeric:tabular-nums;color:var(--cx-accent-bright)}
.cx-sightings,.cx-inventory{display:grid;gap:10px}
.cx-sighting,.cx-inventory article{display:flex;align-items:center;gap:16px;min-width:0;padding:16px;border:1px solid #ffffff12;border-left:3px solid var(--cx-rarity);border-radius:14px;background:linear-gradient(105deg,#192447,#10192f)}
.cx-sighting{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:12px 16px}
.cx-sighting-copy,.cx-inventory-copy{flex:1;min-width:0}
.cx-sighting h3,.cx-inventory h3{font-size:15px;margin:5px 0;line-height:1.4}
.cx-sighting p{font-size:12px;color:#c5d3ec;margin:0 0 5px}
.cx-sighting small,.cx-inventory small{display:block;font-size:11px;line-height:1.7;color:var(--cx-muted)}
.cx-sighting-action{max-width:210px;flex-shrink:0}
.cx-sprite{width:100%;aspect-ratio:1;border-radius:11px;background-image:var(--sprite-atlas);background-size:var(--sprite-size-x,500%) var(--sprite-size-y,300%);background-position:var(--sprite-x) var(--sprite-y);background-repeat:no-repeat;background-color:var(--sprite-background,#071321)}
.cx-sprite.is-small{width:90px;flex:0 0 90px;border:1px solid #ddc59e22;box-shadow:0 4px 12px #030b162b}
/* Keep the next atlas row's glow out of the three upper-row Grey portraits. */
.cx-sprite{position:relative;overflow:hidden}
.cx-sprite::after{content:"";position:absolute;inset:auto 0 0;height:var(--sprite-bottom-trim,0);background:var(--sprite-background,#071321);pointer-events:none}
.cx-fold{margin-top:13px;border:1px solid var(--cx-line);border-radius:10px;background:#0d1930}
.cx-fold>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 12px;cursor:pointer;font-size:12px;font-weight:650;line-height:1.5;color:#dce8ff;list-style:none}
/* Text labels deliberately replace browser markers and decorative arrows. */
.cx-page summary::marker{content:''}
.cx-page summary::-webkit-details-marker{display:none}
.cx-page summary::before,.cx-page summary::after{content:none!important}
.cx-fold[open]>summary{border-bottom:1px solid var(--cx-line)}
.cx-fold-action{flex-shrink:0;font-size:10px;font-weight:500;color:#a9bddb}
.cx-fold-close{display:none}
.cx-fold[open]>summary .cx-fold-open{display:none}
.cx-fold[open]>summary .cx-fold-close{display:inline}
.cx-fold>p,.cx-fold>.cx-note{padding:0 12px;font-size:12px;line-height:1.6;color:var(--cx-muted);margin:12px 0}
.cx-quick-guide{padding:0 15px 0 32px;margin:13px 0;color:#c5d3ec;font-size:12px;line-height:1.55}
.cx-quick-guide li+li{margin-top:7px}
.cx-inline-links{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0 12px 2px}
.cx-inline-links a{font-size:11px}
.cx-request-title{display:flex;align-items:center;gap:9px}
.cx-request-title .cx-miniature{width:34px;flex-basis:34px}
.cx-grey-request>summary{padding:7px 12px}
.cx-equipment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:16px;padding:0}
.cx-equipment>div{min-width:0;padding:0;background:transparent;border-radius:0}
.cx-equipment>div>span{font-size:9px;letter-spacing:.7px;color:#a9c6e5}
.cx-equipment strong{display:block;overflow-wrap:anywhere;font-size:14px;margin:7px 0}
.cx-equipment small{display:block;font-size:11px;line-height:1.6;color:var(--cx-muted)}
.cx-equipment a{display:inline-block;margin-top:8px;font-size:11px}
.cx-rules{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 12px}
.cx-rules span{padding:6px 8px;background:#172b46;border-radius:6px;font-size:10px;color:#c5d3ec}
.cx-inventory article{flex-wrap:wrap}
.cx-inventory form{flex-basis:100%;display:flex;justify-content:flex-end}
.cx-inventory:has(article){grid-template-columns:repeat(2,minmax(0,1fr))}
.cx-contract{display:flex;align-items:center;gap:16px;margin-top:18px;padding:16px;border:1px solid #ddc59e30;border-radius:14px;background:linear-gradient(110deg,#2c3036,#152034)}
.cx-contract-copy{flex:1;min-width:0}
.cx-contract h3{font-size:16px;margin:6px 0}
.cx-contract p{font-size:12px;line-height:1.5;color:#c5d3ec;margin:5px 0}
.cx-contract small{font-size:10px;color:#a9bddb}
.cx-contract-progress{flex:0 0 95px;text-align:center}
.cx-contract-progress strong{display:block;font-size:27px}
.cx-contract-progress>span{display:block;font-size:11px;color:#b0c0df;margin:4px 0 9px}
.cx-contract-progress progress{width:100%}
.cx-rewards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px}
.cx-rewards>div{min-width:0;text-align:center;padding:9px 5px;background:#142743;border-top:3px solid var(--cx-rarity);border-radius:6px}
.cx-rewards span{display:block;font-size:10px;color:var(--cx-rarity)}
.cx-rewards strong{display:block;font-size:20px;margin:5px 0;color:#f0f5ff}
.cx-rewards small{font-size:9px;line-height:1.5;color:var(--cx-muted)}
.cx-filters{display:grid;grid-template-columns:minmax(0,1fr) 150px 150px;gap:10px;margin:18px 0 10px}
.cx-filters label,.cx-variant-picker{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:11px;color:#b8ccea}
.cx-filters input,.cx-filters select,.cx-variant-picker select{width:100%;min-width:0;min-height:40px;padding:9px 10px;border:1px solid #4e719c80;border-radius:8px;background:#0a162b;color:#e8f0ff;font:inherit;font-size:12px;line-height:1.4;color-scheme:dark}
.cx-filters input::placeholder{color:#91a7c7;opacity:1}
.cx-book-toolbar{display:flex;align-items:flex-start;gap:15px;min-height:44px;margin-bottom:12px}
.cx-book-toolbar>[data-cx-result-count]{padding-top:11px;white-space:nowrap;font-size:11px;color:var(--cx-muted)}
.cx-reset{border:0;background:transparent;color:var(--cx-accent);padding:11px 0;cursor:pointer;font:inherit;font-size:11px;text-decoration:underline;text-underline-offset:3px}
.cx-book-help{margin:0 0 0 auto;max-width:440px}
.cx-book-help>summary{min-height:39px;padding:8px 11px;font-size:11px;gap:20px}
.cx-book-help>p{font-size:11px}
.cx-rarity-legend{display:flex;flex-wrap:wrap;gap:8px;padding:0 12px 12px}
.cx-rarity-legend>span{font-size:10px;color:var(--cx-rarity);border-top:3px solid var(--cx-rarity);padding-top:5px}
.cx-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.cx-book-card{min-width:0;border:1px solid #ffffff14;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#1a2939,#111a2b);box-shadow:0 5px 18px #030a1529}
.cx-rarity-track{display:flex;gap:6px;padding:11px 12px;background:#172333;border-bottom:1px solid #ffffff0a}
.cx-rarity-strip{flex:1;min-width:0;height:7px;border:1px solid var(--cx-rarity);border-radius:5px}
.cx-rarity-strip.is-unknown{opacity:.6;background:transparent}
.cx-rarity-strip.is-seen{background:repeating-linear-gradient(135deg,var(--cx-rarity) 0 3px,transparent 3px 6px)}
.cx-rarity-strip.is-registered{background:var(--cx-rarity);box-shadow:0 0 5px color-mix(in srgb,var(--cx-rarity) 25%,transparent)}
.cx-rarity-strip.is-selected{outline:2px solid #f0f5ff;outline-offset:2px}
.cx-book-portraits{background:#071321}
.cx-book-portraits>div{position:relative}
.cx-book-portraits .cx-sprite{border-radius:0}
.cx-image-caption{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);padding:4px 7px;border-radius:5px;border:1px solid #ffffff14;background:#111b29de;font-size:10px;line-height:1.5;color:#e4dbc9}
.cx-locked-form{position:relative;overflow:hidden}
.cx-locked-form .cx-sprite{filter:brightness(.22) saturate(0)}
.cx-locked-form>span{position:absolute;left:12px;right:12px;top:40%;font-size:13px;line-height:1.5;text-align:center;color:#dce8ff}
.cx-book-copy{padding:14px 15px 12px}
.cx-book-copy h3{font-size:16px;min-height:2.7em;line-height:1.35;margin:0 0 7px}
.cx-creature-teaser{font-size:12px;line-height:1.5;min-height:3em;color:#b0c0df;margin:0 0 13px}
.cx-card-progress{display:flex;align-items:baseline;gap:6px;font-size:11px;color:#a9bddb}
.cx-card-progress strong{font-size:15px;color:var(--cx-accent-bright);font-variant-numeric:tabular-nums}
.cx-species-details{margin:0;border:0;border-top:1px solid #ffffff0d;border-radius:0;background:#121e2f}
.cx-species-details>summary{font-size:11px;padding:11px 13px}
.cx-species-details>summary .cx-fold-action{font-size:10px}
.cx-species-body{padding:12px 14px}
.cx-full-name{font-size:12px;line-height:1.5;margin:0 0 10px;color:#e8f0ff!important}
.cx-creature-story{font-size:12px;line-height:1.65;color:#c5d3ec;margin:0 0 13px}
.cx-habitat{font-size:11px;line-height:1.6;color:#a9bddb;margin:0 0 14px}
.cx-habitat strong{color:#c5eaff}
.cx-variant-picker select{margin-top:2px}
.cx-variant-info{padding-top:13px}
.cx-variant-info h4{font-size:13px;margin:0 0 6px}
.cx-variant-info small{display:block;font-size:11px;line-height:1.6;color:#a9bddb;margin-top:7px}
.cx-rarity-info{margin-top:18px}
.cx-book-pager{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px}
.cx-book-pager>span{font-size:12px;color:#b8ccea}
.cx-book-pager .cx-button:disabled{opacity:.45;cursor:default}
.cx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Shared Collector callouts in the existing system and galaxy views. */
.cx-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px!important;border-radius:12px;border:1px solid #7dd3fc38;background:linear-gradient(90deg,#142b46,#101b32);margin-bottom:14px}
.cx-banner strong,.cx-banner small{display:block}
.cx-banner strong{font-size:13px;color:#c5eaff}
.cx-banner small{margin-top:4px;font-size:11px;color:#a9bddb}
.cx-banner a{color:#7dd3fc;font-size:12px;text-decoration:none;white-space:nowrap}
.cx-planet-search{display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid #7dd3fc30;border-radius:9px;background:#11243b;padding:9px 11px;margin:9px 0;font-size:11px}
.cx-planet-search>div{min-width:0}
.cx-planet-search strong{font-size:11px;color:#c5eaff;display:block;margin-bottom:3px}
.cx-planet-search small{display:block;font-size:10px;line-height:1.5;color:#a9bddb}
.cx-planet-search .cx-button{font-size:11px;min-height:32px;padding:6px 10px}
.cx-planet-search a:not(.cx-button){font-size:11px;color:#7dd3fc;text-decoration:none}
.cx-planet-search form{flex-shrink:0}
/* Collector confirmations use the same quiet palette as their initiating action. */
body:has([data-collector-page]) .orbit-confirm:not(.is-danger) .orbit-confirm-dialog{
  border-color:#ddc59e38;
  background:linear-gradient(145deg,#1a2638,#0d1426);
  box-shadow:0 24px 70px #02050fb3;
}
body:has([data-collector-page]) .orbit-confirm:not(.is-danger) .orbit-confirm-dialog::before{
  height:1px;background:#ddc59e66;box-shadow:none;
}
body:has([data-collector-page]) .orbit-confirm:not(.is-danger) .orbit-confirm-emblem{
  border-color:#ddc59e44;background:linear-gradient(145deg,#4b4435,#272d34);box-shadow:none;color:#f4e3c7;
}
body:has([data-collector-page]) .orbit-confirm .orbit-confirm-kicker{color:#ddc59e}
body:has([data-collector-page]) .orbit-confirm:not(.is-danger) .orbit-confirm-btn.primary{
  border-color:#d2b58255;background:linear-gradient(110deg,#5a4b36,#38382f);color:#f7ecd8;box-shadow:none;
}
body:has([data-collector-page]) .orbit-confirm .orbit-confirm-btn:focus-visible{outline-color:#ddc59e}
@media(max-width:1000px){
  .cx-hero{grid-template-columns:104px minmax(0,1fr) 230px;gap:17px}
  .cx-hero-image{width:104px}
  .cx-book-grid{gap:12px}
  .cx-book-copy{padding:12px}
  .cx-book-copy h3{font-size:15px}
  .cx-tabs a{padding:9px;font-size:12px;gap:7px}
  .cx-miniature{width:36px;flex-basis:36px}
}
@media(max-width:760px){
  .cx-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cx-inventory:has(article){grid-template-columns:1fr}
  .cx-filters{grid-template-columns:minmax(0,1fr) 125px 125px}
  .cx-equipment{grid-template-columns:1fr}
}
@media(max-width:600px){
  .cx-page{padding-top:4px}
  .cx-hero{grid-template-columns:75px minmax(0,1fr);gap:13px;padding:14px!important;margin-bottom:12px!important}
  .cx-hero-image{width:75px;border-radius:11px}
  .cx-hero h1{font-size:26px}
  .cx-kicker{font-size:9px;letter-spacing:.8px}
  .cx-hero p{font-size:12px;margin:0 0 7px}
  .cx-hero-stat{grid-column:1/-1;gap:10px;padding:12px;text-align:left}
  .cx-collection-heading strong{font-size:24px}
  .cx-tools{padding-top:7px}
  .cx-tool-controls{gap:3px 14px}
  .cx-tool-toggle{font-size:11px;gap:6px}
  .cx-tool-toggle .cx-miniature{width:23px;flex-basis:23px}
  .cx-tool-toggle{padding:7px 9px;flex:1 1 130px}
  .cx-tool-logs{flex-basis:100%;justify-content:center}
  .cx-guide-steps,.cx-kit-grid,.cx-kit-rules ul{grid-template-columns:1fr}
  .cx-guide-steps>li,.cx-kit-card{padding:11px}
  .cx-guide-steps a,.cx-kit-card>a,.cx-kit-rules>a,.cx-guide-footer>a{min-height:44px}
  .cx-planet-search .cx-button{min-height:44px}
  .cx-reputation-heading{align-items:center}
  .cx-reputation-identity{gap:8px}
  .cx-reputation-identity>div{gap:2px}
  .cx-reputation-identity>div>span{font-size:9px;letter-spacing:.3px}
  .cx-current-emblem{width:31px;flex-basis:31px}
  .cx-reputation-points{font-size:14px}
  .cx-reputation-details>summary{min-height:44px;align-items:flex-start;padding-top:8px;gap:9px}
  .cx-reputation-info-label{font-size:10px}
  .cx-reputation-ranks{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 0}
  .cx-reputation-ranks>li:nth-child(3n+1)::before{display:none}
  .cx-reputation-ranks>li{padding:0 4px 4px}
  .cx-rank-medallion{width:43px}
  .cx-reputation-ranks>li::before{top:26px}
  .cx-reputation-ranks>li>strong{font-size:10px}
  .cx-reputation-gains{gap:5px;font-size:10px}
  .cx-reputation-gains>span{padding:5px 6px;gap:5px}
  .cx-tabs{gap:6px;margin-bottom:12px}
  .cx-tabs a{display:grid;grid-template-columns:1fr auto;gap:5px;padding:8px 7px;font-size:11px}
  .cx-tabs .cx-miniature{width:34px;flex-basis:34px}
  .cx-tabs a span:not(.cx-miniature){grid-column:1/-1;grid-row:2;line-height:1.35;min-height:2.7em}
  .cx-tabs a b{font-size:10px;padding:4px 5px}
  .cx-panel{padding:12px!important}
  .cx-panel-head{margin:-12px -12px 14px;padding:13px 12px;flex-wrap:wrap;gap:10px}
  .cx-panel h2{font-size:21px}
  .cx-panel-head .cx-button{font-size:11px;min-height:44px;padding:9px 12px}
  .cx-section-meta{font-size:11px}
  .cx-empty-scene{grid-template-columns:85px minmax(0,1fr);gap:13px;padding:12px}
  .cx-scene-creature{width:85px}
  .cx-empty-scene h3{font-size:16px}
  .cx-empty-scene p{font-size:12px}
  .cx-empty-scene .cx-kicker{font-size:8px;letter-spacing:.3px}
  .cx-text-link{font-size:11px}
  .cx-grey-request>summary{align-items:flex-start;gap:8px}
  .cx-grey-request .cx-fold-action{max-width:70px;text-align:right}
  .cx-request-title{gap:7px}
  .cx-request-title .cx-miniature{width:29px;flex-basis:29px}
  .cx-sighting,.cx-inventory article{padding:11px;gap:11px;flex-wrap:wrap}
  .cx-sighting{grid-template-columns:66px minmax(0,1fr)}
  .cx-sprite.is-small{width:66px;flex-basis:66px}
  .cx-sighting h3,.cx-inventory h3{font-size:13px}
  .cx-sighting small,.cx-inventory small{font-size:10px}
  .cx-sighting-action{grid-column:2;margin-left:0;max-width:none;justify-self:stretch}
  .cx-sighting-action .cx-button{width:100%;min-height:44px}
  .cx-sighting-action .cx-button,.cx-inventory .cx-button{font-size:11px;padding:8px 10px}
  .cx-missions article{gap:10px;flex-wrap:wrap;padding:11px}
  .cx-mission-time{margin-left:auto}
  .cx-contract{flex-wrap:wrap;gap:12px;padding:12px}
  .cx-contract h3{font-size:14px}
  .cx-contract p{font-size:11px}
  .cx-contract-progress{flex-basis:100%;display:flex;align-items:center;gap:10px}
  .cx-contract-progress strong{font-size:21px}
  .cx-contract-progress>span{font-size:10px;margin:0}
  .cx-contract-progress progress{width:auto;flex:1;margin-left:auto}
  .cx-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}
  .cx-filters .cx-search{grid-column:1/-1}
  .cx-book-toolbar{flex-wrap:wrap;gap:0 12px;margin-bottom:10px}
  .cx-book-help{max-width:100%;flex-basis:100%;margin:8px 0 0}
  .cx-book-help>summary{min-height:38px}
  .cx-book-grid{gap:9px}
  .cx-rarity-track{gap:4px;padding:9px 8px}
  .cx-rarity-strip{height:6px}
  .cx-image-caption{left:6px;bottom:6px;font-size:8px;padding:3px 5px;max-width:calc(100% - 12px)}
  .cx-book-copy{padding:10px 9px}
  .cx-book-copy h3{font-size:13px;min-height:2.7em;margin-bottom:6px}
  .cx-creature-teaser{font-size:11px;min-height:4.5em;margin-bottom:10px}
  .cx-card-progress{font-size:10px;gap:5px}
  .cx-card-progress strong{font-size:13px}
  .cx-species-details>summary{padding:9px;gap:5px;font-size:10px}
  .cx-species-details>summary .cx-fold-action{font-size:9px}
  .cx-species-body{padding:11px 9px}
  .cx-creature-story{font-size:11px;line-height:1.65}
  .cx-habitat,.cx-variant-info small{font-size:10px}
  .cx-variant-picker select{font-size:11px;padding:8px 5px}
  .cx-variant-info h4{font-size:12px}
  .cx-rewards{gap:5px;padding:10px 8px}
  .cx-rewards span{font-size:8px;overflow-wrap:anywhere}
  .cx-rewards strong{font-size:17px}
  .cx-rewards small{font-size:8px}
  .cx-banner{flex-direction:column;align-items:flex-start;gap:10px}
  .cx-planet-search{flex-wrap:wrap}
  .cx-planet-search form{max-width:100%}
  .cx-planet-search .cx-button{white-space:normal}
}
@media(max-width:359px){
  .cx-tabs a{font-size:10px;padding:7px 5px}
  .cx-tabs a b{font-size:9px;padding:3px}
  .cx-tabs .cx-miniature{width:29px}
  .cx-book-copy h3{font-size:12px}
  .cx-empty-scene{grid-template-columns:1fr}
  .cx-scene-creature{width:100px;margin:auto}
  .cx-hero-stat progress{width:43px}
}
@media(prefers-reduced-motion:reduce){.cx-tabs a{transition:none}}