.phantom-hub-tabs{display:flex;gap:6px;border-bottom:1px solid #786c51;margin:0 0 20px}.phantom-hub-tabs button{flex:1;max-width:240px;padding:12px 18px;background:#1a242d;color:#b5c3cd;border:1px solid #465765;border-bottom:0;border-radius:5px 5px 0 0;font-weight:700}.phantom-hub-tabs button[aria-selected=true]{color:#ffe3a0;background:linear-gradient(#46505a,#29343d);border-color:#aa9257}.phantom-hub-actions{padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid #44535f}.phantom-hub-context{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px;font-size:14px;color:#e8d49a}.phantom-hub-context small{font-size:12px;color:#aebcc5}.phantom-hub-next{display:flex;gap:8px;flex-wrap:wrap}.phantom-hub-next button{padding:9px 13px!important;font-size:13px!important}.phantom-hub-actions [data-hub-message]{margin:8px 0 0;min-height:0;color:#f4d796;font-size:13px}.phantom-hub-actions [data-hub-message]:empty{display:none}
#phantoms.phantom-hub-codex .data-controls{background:#19232d;border:1px solid #46525d;padding:14px;margin-bottom:12px;gap:12px;border-radius:5px}#phantoms.phantom-hub-codex .data-controls label{color:#bdc9d2}#phantoms.phantom-hub-codex .data-controls input,#phantoms.phantom-hub-codex select{background:#101a24;border:1px solid #536575;color:#f1ead8;border-radius:4px;padding:8px;min-height:40px}#phantoms.phantom-hub-codex .notice{background:none;color:#a5b3bd;font-size:12px;padding:0;border:0}#phantoms.phantom-hub-codex .phantom-tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:8px 0 16px}#phantoms.phantom-hub-codex .phantom-tools button,#phantoms.phantom-hub-codex .phantom-favorite{background:#202c37;color:#c3cdd4;border:1px solid #56636c;border-radius:4px;padding:7px 10px;font-size:12px}#phantoms.phantom-hub-codex .phantom-tools [aria-pressed=true],#phantoms.phantom-hub-codex .phantom-favorite[aria-pressed=true]{color:#f6d989;background:#413925;border-color:#b2985d}#phantom-match-count{font-size:12px;color:#a7b8c4;margin-left:auto}
#phantoms.phantom-hub-codex .data-split{grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:18px}#phantoms.phantom-hub-codex .phantom-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:740px;gap:8px;padding-right:5px}#phantoms.phantom-hub-codex .phantom-card{background:linear-gradient(#2c3742,#18212c);border:1px solid var(--rarity-color,#566574);color:#eee8d7;border-radius:5px;padding:10px 5px}#phantoms.phantom-hub-codex .phantom-card img{height:78px}#phantoms.phantom-hub-codex .phantom-card strong{font-size:12px;line-height:1.5;color:var(--rarity-color,#eee8d7)}#phantoms.phantom-hub-codex .phantom-card:hover,#phantoms.phantom-hub-codex .phantom-card.selected{background:#3c413b;border-color:var(--rarity-color,#d5b870)}#phantoms.phantom-hub-codex .reader{position:static;background:#1a2631;border:1px solid #52616e;padding:18px;border-radius:5px;color:#d9e0e4;min-width:0}#phantoms.phantom-hub-codex .reader h2,#phantoms.phantom-hub-codex .reader h3,#phantoms.phantom-hub-codex .reader h4{color:#ead6a0}#phantoms.phantom-hub-codex .phantom-heading{gap:12px}#phantoms.phantom-hub-codex .phantom-heading>img{height:90px;width:80px}#phantoms.phantom-hub-codex .phantom-heading .article-kicker{color:var(--rarity-color,#aebbc3)}#phantoms.phantom-hub-codex .phantom-heading h2{font-size:23px;margin:2px 0 8px;color:var(--rarity-color,#ead6a0)}#phantoms.phantom-hub-codex .stat-grid{background:#495765;border-color:#495765}#phantoms.phantom-hub-codex .stat-grid>div{background:#111d28;padding:10px 12px}#phantoms.phantom-hub-codex .stat-grid dt{color:#a6bac9}#phantoms.phantom-hub-codex .stat-grid dd{color:#f3ddb0;font-size:20px}#phantoms.phantom-hub-codex .micro-copy{color:#a1b2bd}#phantoms.phantom-hub-codex .phantom-viewer .phantom-effect-view,#phantoms.phantom-hub-codex .inline-data,#phantoms.phantom-hub-codex .phantom-viewer .phantom-source-info{border-color:#475765}#phantoms.phantom-hub-codex .lab-transport button{padding:8px 12px}#phantoms.phantom-hub-codex .phantom-helper-links a{color:#c6ddeb}#phantoms.phantom-hub-codex canvas{width:100%;height:auto;display:block}#phantoms.phantom-hub-codex .phantom-empty-filter{grid-column:1/-1;font-size:13px;color:#afbec8}
@media(max-width:760px){.phantom-hub-tabs{margin-bottom:14px}.phantom-hub-tabs button{max-width:none;font-size:14px;padding:10px 8px}.phantom-hub-context{gap:4px}.phantom-hub-next button{flex:1;white-space:nowrap}#phantoms.phantom-hub-codex .data-split{display:flex;flex-direction:column;gap:14px}#phantoms.phantom-hub-codex .phantom-list{display:flex;max-height:none;width:100%;padding:0 0 8px;overflow:auto;gap:8px}#phantoms.phantom-hub-codex .phantom-card{flex:0 0 100px}#phantoms.phantom-hub-codex .reader{padding:14px;width:100%}#phantoms.phantom-hub-codex .data-controls{padding:10px}#phantoms.phantom-hub-codex .data-controls>label{min-width:105px}#phantoms.phantom-hub-codex .phantom-tools{gap:5px}#phantoms.phantom-hub-codex .phantom-tools button{padding:6px 8px}#phantom-match-count{width:100%;margin:0}#phantoms.phantom-hub-codex .phantom-heading h2{font-size:21px}}