/* Shared visual tokens only. Page structure and navigation live in each template. */
body[data-pixel-page] .pixel-wallet,body[data-pixel-page] .pixel-profile{display:none}
body[data-pixel-page] #pixel-content{min-width:0;padding:12px 14px calc(22px + env(safe-area-inset-bottom));line-height:1.65}
body[data-pixel-page] .page-nav{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 16px;padding:0 0 10px;border-bottom:1px solid #716c51}
body[data-pixel-page] .page-nav>div{display:flex;gap:10px;flex-wrap:wrap;min-width:0}
body[data-pixel-page] .page-nav>a:last-child{margin-left:auto;white-space:nowrap}
body[data-pixel-page] .page-nav a{padding:5px 0;margin:0;background:none;border:0;box-shadow:none;font-size:14px;color:#e8d9a5}
body[data-pixel-page] h1{font-size:22px;line-height:1.4;margin:8px 0 16px;color:#eadba7}
body[data-pixel-page] h2{font-size:16px;margin:16px 0 8px;color:#dccc9e}
body[data-pixel-page] p{margin:8px 0}
body[data-pixel-page] .page-panel{margin:12px 0;padding:12px;background:#1d3239;border:1px solid #4b6263;border-radius:8px;overflow-wrap:anywhere}
body[data-pixel-page] .page-feedback{display:block;white-space:pre-line;margin:10px 0;padding:10px 12px;border-left:3px solid #d0b46d;background:#243b40;overflow-wrap:anywhere}
body[data-pixel-page] .page-feedback small{display:block;color:#d8c58a}
body[data-pixel-page] .page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}
body[data-pixel-page] .page-actions a{display:inline-flex;padding:7px 12px;margin:0;font-size:14px;line-height:1.4}
body[data-pixel-page] .page-muted{color:#aabbbf;font-size:13px}
body[data-pixel-page] .page-identity{display:flex;gap:14px;align-items:center;margin:12px 0}
body[data-pixel-page] .page-identity>div{min-width:0;flex:1}
body[data-pixel-page] .page-identity .px-art{width:64px;height:76px;flex:none}
body[data-pixel-page] .page-identity h1{margin:0 0 4px}
body[data-pixel-page] .page-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
body[data-pixel-page] .page-stats>div{padding:8px 10px;border-bottom:1px solid #365058;min-width:0}
body[data-pixel-page] .page-stats dt{font-size:12px;color:#aabbbf}
body[data-pixel-page] .page-stats dd{margin:0;font-size:17px;color:#f1e5c0;overflow-wrap:anywhere}
body[data-pixel-page] .page-danger{margin-top:22px;border-top:1px solid #4c4443;padding-top:10px}
body[data-pixel-page] .page-danger a{color:#dba394;font-size:13px}
body[data-pixel-page] .pixel-reward-text{display:inline-flex;align-items:center;flex-wrap:wrap;gap:3px;min-width:0;vertical-align:middle}
body[data-pixel-page] .pixel-reward-item{display:inline-flex;align-items:center;gap:2px;min-width:0;color:#f1d99e;white-space:nowrap}
body[data-pixel-page] .pixel-reward-item>.px-art,body[data-pixel-page] .pixel-reward-item>.px-icon{width:22px;height:22px;flex:none}
body[data-pixel-page] .pixel-reward-item>b{font-size:10px;font-weight:normal}
body[data-pixel-page] .pixel-reward-item>small{padding:1px 2px;border:1px solid rgba(230,196,117,.62);border-radius:3px;color:#d9c486;font-size:8px;line-height:1}
body[data-pixel-page] .pixel-reward-copy{min-width:0;overflow-wrap:anywhere}
/* Service-state pages are reached outside the normal game flow. Keep the
   message readable on the dark canvas and give the user one clear next step. */
body[data-pixel-page="rate-limit"] .rate-limit-panel,
body[data-pixel-page="maintenance"] .maintenance-panel{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin:18px 0 9px;padding:12px;border:1px solid #8d754c;border-radius:8px;background:radial-gradient(circle at 9% 50%,rgba(222,171,65,.2),transparent 38%),linear-gradient(115deg,#2c403d,#193239);box-shadow:inset 0 1px rgba(255,232,175,.1),0 4px 10px rgba(0,0,0,.2)}
body[data-pixel-page="rate-limit"] .rate-limit-mark,
body[data-pixel-page="maintenance"] .maintenance-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #bc9958;border-radius:50%;background:#3e382b;color:#ffe0a0;font-size:22px;font-weight:bold;line-height:1}
body[data-pixel-page="rate-limit"] .rate-limit-panel>div,
body[data-pixel-page="maintenance"] .maintenance-panel>div{min-width:0}
body[data-pixel-page="rate-limit"] .rate-limit-panel small,
body[data-pixel-page="maintenance"] .maintenance-panel small{color:#b7cdbf;font-size:9px;letter-spacing:.12em}
body[data-pixel-page="rate-limit"] .rate-limit-panel h1,
body[data-pixel-page="maintenance"] .maintenance-panel h1{margin:2px 0;color:#f5dda2;font-size:19px;line-height:1.3}
body[data-pixel-page="rate-limit"] .rate-limit-panel p,
body[data-pixel-page="maintenance"] .maintenance-panel p{margin:3px 0 0;color:#c0d0c8;font-size:11px;line-height:1.5}
body[data-pixel-page="rate-limit"] .rate-limit-note,
body[data-pixel-page="maintenance"] .maintenance-note{margin:8px 2px;color:#aebfba;font-size:12px}
body[data-pixel-page="rate-limit"] .rate-limit-actions{margin-top:12px}
@media(max-width:350px){body[data-pixel-page="rate-limit"] .rate-limit-panel,body[data-pixel-page="maintenance"] .maintenance-panel{grid-template-columns:35px minmax(0,1fr);gap:8px;padding:9px}body[data-pixel-page="rate-limit"] .rate-limit-mark,body[data-pixel-page="maintenance"] .maintenance-mark{width:32px;height:32px;font-size:18px}body[data-pixel-page="rate-limit"] .rate-limit-panel h1,body[data-pixel-page="maintenance"] .maintenance-panel h1{font-size:17px}}
body[data-pixel-page="lieutenant-list"] .px-lt-row{display:flex;gap:12px;padding:12px 0;border:0;border-bottom:1px solid #365058;background:none}
body[data-pixel-page="lieutenant-list"] .px-lt-row>.px-art{width:48px;height:58px;flex:none}
body[data-pixel-page="lieutenant-list"] .px-lt-row>div{flex:1;min-width:0}
body[data-pixel-page="lieutenant-list"] .page-companion-name{font-size:16px;background:none;border:0;padding:0}
body[data-pixel-page="lieutenant-detail"] .page-growth>div{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;padding:7px 0;border-bottom:1px solid #365058}
body[data-pixel-page="lieutenant-detail"] .page-growth a{font-size:13px;padding:4px 9px}
body[data-pixel-page="lieutenant-skills"] .page-skill{padding:10px 0;border-bottom:1px solid #365058}
body[data-pixel-page="lieutenant-skills"] .page-skill strong{font-size:16px}
body[data-pixel-page="lieutenant-travel"] .page-duration{font-size:30px;color:#ead18f}
body[data-pixel-page="item-view"] .page-identity .px-art,body[data-pixel-page="item-view"] .page-identity img{width:52px;height:56px;object-fit:contain;flex:none}
body[data-pixel-page="item-view"] .page-identity .px-item-preview{flex:none;width:56px;margin:0;padding:0}
body[data-pixel-page="item-view"] .page-item-copy{margin:12px 0;color:#c9d5d6}
body[data-pixel-page="item-view"] .page-use form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 0;margin:0;border:0;border-bottom:1px solid #365058;background:none}
body[data-pixel-page="item-view"] .page-use form .bound{flex-basis:100%}
body[data-pixel-page="item-view"] input[type=number]{max-width:72px;min-height:36px}
body[data-pixel-page="item-view"] .page-use input[type=submit]{padding:7px 10px!important;background:#30434a!important;color:#eadba7!important;border:1px solid #87734d!important;border-radius:5px}
/* Character: source-template layout, no text-based DOM regrouping. */
body[data-pixel-page="character"] .character-nav{margin-bottom:12px}
body[data-pixel-page="character"] .character-feedback{margin:0 0 10px}
body[data-pixel-page="character"] .character-feedback-levelup{border-left-color:#77c3e8}
body[data-pixel-page="character"] .character-hero{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid #9d895f;border-radius:9px;background:linear-gradient(100deg,#20373ddd,#142933e8),url('/static/pixel/town.webp') center/cover;margin:0 0 8px}
body[data-pixel-page="character"] .character-hero>.pixel-avatar{display:block;width:76px;height:91px;flex:none;border:2px solid #c7aa6c;border-radius:7px;box-shadow:0 3px 9px #0009}
body[data-pixel-page="character"] .character-hero-info{min-width:0;flex:1}
body[data-pixel-page="character"] .character-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
body[data-pixel-page="character"] .character-name-row h1{margin:0;font-size:23px;line-height:1.25;overflow-wrap:anywhere}
body[data-pixel-page="character"] .character-nickname-style{margin:0;padding:3px 7px;font-size:11px;line-height:1.35;color:#f1dfaa;border:1px solid #987d4d;border-radius:4px;background:#26383d;white-space:nowrap}
body[data-pixel-page="character"] .character-hero p{margin:4px 0 2px;color:#d3dfe0;font-size:14px}
body[data-pixel-page="character"] .character-hero small{font-size:11px;color:#9fb4b7}
body[data-pixel-page="character"] .character-badges{display:flex;align-items:center;gap:8px;margin-top:6px;flex-wrap:wrap}
body[data-pixel-page="character"] .character-badges img{height:18px;width:auto;vertical-align:middle}
body[data-pixel-page="character"] .character-badges a{display:inline-flex;align-items:center;gap:5px;margin:0;padding:3px 8px;font-size:12px;border:1px solid #4a6b5f;border-radius:4px;background:#1a2f2a;color:#a8d5c5}
body[data-pixel-page="character"] .character-badges a .px-icon,body[data-pixel-page="character"] .character-badges a .character-villa-icon{width:18px;height:18px}
/* 与场景功能菜单的「山庄」复用同一枚庄园建筑图标（功能图集第 6 格）。 */
body[data-pixel-page="character"] .character-villa-icon{display:block;flex:none;background-image:url('/static/pixel/scene-function-icons-v1.png');background-repeat:no-repeat;background-size:400% 400%;background-position:33.333% 33.333%;filter:drop-shadow(0 1px 1px #0009);image-rendering:pixelated}
body[data-pixel-page="character"] .character-features{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:8px 0 15px}
body[data-pixel-page="character"] .character-features a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:62px;margin:0;padding:6px 1px;background:#26363b;border:1px solid #89734e;border-radius:6px;color:#f2dfaa;font-size:12px;line-height:1.25;text-align:center}
body[data-pixel-page="character"] .character-features .px-icon{width:25px;height:25px;flex:none}
body[data-pixel-page="character"] .character-marriage-icon{background-image:url('/static/pixel/gear/misc.webp');background-size:500% 500%;background-position:50% 75%}
body[data-pixel-page="character"] .character-section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 7px;border-bottom:1px solid #716c51;padding-bottom:5px}
body[data-pixel-page="character"] .character-section-heading h2{margin:0;font-size:16px}
body[data-pixel-page="character"] .character-section-heading span{font-size:12px;color:#a5b6b8}
body[data-pixel-page="character"] .character-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0}
body[data-pixel-page="character"] .character-stat-grid>div{min-width:0;min-height:54px;padding:6px 7px;border:1px solid #3c555a;border-radius:6px;background:#1c3037;overflow:hidden}
body[data-pixel-page="character"] .character-stat-grid dt{display:flex;align-items:center;gap:4px;color:#c4d1d0;font-size:11px;line-height:1.2}
body[data-pixel-page="character"] .character-stat-grid .px-icon{width:15px;height:15px;flex:none}
body[data-pixel-page="character"] .character-stat-grid dd{min-width:0;margin:3px 0 0;padding-left:19px;color:#ffe4a8;font-size:clamp(14px,4.6vw,18px);font-weight:bold;line-height:1.15;letter-spacing:-.035em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}
body[data-pixel-page="character"] .character-stat-grid dd small{font-size:10px;color:#82bd92;font-weight:normal;letter-spacing:0}
/* Values such as 12833/12833 must never protrude on narrow or zoomed WebViews. */
@media (max-width:720px){body[data-pixel-page="character"] .character-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-pixel-page="character"] .character-stat-grid dd{font-size:clamp(17px,5.2vw,23px)}}
@media (max-width:350px){body[data-pixel-page="character"] .character-stat-grid{grid-template-columns:1fr}}
body[data-pixel-page="character"] .character-relations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;margin:16px 0 10px}
body[data-pixel-page="character"] .character-relation-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 8px;align-items:center;min-height:38px;padding:7px 0;border-top:1px solid #395158;min-width:0}
body[data-pixel-page="character"] .character-relation-card>span{display:flex;align-items:center;gap:4px;color:#bdcccb;font-size:12px;min-width:0}
body[data-pixel-page="character"] .character-relation-card .px-icon{width:17px;height:17px}
body[data-pixel-page="character"] .character-relation-card strong{color:#f2dfad;font-size:13px;text-align:right;overflow-wrap:anywhere;min-width:0}
body[data-pixel-page="character"] .character-relation-card a{margin:0;padding:2px 4px;font-size:12px;line-height:1.35}
body[data-pixel-page="character"] .character-status-card{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr) auto}
body[data-pixel-page="character"] .character-status-card strong{text-align:left}
body[data-pixel-page="character"] .character-signature{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #59706f}
body[data-pixel-page="character"] .character-signature>div{min-width:0;flex:1}
body[data-pixel-page="character"] .character-signature small{display:block;color:#b9c8c5;font-size:11px}
body[data-pixel-page="character"] .character-signature p{margin:2px 0 0;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
body[data-pixel-page="character"] .character-signature>a{margin:0;padding:5px 9px;white-space:nowrap;font-size:12px}
/* High-frequency commerce, inventory and equipment pages. Each class is authored
   in its template; these rules never infer rows, move links or alter form values. */
body[data-pixel-page] .page-wallet{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:9px 10px;border:1px solid #486166;border-radius:7px;background:#1c3037}
body[data-pixel-page] .page-wallet small{display:block;color:#b3c5c3;font-size:11px}
body[data-pixel-page] .page-wallet strong{font-size:18px;color:#ffe4a8}
body[data-pixel-page] .page-wallet a{margin:0;padding:4px 7px;font-size:12px;white-space:nowrap}
body[data-pixel-page] .page-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
body[data-pixel-page] .page-tabs a,body[data-pixel-page] .page-tabs strong{padding:5px 9px;margin:0;border:1px solid #52666a;border-radius:5px;background:#21373b;color:#d4e0dc;font-size:12px;line-height:1.3}
body[data-pixel-page] .page-tabs strong,body[data-pixel-page] .page-tabs a[aria-current="page"]{border-color:#c6a45f;background:#5a4034;color:#ffe6af}
body[data-pixel-page] .page-search{display:flex;gap:6px;align-items:center;margin:10px 0}
body[data-pixel-page] .page-search input[type=text]{flex:1;min-width:0}
body[data-pixel-page] .page-search input[type=submit],body[data-pixel-page] .page-form input[type=submit]{min-height:34px;padding:6px 11px;border:1px solid #967c50;border-radius:5px;background:#30454a;color:#ffe4a8}
body[data-pixel-page] .page-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0;padding-top:10px;border-top:1px solid #40575c;font-size:12px}
body[data-pixel-page] .page-pagination a{padding:4px 8px;margin:0;font-size:12px}
body[data-pixel-page] .page-pagination form{display:flex;align-items:center;gap:5px;margin:0!important;padding:0;border:0;background:none}
body[data-pixel-page] .page-pagination input[type=number]{width:52px!important;min-height:31px}
/* inventory */
body[data-pixel-page="inventory"] .inventory-header{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:0 0 7px}
body[data-pixel-page="inventory"] .inventory-header h1{margin:0}
body[data-pixel-page="inventory"] .inventory-header small{color:#b6c6c5;font-size:12px}
body[data-pixel-page="inventory"] .px-inventory-filters{margin:9px 0!important}
body[data-pixel-page="inventory"] .px-inventory-grid{margin:10px 0}
body[data-pixel-page="inventory"] .px-inventory-cell{min-height:92px}
body[data-pixel-page="inventory"] .px-cell-actions{font-size:11px}
body[data-pixel-page="inventory"] .inventory-empty{padding:25px 10px;text-align:center;color:#aebebe;border:1px dashed #52666a;border-radius:7px}
/* shop */
body[data-pixel-page="shop"] .shop-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}
body[data-pixel-page="shop"] .shop-heading h1{margin:0}
body[data-pixel-page="shop"] .shop-rule{margin:8px 0;color:#b8c8c6;font-size:12px}
body[data-pixel-page="shop"] .shop-tab-block{margin:8px 0;padding:8px 0;border-top:1px solid #40575c;border-bottom:1px solid #40575c}
body[data-pixel-page="shop"] .px-shop-product{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px 10px;align-items:center;margin:8px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page="shop"] .shop-product-info{display:flex;align-items:center;gap:8px;min-width:0}
body[data-pixel-page="shop"] .shop-item-toggle{display:flex;align-items:center;gap:7px;min-width:0;padding:0!important;margin:0!important;border:0!important;background:none!important;color:#f2dfad!important;font-size:14px!important}
body[data-pixel-page="shop"] .shop-item-toggle .px-art{width:36px;height:38px;flex:none}
body[data-pixel-page="shop"] .shop-item-toggle span{overflow-wrap:anywhere}
body[data-pixel-page="shop"] .shop-price{display:grid;gap:2px;text-align:right;color:#ffe4a8;font-size:12px;white-space:nowrap}
body[data-pixel-page="shop"] .shop-price small{color:#b9c7c5}
body[data-pixel-page="shop"] .shop-buy-row{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-end;gap:7px;padding-top:7px;border-top:1px solid #3d555a}
body[data-pixel-page="shop"] .shop-buy-row label{display:flex;align-items:center;gap:5px;color:#b9c9c7;font-size:12px}
body[data-pixel-page="shop"] .shop-buy-row input{width:58px;min-height:32px}
body[data-pixel-page="shop"] .shop-buy-row a{margin:0;padding:6px 12px;font-size:13px}
/* market */
body[data-pixel-page^="market"] .market-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px}
body[data-pixel-page^="market"] .market-heading h1{margin:0}
body[data-pixel-page^="market"] .market-filter-block{padding:8px 0;border-top:1px solid #40575c;border-bottom:1px solid #40575c}
body[data-pixel-page^="market"] .market-section-title{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 4px;color:#e7d19c;font-size:14px}
body[data-pixel-page^="market"] .market-listing{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 9px;align-items:center;padding:10px 2px;border-bottom:1px solid #3b5359}
body[data-pixel-page^="market"] .market-listing-name{font-size:14px;overflow-wrap:anywhere}
body[data-pixel-page^="market"] .market-listing-price{color:#ffe1a1;font-size:13px;white-space:nowrap}
body[data-pixel-page^="market"] .market-listing small{grid-column:1/-1;color:#aebfbe;font-size:11px}
body[data-pixel-page^="market"] .market-action-bar{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
body[data-pixel-page^="market"] .market-action-bar a{margin:0;padding:6px 10px;font-size:12px}
body[data-pixel-page="market-list"] .market-candidate{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #3b5359}
body[data-pixel-page="market-list"] .market-candidate>div{min-width:0;overflow-wrap:anywhere}
body[data-pixel-page="market-list"] .market-candidate a{margin:0;padding:5px 9px;white-space:nowrap;font-size:12px}
body[data-pixel-page="market-list"] .page-form{padding:12px;margin:10px 0;border:1px solid #4b6264;border-radius:7px;background:#1d3238}
body[data-pixel-page="market-list"] .page-form label{display:flex;align-items:center;gap:7px;margin:8px 0;font-size:13px}
body[data-pixel-page="market-list"] .page-form fieldset{margin:10px 0;padding:7px;border:1px solid #506469;border-radius:5px}
body[data-pixel-page="market-list"] .page-form fieldset label{display:inline-flex;margin:3px 8px 3px 0}
body[data-pixel-page="market-view"] .market-detail-item{display:flex;gap:10px;align-items:center;padding:11px;border:1px solid #4b6264;border-radius:7px;background:#1d3238}
body[data-pixel-page="market-view"] .market-detail-item>div{min-width:0;flex:1}
body[data-pixel-page="market-view"] .market-detail-item h1{margin:0;font-size:20px;overflow-wrap:anywhere}
body[data-pixel-page="market-view"] .market-detail-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;margin:10px 0}
body[data-pixel-page="market-view"] .market-detail-facts>div{display:flex;justify-content:space-between;gap:6px;padding:7px 0;border-top:1px solid #3b5359;font-size:12px}
body[data-pixel-page="market-view"] .market-detail-facts span{color:#b7c6c3}.market-detail-facts strong{color:#ffe0a0;text-align:right;overflow-wrap:anywhere}
body[data-pixel-page="market-view"] .market-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:12px 0;padding:10px;border:1px solid #4b6264;border-radius:7px}
body[data-pixel-page="market-view"] .market-detail-actions input{width:62px;min-height:33px}
body[data-pixel-page="market-view"] .market-detail-actions a,body[data-pixel-page="market-view"] .market-detail-actions input[type=submit]{margin:0;padding:6px 10px;font-size:12px}
/* equipment */
/* warehouse */
body[data-pixel-page^="warehouse"] .warehouse-page,body[data-pixel-page^="warehouse"] .warehouse-transfer-page,body[data-pixel-page^="warehouse"] .warehouse-silver-page{padding-top:1px}
body[data-pixel-page="warehouse"] .warehouse-hero{display:flex;align-items:center;gap:12px;margin:3px 0 11px;padding:9px;border-bottom:1px solid #53666a}
body[data-pixel-page="warehouse"] .warehouse-hero img{width:62px;height:82px;flex:none;object-fit:cover;border:1px solid #bda166;box-shadow:0 3px 8px #0008}
body[data-pixel-page="warehouse"] .warehouse-hero div{min-width:0}.warehouse-hero small{color:#a9c0b8;font-size:11px}.warehouse-hero h1{margin:1px 0;color:#f1dba4;font-size:21px}.warehouse-hero p{margin:2px 0;color:#c3d0c9;font-size:13px}
body[data-pixel-page="warehouse"] .warehouse-action-grid{display:grid;gap:7px}.warehouse-action-grid a{display:grid;grid-template-columns:34px minmax(0,1fr)auto;gap:8px;align-items:center;margin:0;padding:9px!important;border:1px solid #486267;border-radius:7px;background:linear-gradient(145deg,#213b3f,#172d35);box-shadow:inset 0 1px rgba(235,241,222,.05)}.warehouse-action-grid .px-icon{width:31px;height:31px}.warehouse-action-grid span{display:grid;min-width:0;line-height:1.35}.warehouse-action-grid b{color:#f1dba5;font-size:14px}.warehouse-action-grid small{color:#b0c3be;font-size:11px}.warehouse-action-grid em{color:#d7b87c;font-size:17px;font-style:normal}
body[data-pixel-page^="warehouse"] .warehouse-transfer-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin:3px 0 9px;padding:7px 2px 8px;border-bottom:1px solid #52696b}.warehouse-transfer-heading small{color:#a9bdb9;font-size:11px}.warehouse-transfer-heading h1{margin:1px 0;color:#f1dba5;font-size:19px;line-height:1.3}.warehouse-capacity{display:grid;gap:1px;min-width:75px;padding-left:8px;border-left:1px solid #53696a;text-align:right;line-height:1.2}.warehouse-capacity span,.warehouse-capacity small{color:#a9bcb8;font-size:10px}.warehouse-capacity strong{color:#f5db9b;font-size:14px}
body[data-pixel-page^="warehouse"] .warehouse-search{display:flex;gap:5px;margin:8px 0}.warehouse-search input[type=text]{min-width:0;flex:1;padding:5px!important;font-size:12px}.warehouse-search input[type=submit]{padding:5px 9px!important;font-size:12px}
body[data-pixel-page^="warehouse"] .warehouse-item-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.warehouse-item-card{display:flex;min-width:0;flex-direction:column;align-items:center;padding:6px;border:1px solid #486368;border-radius:7px;background:linear-gradient(145deg,#1f393d,#172d35)}.warehouse-item-card__visual{display:flex;min-height:68px;align-items:center;justify-content:center}.warehouse-item-card__visual>.px-art,.warehouse-item-card__visual>.px-icon{width:62px;height:62px}.warehouse-item-card .px-equipment.compact{width:82px;margin:0;padding:2px}.warehouse-item-card .px-equipment.compact .px-equipment-art{width:70px;height:70px}.warehouse-item-card__copy{display:grid;width:100%;min-height:48px;text-align:center;line-height:1.25}.warehouse-item-card__copy strong{overflow:hidden;color:#eed9a7;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.warehouse-item-card__copy small{color:#9fbab5;font-size:10px}.warehouse-item-card__copy b{color:#f2d397;font-size:11px}.warehouse-item-card form{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;margin-top:4px;padding-top:5px;border-top:1px solid #41595c}.warehouse-item-card label{display:flex;align-items:center;gap:2px;color:#aebfba;font-size:10px}.warehouse-item-card input[type=number]{width:43px;min-height:28px;padding:3px!important;font-size:11px}.warehouse-item-card input[type=submit]{min-height:28px;padding:3px 8px!important;border-color:#947b4d!important;background:#2c4446!important;color:#f3dda7!important;font-size:11px}
body[data-pixel-page^="warehouse"] .warehouse-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:130px;margin:0;border:1px dashed #566e70;border-radius:7px;color:#adc0bb;font-size:13px}.warehouse-empty .px-icon{width:28px;height:28px;opacity:.7}.warehouse-pagination{display:flex;align-items:center;justify-content:center;gap:7px;min-height:40px;margin-top:7px;color:#aec0bb;font-size:11px}.warehouse-pagination a{margin:0;padding:3px 7px;font-size:11px}.warehouse-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #405a5d}.warehouse-footer a{margin:0;padding:4px 7px;font-size:12px}.warehouse-footer span{color:#9db1ad;font-size:10px;white-space:nowrap}.warehouse-footer b{color:#e9d8aa}
body[data-pixel-page="warehouse-silver"] .warehouse-silver-page>header{display:flex;align-items:center;gap:8px;margin:3px 0 10px;padding:7px 2px 9px;border-bottom:1px solid #52696b}.warehouse-silver-page>header .px-icon{width:33px;height:33px}.warehouse-silver-page>header small{color:#a7beb7;font-size:11px}.warehouse-silver-page>header h1{margin:0;color:#f1dba5;font-size:20px}.warehouse-silver-grid{display:grid;gap:7px}.warehouse-silver-grid article{display:grid;grid-template-columns:minmax(0,1fr)auto;gap:4px 8px;align-items:center;padding:10px;border:1px solid #4c6668;border-radius:7px;background:linear-gradient(145deg,#1e383d,#172e35)}.warehouse-silver-grid small{color:#a7beb8;font-size:12px}.warehouse-silver-grid strong{color:#f5d89a;font-size:19px;text-align:right}.warehouse-silver-grid form{grid-column:1/-1;display:flex;gap:6px;padding-top:6px;border-top:1px solid #40595b}.warehouse-silver-grid input[type=number]{min-width:0;flex:1;padding:5px!important}.warehouse-silver-grid input[type=submit]{padding:5px 11px!important;font-size:12px}
@media(max-width:350px){body[data-pixel-page^="warehouse"] .warehouse-item-grid{gap:5px}.warehouse-item-card{padding:4px}.warehouse-item-card .px-equipment.compact{width:76px}.warehouse-item-card .px-equipment.compact .px-equipment-art{width:64px;height:64px}.warehouse-item-card input[type=submit]{padding:3px 6px!important}}
body[data-pixel-page="equip-slot"] .equip-slot-page{padding-top:1px}
body[data-pixel-page="equip-slot"] .equip-slot-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:3px 0 10px;padding:8px 3px 9px;border-bottom:1px solid #50666a}
body[data-pixel-page="equip-slot"] .equip-slot-heading p{margin:0;color:#aebfbc;font-size:11px;line-height:1.2}
body[data-pixel-page="equip-slot"] .equip-slot-heading h1{margin:2px 0 0;color:#f2dba5;font-size:20px;line-height:1.25}
body[data-pixel-page="equip-slot"] .equip-slot-heading>strong{color:#f6d998;font-size:19px;line-height:1;text-align:right;white-space:nowrap}
body[data-pixel-page="equip-slot"] .equip-slot-heading>strong small{display:block;margin-top:4px;color:#9fb5b2;font-size:10px;font-weight:normal}
body[data-pixel-page="equip-slot"] .equip-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body[data-pixel-page="equip-slot"] .equip-slot-card{display:flex;min-width:0;flex-direction:column;align-items:center;padding:6px;border:1px solid #486267;border-radius:7px;background:linear-gradient(145deg,#1e383d,#172d35);box-shadow:inset 0 1px rgba(226,240,221,.05)}
body[data-pixel-page="equip-slot"] .equip-slot-card__visual{display:flex!important;min-height:0!important;align-items:center;justify-content:center;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
body[data-pixel-page="equip-slot"] .equip-slot-card .px-equipment.compact{width:88px;margin:0;padding:3px}
body[data-pixel-page="equip-slot"] .equip-slot-card .px-equipment.compact .px-equipment-art{width:76px;height:76px}
body[data-pixel-page="equip-slot"] .equip-slot-card__visual>.px-icon{width:70px;height:70px;margin:4px}
body[data-pixel-page="equip-slot"] .equip-slot-card__visual>strong{display:flex;min-height:82px;align-items:center;padding:4px;color:#f0dbac;font-size:12px;line-height:1.35;text-align:center;overflow-wrap:anywhere}
body[data-pixel-page="equip-slot"] .equip-slot-card__actions{display:flex;justify-content:center;gap:5px;width:100%;margin-top:5px;padding-top:5px;border-top:1px solid #40575b}
body[data-pixel-page="equip-slot"] .equip-slot-card__actions a{margin:0!important;padding:3px 9px!important;border:1px solid #8d754b;border-radius:4px;background:#2b4245;color:#f4ddaa;font-size:11px;line-height:1.35;box-shadow:none}
body[data-pixel-page="equip-slot"] .equip-slot-card__actions a:last-child{border-color:#526d70;background:#20383e;color:#bfd1ca}
body[data-pixel-page="equip-slot"] .equip-slot-pagination{display:flex;align-items:center;justify-content:center;gap:7px;min-height:38px;margin:9px 0 2px;color:#afc1bd;font-size:11px}
body[data-pixel-page="equip-slot"] .equip-slot-pagination a{margin:0;padding:3px 7px;font-size:11px}
body[data-pixel-page="equip-slot"] .equip-slot-footer{margin-top:9px;padding-top:8px;border-top:1px solid #40575b}
body[data-pixel-page="equip-slot"] .equip-slot-footer a{margin:0;padding:4px 8px;font-size:12px}
body[data-pixel-page="equip-slot"] .equip-slot-empty{display:flex;align-items:center;justify-content:center;gap:8px;min-height:128px;margin:0;border:1px dashed #536d71;border-radius:7px;color:#aebfbc;font-size:13px}
body[data-pixel-page="equip-slot"] .equip-slot-empty .px-icon{width:30px;height:30px;opacity:.7}
@media(max-width:350px){body[data-pixel-page="equip-slot"] .equip-slot-grid{gap:5px}body[data-pixel-page="equip-slot"] .equip-slot-card{padding:4px}body[data-pixel-page="equip-slot"] .equip-slot-card .px-equipment.compact{width:82px}body[data-pixel-page="equip-slot"] .equip-slot-card .px-equipment.compact .px-equipment-art{width:70px;height:70px}body[data-pixel-page="equip-slot"] .equip-slot-card__actions{gap:3px}body[data-pixel-page="equip-slot"] .equip-slot-card__actions a{padding:3px 6px!important}}
body[data-pixel-page="equipment-list"] .equipment-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}
body[data-pixel-page="equipment-list"] .px-equipped-slot{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;padding:9px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page="equipment-list"] .px-equipped-slot>small{color:#b9c9c7;font-size:11px}
body[data-pixel-page="equipment-list"] .px-equipped-slot .px-gear-link{min-height:75px;margin:0;padding:0;background:none;border:0;box-shadow:none}
body[data-pixel-page="equipment-list"] .px-equipped-slot>a:last-child{align-self:flex-start;margin:0;padding:4px 8px;font-size:12px}
body[data-pixel-page="equipment-list"] .equipment-empty-slot{display:flex;align-items:center;justify-content:center;min-height:75px;border:1px dashed #51666b;border-radius:6px;color:#b6c7c6}
body[data-pixel-page="equipment-view"] .equipment-hero{display:flex;gap:12px;align-items:flex-start;margin:10px 0;padding:12px;border:1px solid #4a6265;border-radius:8px;background:#1d3238}
body[data-pixel-page="equipment-view"] .equipment-hero .px-equipment-preview{flex:none;margin:0}body[data-pixel-page="equipment-view"] .equipment-hero .px-equipment{margin:0}
body[data-pixel-page="equipment-view"] .equipment-hero-info{min-width:0;flex:1}body[data-pixel-page="equipment-view"] .equipment-hero-info h1{margin:0;font-size:20px;overflow-wrap:anywhere}body[data-pixel-page="equipment-view"] .equipment-hero-info p{margin:4px 0;color:#b9c9c6;font-size:12px}
body[data-pixel-page="equipment-view"] .equipment-action-row{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}.equipment-action-row a{margin:0;padding:5px 9px;font-size:12px}
body[data-pixel-page="equipment-view"] .equipment-info-grid,body[data-pixel-page="equipment-view"] .equipment-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 10px;margin:10px 0}
body[data-pixel-page="equipment-view"] .equipment-info-grid>div,body[data-pixel-page="equipment-view"] .equipment-stat-grid>div{padding:7px 0;border-top:1px solid #3d555a;font-size:12px;overflow-wrap:anywhere}
body[data-pixel-page="equipment-view"] .equipment-stat-grid strong{color:#ffe1a1}
body[data-pixel-page="equipment-view"] .equipment-section{margin:12px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page="equipment-view"] .equipment-section h2{margin:0 0 7px;font-size:14px}
body[data-pixel-page="equipment-view"] .equipment-bind-state{margin-top:7px;color:#b9c9c6;font-size:12px}body[data-pixel-page="equipment-view"] .equipment-bind-state a{margin-left:7px;padding:3px 7px;font-size:12px}
body[data-pixel-page="equipment-view"] .equipment-info-grid .equipment-expire{grid-column:1/-1}
body[data-pixel-page="equipment-view"] .equipment-source{display:grid;gap:5px;color:#bdccca;font-size:12px}
/* Skills */
body[data-pixel-page^="skill-"] .skill-heading,body[data-pixel-page^="map-"] .map-heading{margin:4px 0 10px}
body[data-pixel-page^="skill-"] .skill-heading h1,body[data-pixel-page^="map-"] .map-heading h1{margin:0;font-size:22px}
body[data-pixel-page^="skill-"] .skill-heading span,body[data-pixel-page^="map-"] .map-heading p{margin:3px 0;color:#afc0bf;font-size:12px}
body[data-pixel-page="skill-list"] .skill-lock{margin:10px 0;padding:9px 10px;border-left:3px solid #b88e59;background:#273a3d;color:#ddcfad;font-size:13px}
body[data-pixel-page="skill-list"] .skill-card-list{margin:10px 0;border-top:1px solid #40575c}
body[data-pixel-page="skill-list"] .skill-card{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 3px;border-bottom:1px solid #40575c}
body[data-pixel-page="skill-list"] .skill-order{display:flex;align-items:center;justify-content:center;width:23px;height:23px;border:1px solid #76643f;border-radius:50%;color:#ddc78d;font-size:11px}
body[data-pixel-page="skill-list"] .skill-name{display:block;margin:0;color:#f2dfad;font-size:15px;overflow-wrap:anywhere}
body[data-pixel-page="skill-list"] .skill-card small{display:block;color:#aebfbd;font-size:11px}
body[data-pixel-page="skill-list"] .skill-action{display:flex;align-items:center;gap:6px;justify-content:flex-end;text-align:right;color:#b6c6c3;font-size:11px;white-space:nowrap}
body[data-pixel-page="skill-list"] .skill-action a{margin:0;padding:4px 8px;font-size:12px}
body[data-pixel-page="skill-detail"] .skill-detail-hero{margin:8px 0;padding:12px;border:1px solid #4a6265;border-radius:8px;background:#1d3238}
body[data-pixel-page="skill-detail"] .skill-detail-hero h1{margin:0 0 5px;font-size:22px}
body[data-pixel-page="skill-detail"] .skill-detail-hero p{margin:0;color:#c2d0ce;font-size:13px;overflow-wrap:anywhere}
body[data-pixel-page="skill-detail"] .skill-detail-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}
body[data-pixel-page="skill-detail"] .skill-detail-stats>div{display:grid;gap:2px;padding:9px 10px;border:1px solid #40585d;border-radius:6px;background:#1c3037;min-width:0}
body[data-pixel-page="skill-detail"] .skill-detail-stats small{color:#b9c9c7;font-size:11px}
body[data-pixel-page="skill-detail"] .skill-detail-stats strong{color:#ffe4a8;font-size:15px;overflow-wrap:anywhere}
body[data-pixel-page="skill-detail"] .skill-detail-stats .skill-effect,body[data-pixel-page="skill-detail"] .skill-detail-stats .skill-upgrade-cost{grid-column:1/-1}
/* Map */
body[data-pixel-page="map-index"] .map-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}
body[data-pixel-page="map-index"] .map-entry-grid a{display:grid;gap:3px;min-height:64px;margin:0;padding:10px;border:1px solid #506469;border-radius:7px;background:#1d3238;color:#f1dfad}
body[data-pixel-page="map-index"] .map-entry-grid strong{font-size:16px}body[data-pixel-page="map-index"] .map-entry-grid small{color:#b7c7c5;font-size:11px;line-height:1.4}
body[data-pixel-page="map-index"] .map-view-tabs{margin-top:16px}
body[data-pixel-page="map-area"] .map-region-tabs{margin:10px 0}
body[data-pixel-page="map-area"] .map-topology{margin:12px 0;padding:8px;border:1px solid #4b6264;border-radius:8px;background:#192d34}
body[data-pixel-page="map-area"] .map-wrap{border:1px solid #40585d;border-radius:6px;background:#172a31}
body[data-pixel-page="map-area"] .edge{stroke:#6c866e;stroke-width:2}
body[data-pixel-page="map-area"] .map-node{color:#d2e1dd;background:#254148;border:1px solid #6b897e;border-radius:8px;box-shadow:0 2px 5px #0008}
body[data-pixel-page="map-area"] .map-node.hub{background:#4a3d2f;border-color:#c3a160;color:#ffe1a0}
body[data-pixel-page="map-area"] .map-node.here{background:#244d45;border-color:#78ba9a;color:#e8f6df}
/* Battle */
body[data-pixel-page="battle"] .battle-waiting{text-align:center;color:#e7c993;font-size:13px;margin:8px 0}
body[data-pixel-page="battle"] .battle-skill-tray{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:10px 0}
body[data-pixel-page="battle"] .battle-skill-tray a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;margin:0;padding:5px 2px;background:linear-gradient(#78383d,#412730);border:1px solid #c1a066;border-radius:6px;color:#ffe6ae;font-size:12px;line-height:1.25;text-align:center}
body[data-pixel-page="battle"] .battle-skill-tray a[href*="pick_skill"]{background:#1e3339;border-color:#52666a;color:#aec0bf}
body[data-pixel-page="battle"] .battle-potion-tray{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}
body[data-pixel-page="battle"] .battle-potion-tray a{flex:1;min-width:80px;display:flex;align-items:center;justify-content:center;gap:5px;margin:0;padding:7px 5px;background:#1e3339;border:1px solid #52666a;border-radius:6px;color:#d4e0dc;font-size:12px}
body[data-pixel-page="battle"] .battle-potion-tray a[href*="flee"]{background:linear-gradient(#5a2a2a,#3a1a1a);border-color:#a66;color:#ffbfbf}
body[data-pixel-page="battle"] .battle-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0}
body[data-pixel-page="battle"] .battle-status-grid>div{padding:8px 10px;border:1px solid #3c555a;border-radius:6px;background:#1c3037}
body[data-pixel-page="battle"] .battle-status-grid dt{display:flex;align-items:center;gap:5px;color:#c4d1d0;font-size:12px}
body[data-pixel-page="battle"] .battle-status-grid .px-icon{width:17px;height:17px;flex:none}
body[data-pixel-page="battle"] .battle-status-grid dd{margin:2px 0 0;padding-left:22px;color:#ffe4a8;font-size:17px;font-weight:bold;line-height:1.25}
body[data-pixel-page="battle"] .battle-status-grid dd small{font-size:11px;color:#82bd92;font-weight:normal}
body[data-pixel-page="battle"] .battle-reserve{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 10px;border:1px solid #3c555a;border-radius:6px;background:#1c3037;font-size:12px}
body[data-pixel-page="battle"] .battle-reserve span{color:#c4d1d0}
body[data-pixel-page="battle"] .battle-reserve a{margin:0;padding:3px 8px;font-size:11px}
body[data-pixel-page="battle"] .battle-enemy-card{margin:10px 0;padding:10px;border:1px solid #4b6264;border-radius:7px;background:#1d3238;text-align:center}
body[data-pixel-page="battle"] .battle-enemy-card strong{display:block;font-size:15px;color:#ffe4b6;margin-bottom:4px}
body[data-pixel-page="battle"] .battle-enemy-card small{display:block;font-size:11px;color:#aec0bf;margin-bottom:6px}
body[data-pixel-page="battle"] .battle-enemy-hp{height:9px;background:#110f14;border:1px solid #9d7656;border-radius:3px;overflow:hidden;margin:3px 0}
body[data-pixel-page="battle"] .battle-enemy-hp span{display:block;height:100%;background:linear-gradient(#ef8974,#9d3438)}
body[data-pixel-page="battle"] .battle-log{margin:8px 0;padding:10px;border:1px solid #40585d;border-radius:6px;background:#1c3037;font-size:13px;line-height:1.7}
body[data-pixel-page="battle"] .battle-log .pixel-line{background:none;border:0;padding:2px 0;margin:0;font-size:13px}
body[data-pixel-page="battle"] .battle-time{color:#8a9b9b;font-size:11px;text-align:right;margin:6px 0}
body[data-pixel-page="battle"] .battle-lieutenant{display:flex;align-items:center;gap:8px;margin:8px 0;padding:8px;border:1px solid #4b6264;border-radius:6px;background:#1d3238;font-size:12px}
body[data-pixel-page="battle"] .battle-lieutenant .px-icon{width:22px;height:22px}
/* Activities */
body[data-pixel-page="activities"] .activity-hero{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:12px;border:1px solid #9d895f;border-radius:9px;background:linear-gradient(100deg,#20373ddd,#142933e8)}
body[data-pixel-page="activities"] .activity-hero .px-icon{width:36px;height:36px;flex:none}
body[data-pixel-page="activities"] .activity-hero h1{margin:0;font-size:20px}
body[data-pixel-page="activities"] .activity-hero p{margin:3px 0 0;font-size:13px;color:#c4d1d0}
body[data-pixel-page="activities"] .activity-progress{margin:10px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page="activities"] .activity-progress-bar{height:8px;background:#110f14;border:1px solid #4c6665;border-radius:3px;overflow:hidden;margin:6px 0}
body[data-pixel-page="activities"] .activity-progress-bar span{display:block;height:100%;background:linear-gradient(#e8c46e,#9a7a3a)}
body[data-pixel-page="activities"] .activity-progress small{display:block;color:#aec0bf;font-size:11px}
body[data-pixel-page="activities"] .activity-tier-list{display:grid;gap:6px;margin:10px 0}
body[data-pixel-page="activities"] .activity-tier{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid #3c555a;border-radius:6px;background:#1c3037;font-size:12px}
body[data-pixel-page="activities"] .activity-tier>span{color:#c4d1d0}
body[data-pixel-page="activities"] .activity-tier strong{color:#ffe4a8;font-size:13px}
body[data-pixel-page="activities"] .activity-tier a{margin:0;padding:4px 9px;font-size:12px}
body[data-pixel-page="activities"] .activity-tier small{grid-column:2;color:#8aa0a0;font-size:11px}
body[data-pixel-page="activities"] .activity-section-title{display:flex;align-items:center;gap:8px;margin:16px 0 8px;padding-bottom:6px;border-bottom:1px solid #716c51;font-size:14px;color:#f1dfad}
body[data-pixel-page="activities"] .activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0}
body[data-pixel-page="activities"] .activity-grid a{display:flex;flex-direction:column;gap:4px;min-height:72px;margin:0;padding:10px;background:#1d3238;border:1px solid #506469;border-radius:7px;color:#f1dfad;font-size:13px;line-height:1.35}
body[data-pixel-page="activities"] .activity-grid a strong{font-size:14px;color:#ffe4b6}
body[data-pixel-page="activities"] .activity-grid a .activity-hot{align-self:flex-start;padding:1px 5px;border-radius:3px;background:#7c2e2e;color:#ffdf9a;font-size:10px}
body[data-pixel-page="activities"] .activity-daily-list{display:grid;gap:6px;margin:10px 0}
body[data-pixel-page="activities"] .activity-daily{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #3c555a;border-radius:6px;background:#1c3037;font-size:12px}
body[data-pixel-page="activities"] .activity-daily>span{color:#c4d1d0}
body[data-pixel-page="activities"] .activity-daily strong{color:#ffe4a8}
body[data-pixel-page="activities"] .activity-daily a{margin:0;padding:4px 9px;font-size:12px}
/* Social */
body[data-pixel-page^="social-"] .social-search{display:flex;gap:6px;align-items:center;margin:10px 0;padding:8px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page^="social-"] .social-search input[type=text]{flex:1;min-width:0}
body[data-pixel-page^="social-"] .social-search button{min-height:34px;padding:6px 11px;font-size:12px}
body[data-pixel-page="social-index"] .social-alert{margin:0 0 10px;padding:9px 10px;border-left:3px solid #c45;color:#ffbfbf;background:#2a1a1a;font-size:13px}
body[data-pixel-page="social-index"] .social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}
body[data-pixel-page="social-index"] .social-grid a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:68px;margin:0;padding:6px;background:#1d3238;border:1px solid #506469;border-radius:7px;color:#f1dfad;font-size:12px;text-align:center}
body[data-pixel-page="social-index"] .social-grid a .px-icon{width:26px;height:26px}
body[data-pixel-page="social-friends"] .friend-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid #3c555a;font-size:12px}
body[data-pixel-page="social-friends"] .friend-card .pixel-avatar{width:38px;height:43px;border-width:1px;border-radius:5px}
body[data-pixel-page="social-friends"] .friend-card>div{min-width:0}
body[data-pixel-page="social-friends"] .friend-card strong{display:block;font-size:14px;color:#f1dfad;overflow-wrap:anywhere}
body[data-pixel-page="social-friends"] .friend-card small{display:block;color:#aec0bf;font-size:11px}
body[data-pixel-page="social-friends"] .friend-card .friend-actions{display:flex;gap:5px}
body[data-pixel-page="social-friends"] .friend-card .friend-actions a{margin:0;padding:3px 7px;font-size:11px}
body[data-pixel-page="social-friends"] .friend-empty{padding:25px 10px;text-align:center;color:#aebebe;border:1px dashed #52666a;border-radius:7px;margin:10px 0}
/* Quests */
body[data-pixel-page^="quest-"] .quest-list{border-top:1px solid #40575c;margin:10px 0}
body[data-pixel-page^="quest-"] .quest-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:10px 3px;border-bottom:1px solid #40575c;font-size:12px}
body[data-pixel-page^="quest-"] .quest-card a{font-size:14px;margin:0;padding:0;border:0;background:none;box-shadow:none}
body[data-pixel-page^="quest-"] .quest-card small{grid-column:1/-1;color:#aebfbd;font-size:11px}
body[data-pixel-page^="quest-"] .quest-card .quest-status{grid-column:2;grid-row:1;text-align:right;color:#ffe4a8;font-size:12px;white-space:nowrap}
body[data-pixel-page="quest-detail"] .quest-hero{margin:8px 0;padding:12px;border:1px solid #4a6265;border-radius:8px;background:#1d3238}
body[data-pixel-page="quest-detail"] .quest-hero h1{margin:0 0 5px;font-size:20px}
body[data-pixel-page="quest-detail"] .quest-hero p{margin:3px 0;color:#c2d0ce;font-size:13px}
body[data-pixel-page="quest-detail"] .quest-rewards{margin:10px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page="quest-detail"] .quest-rewards h2{margin:0 0 7px;font-size:14px}
body[data-pixel-page="quest-detail"] .quest-rewards .pixel-line{background:none;border:0;padding:2px 0;margin:0;font-size:12px}
body[data-pixel-page="quest-detail"] .quest-actions{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
body[data-pixel-page="quest-detail"] .quest-actions a{margin:0;padding:6px 11px;font-size:13px}
body[data-pixel-page="daily-tasks"] .daily-task-list{border-top:1px solid #40575c;margin:10px 0}
body[data-pixel-page="daily-tasks"] .daily-task-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;align-items:center;padding:10px 3px;border-bottom:1px solid #40575c;font-size:12px}
body[data-pixel-page="daily-tasks"] .daily-task-card strong{font-size:14px;color:#f1dfad;overflow-wrap:anywhere}
body[data-pixel-page="daily-tasks"] .daily-task-card small{grid-column:1/-1;color:#aebfbd;font-size:11px}
body[data-pixel-page="daily-tasks"] .daily-task-card .task-status{grid-column:2;grid-row:1;text-align:right;color:#ffe4a8;font-size:12px;white-space:nowrap}
body[data-pixel-page="daily-tasks"] .daily-task-card a{margin:0;padding:4px 9px;font-size:12px}
/* Dungeons / copy maps */
body[data-pixel-page^="copy-dungeon"] .dungeon-hero{margin:8px 0;padding:12px;border:1px solid #4a6265;border-radius:8px;background:#1d3238}
body[data-pixel-page^="copy-dungeon"] .dungeon-hero h1{margin:0 0 5px;font-size:20px}
body[data-pixel-page^="copy-dungeon"] .dungeon-hero p{margin:4px 0;color:#c2d0ce;font-size:13px;line-height:1.6}
body[data-pixel-page^="copy-dungeon"] .dungeon-rewards{margin:10px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page^="copy-dungeon"] .dungeon-rewards .pixel-line{background:none;border:0;padding:2px 0;margin:0;font-size:12px}
body[data-pixel-page^="copy-dungeon"] .dungeon-actions{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
body[data-pixel-page^="copy-dungeon"] .dungeon-actions a{margin:0;padding:6px 11px;font-size:13px}
body[data-pixel-page="daily-dungeon-info"] .dungeon-rules{margin:10px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037;font-size:13px;line-height:1.7}
body[data-pixel-page="daily-dungeon-info"] .dungeon-rules p{margin:4px 0;color:#c2d0ce}
/* Tomb */
body[data-pixel-page="tomb"] .tomb-hero{margin:8px 0;padding:12px;border:1px solid #4a6265;border-radius:8px;background:#1d3238}
body[data-pixel-page="tomb"] .tomb-hero h1{margin:0 0 5px;font-size:20px}
body[data-pixel-page="tomb"] .tomb-hero p{margin:4px 0;color:#c2d0ce;font-size:13px}
body[data-pixel-page="tomb"] .tomb-actions{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
body[data-pixel-page="tomb"] .tomb-actions a{margin:0;padding:6px 11px;font-size:13px}
body[data-pixel-page="tomb"] .tomb-floor-info{margin:10px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page="tomb"] .tomb-room-list{display:grid;gap:6px;margin:10px 0}
body[data-pixel-page="tomb"] .tomb-room{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid #3c555a;border-radius:6px;background:#1c3037;font-size:13px}
body[data-pixel-page="tomb"] .tomb-room a{margin:0;padding:4px 9px;font-size:12px}
body[data-pixel-page="tomb"] .tomb-map{background:#fffbe8;border:1px solid #d7c98d;border-radius:6px;padding:7px 9px;margin:8px 0}
/* Legion */
body[data-pixel-page^="legion-"] .legion-hero{margin:8px 0;padding:12px;border:1px solid #4a6265;border-radius:8px;background:#1d3238}
body[data-pixel-page^="legion-"] .legion-hero h1{margin:0 0 5px;font-size:20px}
body[data-pixel-page^="legion-"] .legion-hero p{margin:4px 0;color:#c2d0ce;font-size:13px}
body[data-pixel-page^="legion-"] .legion-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0}
body[data-pixel-page^="legion-"] .legion-stat-grid>div{padding:8px 10px;border:1px solid #3c555a;border-radius:6px;background:#1c3037}
body[data-pixel-page^="legion-"] .legion-stat-grid dt{color:#c4d1d0;font-size:12px}
body[data-pixel-page^="legion-"] .legion-stat-grid dd{margin:2px 0 0;color:#ffe4a8;font-size:17px;font-weight:bold;line-height:1.25}
body[data-pixel-page^="legion-"] .legion-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
body[data-pixel-page^="legion-"] .legion-actions a{margin:0;padding:5px 9px;font-size:12px}
body[data-pixel-page^="legion-"] .legion-board{margin:10px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page^="legion-"] .legion-board .pixel-line{background:none;border:0;padding:3px 0;margin:0;font-size:12px}
body[data-pixel-page="legion-list"] .legion-rank-list{border-top:1px solid #40575c;margin:10px 0}
body[data-pixel-page="legion-list"] .legion-rank-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:10px 3px;border-bottom:1px solid #40575c;font-size:13px}
body[data-pixel-page="legion-list"] .legion-rank-item>span{color:#ddc78d;font-size:12px}
body[data-pixel-page="legion-list"] .legion-rank-item a{font-size:14px;margin:0;padding:0;border:0;background:none;box-shadow:none}
body[data-pixel-page="legion-list"] .legion-rank-item small{color:#aebfbd;font-size:11px}
body[data-pixel-page="legion-members"] .member-list{border-top:1px solid #40575c;margin:10px 0}
body[data-pixel-page="legion-members"] .member-card{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 3px;border-bottom:1px solid #40575c;font-size:12px}
body[data-pixel-page="legion-members"] .member-card>span{color:#ddc78d;font-size:12px}
body[data-pixel-page="legion-members"] .member-card strong{font-size:14px;color:#f1dfad}
body[data-pixel-page="legion-members"] .member-card small{color:#aebfbd;font-size:11px}
body[data-pixel-page="legion-members"] .member-card a{margin:0;padding:3px 7px;font-size:11px}
/* Crafting */
body[data-pixel-page^="crafting"] .crafting-hero{margin:8px 0;padding:12px;border:1px solid #4a6265;border-radius:8px;background:#1d3238}
body[data-pixel-page^="crafting"] .crafting-hero h1{margin:0 0 5px;font-size:20px}
body[data-pixel-page^="crafting"] .crafting-hero p{margin:4px 0;color:#c2d0ce;font-size:13px}
body[data-pixel-page^="crafting"] .crafting-tab-bar{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}
body[data-pixel-page^="crafting"] .crafting-tab-bar a,body[data-pixel-page^="crafting"] .crafting-tab-bar span{padding:5px 10px;margin:0;border:1px solid #52666a;border-radius:5px;background:#21373b;color:#d4e0dc;font-size:12px}
body[data-pixel-page^="crafting"] .crafting-tab-bar span,body[data-pixel-page^="crafting"] .crafting-tab-bar a[aria-current="page"]{border-color:#c6a45f;background:#5a4034;color:#ffe6af}
body[data-pixel-page^="crafting"] .crafting-set{margin:10px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page^="crafting"] .crafting-set h2{margin:0 0 8px;font-size:14px;color:#f1dfad}
body[data-pixel-page^="crafting"] .crafting-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 3px;border-bottom:1px solid #3c555a;font-size:12px}
body[data-pixel-page^="crafting"] .crafting-item:last-child{border-bottom:0}
body[data-pixel-page^="crafting"] .crafting-item strong{font-size:13px;color:#f1dfad}
body[data-pixel-page^="crafting"] .crafting-item a{margin:0;padding:4px 9px;font-size:12px}
body[data-pixel-page^="crafting"] .crafting-item small{color:#aebfbd;font-size:11px}
body[data-pixel-page^="crafting"] .crafting-form{padding:10px;margin:10px 0;border:1px solid #4b6264;border-radius:7px;background:#1d3238}
body[data-pixel-page^="crafting"] .crafting-form label{display:flex;align-items:center;gap:7px;margin:8px 0;font-size:13px}
body[data-pixel-page^="crafting"] .crafting-form input,body[data-pixel-page^="crafting"] .crafting-form select{min-height:34px}
body[data-pixel-page^="crafting"] .crafting-form input[type=submit]{padding:6px 12px!important;background:#30454a!important;color:#ffe4a8!important;border:1px solid #967c50!important;border-radius:5px!important}
/* Blacksmith / enhance */
body[data-pixel-page="blacksmith"] .blacksmith-tabs,body[data-pixel-page="enhance"] .enhance-tabs{display:flex;flex-wrap:wrap;gap:5px;margin:10px 0}
body[data-pixel-page="blacksmith"] .blacksmith-tabs a,body[data-pixel-page="enhance"] .enhance-tabs a{padding:5px 10px;margin:0;border:1px solid #52666a;border-radius:5px;background:#21373b;color:#d4e0dc;font-size:12px}
body[data-pixel-page="blacksmith"] .blacksmith-tabs a[aria-current="page"],body[data-pixel-page="enhance"] .enhance-tabs a[aria-current="page"]{border-color:#c6a45f;background:#5a4034;color:#ffe6af}
body[data-pixel-page="blacksmith"] .blacksmith-card,body[data-pixel-page="enhance"] .enhance-card{margin:10px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page="blacksmith"] .blacksmith-card h2,body[data-pixel-page="enhance"] .enhance-card h2{margin:0 0 7px;font-size:14px}
body[data-pixel-page="blacksmith"] .blacksmith-card .pixel-line,body[data-pixel-page="enhance"] .enhance-card .pixel-line{background:none;border:0;padding:2px 0;margin:0;font-size:12px}
body[data-pixel-page="blacksmith"] .blacksmith-actions,body[data-pixel-page="enhance"] .enhance-actions{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}
body[data-pixel-page="blacksmith"] .blacksmith-actions a,body[data-pixel-page="enhance"] .enhance-actions a{margin:0;padding:5px 9px;font-size:12px}
/* Boss events */
body[data-pixel-page^="three-kingdom-boss"] .boss-hero{margin:8px 0;padding:12px;border:1px solid #4a6265;border-radius:8px;background:#1d3238}
body[data-pixel-page^="three-kingdom-boss"] .boss-hero h1{margin:0 0 5px;font-size:20px}
body[data-pixel-page^="three-kingdom-boss"] .boss-hero p{margin:4px 0;color:#c2d0ce;font-size:13px}
body[data-pixel-page^="three-kingdom-boss"] .boss-panel{margin:10px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page^="three-kingdom-boss"] .boss-panel .pixel-line{background:none;border:0;padding:2px 0;margin:0;font-size:12px}
body[data-pixel-page^="three-kingdom-boss"] .boss-actions{display:flex;flex-wrap:wrap;gap:7px;margin:8px 0}
body[data-pixel-page^="three-kingdom-boss"] .boss-actions a{margin:0;padding:5px 9px;font-size:12px}
body[data-pixel-page^="three-kingdom-boss"] .boss-rank-list{border-top:1px solid #40575c;margin:8px 0}
body[data-pixel-page^="three-kingdom-boss"] .boss-rank-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 3px;border-bottom:1px solid #40575c;font-size:12px}
body[data-pixel-page^="three-kingdom-boss"] .boss-rank-item>span{color:#ddc78d}
body[data-pixel-page^="fengyun-beast"] .beast-hero{margin:8px 0;padding:12px;border:1px solid #4a6265;border-radius:8px;background:#1d3238}
body[data-pixel-page^="fengyun-beast"] .beast-hero h1{margin:0 0 5px;font-size:20px}
body[data-pixel-page^="fengyun-beast"] .beast-hero p{margin:4px 0;color:#c2d0ce;font-size:13px}
body[data-pixel-page^="fengyun-beast"] .beast-panel{margin:10px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page^="zhudi-beast"] .zhudi-hero{margin:8px 0;padding:12px;border:1px solid #4a6265;border-radius:8px;background:#1d3238}
body[data-pixel-page^="zhudi-beast"] .zhudi-hero h1{margin:0 0 5px;font-size:20px}
body[data-pixel-page^="zhudi-beast"] .zhudi-hero p{margin:4px 0;color:#c2d0ce;font-size:13px}
body[data-pixel-page^="zhudi-beast"] .zhudi-panel{margin:10px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page^="chibi-raid"] .chibi-hero{margin:8px 0;padding:12px;border:1px solid #4a6265;border-radius:8px;background:#1d3238}
body[data-pixel-page^="chibi-raid"] .chibi-hero h1{margin:0 0 5px;font-size:20px}
body[data-pixel-page^="chibi-raid"] .chibi-hero p{margin:4px 0;color:#c2d0ce;font-size:13px}
body[data-pixel-page^="chibi-raid"] .chibi-panel{margin:10px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
/* Generic list card for long-tail pages */
body[data-pixel-page] .generic-list{border-top:1px solid #40575c;margin:10px 0}
body[data-pixel-page] .generic-list .generic-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 3px;border-bottom:1px solid #40575c;font-size:12px}
body[data-pixel-page] .generic-list .generic-item a{font-size:13px;margin:0;padding:0;border:0;background:none;box-shadow:none}
body[data-pixel-page] .generic-list .generic-item small{color:#aebfbd;font-size:11px}
body[data-pixel-page] .generic-empty{padding:25px 10px;text-align:center;color:#aebebe;border:1px dashed #52666a;border-radius:7px;margin:10px 0}
body[data-pixel-page] .generic-actions{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
body[data-pixel-page] .generic-actions a{margin:0;padding:5px 9px;font-size:12px}
body[data-pixel-page] .generic-card{margin:10px 0;padding:10px;border:1px solid #40585d;border-radius:7px;background:#1c3037}
body[data-pixel-page] .generic-card .pixel-line{background:none;border:0;padding:2px 0;margin:0;font-size:12px}
@media(max-width:420px){body[data-pixel-page="equipment-view"] .equipment-hero{align-items:center}body[data-pixel-page="equipment-view"] .equipment-hero .px-equipment-preview{transform:scale(.88);transform-origin:right center;margin:-7px -9px -7px 0}body[data-pixel-page="shop"] .px-shop-product{grid-template-columns:1fr}body[data-pixel-page="shop"] .shop-price{text-align:left}body[data-pixel-page="shop"] .shop-buy-row{justify-content:flex-start}body[data-pixel-page="market-view"] .market-detail-facts{grid-template-columns:1fr}body[data-pixel-page="activities"] .activity-grid{grid-template-columns:1fr}}
@media(max-width:350px){body[data-pixel-page] #pixel-content{padding:10px}body[data-pixel-page] h1{font-size:20px}body[data-pixel-page] .page-nav{gap:6px}body[data-pixel-page="battle"] .battle-skill-tray{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Public player profile */
body[data-pixel-page="view-player"] .vp-page{max-width:720px;margin:0 auto;padding:8px 0 24px}
body[data-pixel-page="view-player"] .vp-hero{position:relative;display:grid;grid-template-columns:78px minmax(0,1fr);gap:11px;margin:8px 0 10px;padding:12px;border:1px solid #705d3b;border-radius:9px;background:linear-gradient(135deg,rgba(34,57,60,.98),rgba(19,38,46,.98));box-shadow:inset 0 1px rgba(255,239,188,.08)}
body[data-pixel-page="view-player"] .vp-avatar{width:76px;height:88px;object-fit:cover;object-position:center top;border:2px solid #a88b52;border-radius:8px;background:#0e2027}
body[data-pixel-page="view-player"] .vp-hero-copy{min-width:0}
body[data-pixel-page="view-player"] .vp-name-row{display:flex;align-items:baseline;gap:8px;min-width:0}
body[data-pixel-page="view-player"] .vp-name-row h1{margin:0;min-width:0;font-size:22px;line-height:1.25;overflow-wrap:anywhere}
body[data-pixel-page="view-player"] .vp-name-row span{flex:none;color:#d8bd80;font-size:12px}
body[data-pixel-page="view-player"] .vp-hero-copy p{margin:3px 0 1px;color:#d1dcda;font-size:13px}
body[data-pixel-page="view-player"] .vp-hero-copy small{color:#9db3b1;font-size:11px}
body[data-pixel-page="view-player"] .vp-badges{display:flex;align-items:center;gap:5px;margin-top:6px;min-height:18px}
body[data-pixel-page="view-player"] .vp-badges img{max-height:18px;width:auto;object-fit:contain}
body[data-pixel-page="view-player"] .vp-health-status{grid-column:1/-1;margin:0;padding-top:7px;border-top:1px solid rgba(164,180,171,.22);color:#e3d4aa;font-size:12px}
body[data-pixel-page="view-player"] .vp-feature-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:9px 0}
body[data-pixel-page="view-player"] .vp-feature-nav a{display:flex;min-width:0;min-height:56px;flex-direction:column;align-items:center;justify-content:center;gap:3px;margin:0;padding:5px 3px;border:1px solid #516a6d;border-radius:7px;background:#20373b;color:#e9e1c8;font-size:12px;line-height:1.1;text-align:center}
body[data-pixel-page="view-player"] .vp-feature-nav a.is-current{border-color:#c8a45e;background:#543d32;color:#ffe7af}
body[data-pixel-page="view-player"] .vp-feature-nav .px-icon{width:22px;height:22px;background-size:264px 22px}
body[data-pixel-page="view-player"] .vp-actions,body[data-pixel-page="view-player"] .vp-social-actions{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0}
body[data-pixel-page="view-player"] .vp-action,body[data-pixel-page="view-player"] .vp-social-actions>a{margin:0;padding:6px 10px;border:1px solid #947b4e;border-radius:5px;background:#2a4143;color:#f4ddab;font-size:12px;box-shadow:0 2px #0c181d}
body[data-pixel-page="view-player"] .vp-action.vp-danger{border-color:#a45d4b;background:#56352e;color:#ffdfcf}
body[data-pixel-page="view-player"] .vp-panel{margin:10px 0;padding:11px;border:1px solid #405c60;border-radius:8px;background:rgba(27,48,55,.94)}
body[data-pixel-page="view-player"] .vp-panel h2{margin:0 0 8px;color:#f1dca6;font-size:15px}
body[data-pixel-page="view-player"] .vp-private-row{display:flex;align-items:center;gap:8px}
body[data-pixel-page="view-player"] .vp-private-row>span{flex:none;color:#e6d3a1;font-size:13px}
body[data-pixel-page="view-player"] .vp-private-row form{display:flex;min-width:0;flex:1;gap:6px}
body[data-pixel-page="view-player"] .vp-private-row input[type=text]{min-width:0;flex:1;height:32px;padding:0 8px;border:1px solid #526d70;border-radius:5px;background:#11242b;color:#f3ead5;font-size:13px}
body[data-pixel-page="view-player"] .vp-private-row input[type=submit],body[data-pixel-page="view-player"] .vp-flower-form input[type=submit]{height:32px;padding:0 10px;border:1px solid #947b4e;border-radius:5px;background:#2a4143;color:#f4ddab;font-size:12px}
body[data-pixel-page="view-player"] .vp-flower-form{display:flex;align-items:center;gap:5px;margin:0;color:#d8e0d5;font-size:12px}
body[data-pixel-page="view-player"] .vp-flower-form input[type=number]{width:44px;height:30px;padding:0 4px;border:1px solid #526d70;border-radius:5px;background:#11242b;color:#f3ead5}
body[data-pixel-page="view-player"] .vp-muted{padding:6px 1px;color:#9eb3b1;font-size:12px}
body[data-pixel-page="view-player"] .vp-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border-top:1px solid #3c555a}
body[data-pixel-page="view-player"] .vp-info-grid>div{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;min-height:39px;padding:3px 6px;border-bottom:1px solid #3c555a}
body[data-pixel-page="view-player"] .vp-info-grid>div:nth-child(odd){border-right:1px solid #3c555a}
body[data-pixel-page="view-player"] .vp-info-grid dt{color:#b9c9c6;font-size:12px}
body[data-pixel-page="view-player"] .vp-info-grid dd{min-width:0;margin:0;color:#f0dfb2;font-size:12px;overflow-wrap:anywhere}
body[data-pixel-page="view-player"] .vp-signature{display:flex;gap:10px;margin:10px 0;padding:10px 12px;border-left:3px solid #c39a55;background:rgba(29,48,55,.66)}
body[data-pixel-page="view-player"] .vp-signature small{flex:none;color:#d5ba7e;font-size:12px}
body[data-pixel-page="view-player"] .vp-signature p{margin:0;color:#cfdbd8;font-size:13px;overflow-wrap:anywhere}
body[data-pixel-page="view-player"] .vp-title-block{margin:8px 0 10px;padding:10px 1px;border-bottom:1px solid #695c40}
body[data-pixel-page="view-player"] .vp-title-block h1{margin:0;color:#f2dcaa;font-size:20px}
body[data-pixel-page="view-player"] .vp-title-block p{margin:3px 0 0;color:#aabeba;font-size:12px}
body[data-pixel-page="view-player"] .vp-subnav{display:flex;gap:6px;margin:9px 0}
body[data-pixel-page="view-player"] .vp-subnav a{margin:0;padding:6px 13px;border:1px solid #516a6d;border-radius:5px;background:#21383c;color:#dce6dd;font-size:12px}
body[data-pixel-page="view-player"] .vp-subnav a.is-current{border-color:#c8a45e;background:#543d32;color:#ffe7af}
body[data-pixel-page="view-player"] .vp-compare-head,body[data-pixel-page="view-player"] .vp-compare-list>div{display:grid;grid-template-columns:minmax(0,1fr)80px 80px;gap:6px;align-items:center}
body[data-pixel-page="view-player"] .vp-compare-head{padding:0 5px 6px;color:#aac0be;font-size:11px;text-align:right}
body[data-pixel-page="view-player"] .vp-compare-head span{text-align:left}
body[data-pixel-page="view-player"] .vp-compare-head strong{color:#e4cf9d;font-weight:normal}
body[data-pixel-page="view-player"] .vp-compare-list{margin:0;border-top:1px solid #3c555a}
body[data-pixel-page="view-player"] .vp-compare-list>div{min-height:35px;padding:3px 5px;border-bottom:1px solid #3c555a}
body[data-pixel-page="view-player"] .vp-compare-list dt{font-size:13px}
body[data-pixel-page="view-player"] .vp-compare-list dd{margin:0;color:#f3dfaf;font-size:13px;text-align:right}
body[data-pixel-page="view-player"] .vp-compare-list .vp-total{background:#223c3e;color:#ffe4aa;font-weight:bold}
body[data-pixel-page="view-player"] .vp-row-list{margin:0;border-top:1px solid #3c555a}
body[data-pixel-page="view-player"] .vp-row-list>div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:8px;min-height:36px;padding:4px 5px;border-bottom:1px solid #3c555a;align-items:center}
body[data-pixel-page="view-player"] .vp-row-list dt{color:#b8c9c6;font-size:12px}
body[data-pixel-page="view-player"] .vp-row-list dd{margin:0;color:#e9dcc0;font-size:12px;overflow-wrap:anywhere}
body[data-pixel-page="view-player"] .vp-equip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body[data-pixel-page="view-player"] .vp-equip-slot{display:flex;min-height:56px;flex-direction:column;justify-content:center;gap:4px;padding:7px 9px;border:1px solid #455f62;border-radius:7px;background:#1d3439}
body[data-pixel-page="view-player"] .vp-equip-slot small{color:#aebfbb;font-size:11px}
body[data-pixel-page="view-player"] .vp-equip-slot a{margin:0;color:#f0dbac;font-size:13px;overflow-wrap:anywhere}
body[data-pixel-page="view-player"] .vp-equip-slot span{color:#849998;font-size:12px}
body[data-pixel-page="view-player"] .vp-comparison-note{margin:10px 2px;color:#c6d3cd;font-size:13px}
body[data-pixel-page="view-player"] .vp-lieutenant-hero{display:flex;align-items:center;gap:12px;margin:9px 0;padding:11px;border:1px solid #705d3b;border-radius:8px;background:#1d3439}
body[data-pixel-page="view-player"] .vp-lieutenant-hero img{width:64px;height:88px;object-fit:contain;border:1px solid #a88b52;border-radius:6px;background:#10242b}
body[data-pixel-page="view-player"] .vp-lieutenant-hero h2{margin:0;color:#f1dca6;font-size:18px}
body[data-pixel-page="view-player"] .vp-lieutenant-hero p{margin:3px 0;color:#d1dcd2;font-size:13px}
body[data-pixel-page="view-player"] .vp-lieutenant-hero small{color:#aebfbb;font-size:12px}
body[data-pixel-page="view-player"] .vp-lieutenant-stats>div{grid-template-columns:48px minmax(0,1fr)}
body[data-pixel-page="view-player"] .vp-empty{margin:12px 0;padding:28px 12px;border:1px dashed #526a6c;border-radius:7px;color:#aebfbb;text-align:center}
body[data-pixel-page="view-player"] #loading{display:none;position:fixed;inset:0;z-index:9999;background:rgba(4,12,17,.55)}
body[data-pixel-page="view-player"] #loading span{display:block;width:34px;height:34px;margin:42vh auto;border:3px solid #f4dfaf;border-top-color:#396c80;border-radius:50%;animation:vp-spin .8s linear infinite}
@keyframes vp-spin{to{transform:rotate(360deg)}}
@media(max-width:430px){body[data-pixel-page="view-player"] .vp-page{padding-bottom:18px}body[data-pixel-page="view-player"] .vp-hero{grid-template-columns:70px minmax(0,1fr)}body[data-pixel-page="view-player"] .vp-avatar{width:68px;height:80px}body[data-pixel-page="view-player"] .vp-info-grid>div{grid-template-columns:66px minmax(0,1fr)}body[data-pixel-page="view-player"] .vp-compare-head,body[data-pixel-page="view-player"] .vp-compare-list>div{grid-template-columns:minmax(0,1fr)65px 65px}body[data-pixel-page="view-player"] .vp-equip-grid{grid-template-columns:1fr}}

/* Equipment loadout and details: compact slots, readable item facts. */
body[data-pixel-page="equipment-list"] .equipment-page,body[data-pixel-page="equipment-view"] .equipment-detail-page{max-width:720px;margin:0 auto;padding:8px 0 26px}
body[data-pixel-page="equipment-list"] .equipment-list-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:7px 0 11px;padding:1px 1px 9px;border-bottom:1px solid #6e6043}
body[data-pixel-page="equipment-list"] .equipment-list-heading h1{margin:0;color:#f1dca8;font-size:22px;line-height:1.2}
body[data-pixel-page="equipment-list"] .equipment-list-heading p{margin:3px 0 0;color:#aabebb;font-size:12px}
body[data-pixel-page="equipment-list"] .equipment-list-heading strong{display:grid;place-items:center;min-width:44px;height:28px;border:1px solid #9d8253;border-radius:14px;background:#44362c;color:#ffe3a8;font-size:12px}
body[data-pixel-page="equipment-list"] .equipment-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:8px;margin:0}
body[data-pixel-page="equipment-list"] .px-equipped-slot{display:flex;align-self:start;width:auto!important;min-height:0!important;gap:6px;margin:0!important;padding:8px!important;border:1px solid #496367!important;border-radius:8px!important;background:linear-gradient(145deg,#20393d,#172d34)!important}
body[data-pixel-page="equipment-list"] .px-equipped-slot.is-equipped{border-color:#75603c!important}
body[data-pixel-page="equipment-list"] .px-equipped-slot>header{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding-bottom:5px;border-bottom:1px solid rgba(133,160,157,.25)}
body[data-pixel-page="equipment-list"] .px-equipped-slot>header small{color:#e2cf9c!important;font-size:12px!important}
body[data-pixel-page="equipment-list"] .px-equipped-slot>header span{color:#94aaa8;font-size:10px}
body[data-pixel-page="equipment-list"] .px-equipped-slot .px-gear-link{display:flex;align-items:center;justify-content:center;min-height:0!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
body[data-pixel-page="equipment-list"] .px-equipped-slot .px-equipment.compact{width:88px;margin:0;padding:3px}
body[data-pixel-page="equipment-list"] .px-equipped-slot .px-equipment.compact .px-equipment-art{width:76px;height:76px}
body[data-pixel-page="equipment-list"] .equipment-slot-actions{display:flex;justify-content:center;min-height:28px}
body[data-pixel-page="equipment-list"] .equipment-slot-actions a{align-self:center;margin:0!important;padding:4px 10px!important;border:1px solid #8e764b;border-radius:5px;background:#2b4144;color:#f4ddaa;font-size:11px;line-height:1.25}
body[data-pixel-page="equipment-list"] .equipment-empty-slot{display:flex;min-height:104px!important;align-items:center;justify-content:center;border:1px dashed #587177!important;border-radius:6px;background:rgba(11,27,33,.25)}
body[data-pixel-page="equipment-list"] .equipment-empty-slot a{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0!important;padding:7px 14px!important;border:1px solid #90794e;border-radius:5px;background:#263e42;color:#f5ddaa;font-size:12px}
body[data-pixel-page="equipment-list"] .equipment-empty-slot b{font-size:18px;line-height:1}
body[data-pixel-page="equipment-list"] .equipment-fallback-name{display:block;min-height:86px;padding:16px 7px;color:#f1dcad;text-align:center;font-size:13px;overflow-wrap:anywhere}

body[data-pixel-page="equipment-view"] .equipment-hero{display:grid;grid-template-columns:minmax(0,1fr)174px;gap:12px;align-items:stretch;margin:8px 0 10px;padding:12px;border:1px solid #6f5c3c;border-radius:9px;background:linear-gradient(135deg,#213a3e,#172c34)}
body[data-pixel-page="equipment-view"] .equipment-hero-info{display:flex;min-width:0;flex-direction:column;align-items:flex-start}
body[data-pixel-page="equipment-view"] .equipment-kicker{margin:0 0 4px!important;color:#cbb27b!important;font-size:12px!important}
body[data-pixel-page="equipment-view"] .equipment-hero-info h1{margin:0!important;color:#ffe1aa;font-size:21px!important;line-height:1.32;overflow-wrap:anywhere}
body[data-pixel-page="equipment-view"] .equipment-description{margin:7px 0 0!important;color:#c7d4ce!important;font-size:13px!important;line-height:1.55}
body[data-pixel-page="equipment-view"] .equipment-owner{margin:8px 0 0!important;color:#b9cac6!important;font-size:12px!important}
body[data-pixel-page="equipment-view"] .equipment-bind-state{display:flex;align-items:center;gap:7px;margin-top:auto!important;padding-top:8px;color:#b9c9c6;font-size:12px}
body[data-pixel-page="equipment-view"] .equipment-bind-state span{padding:2px 6px;border:1px solid #516b6e;border-radius:9px;background:#1a3037;color:#c9d4ca}
body[data-pixel-page="equipment-view"] .equipment-bind-state a{margin:0!important;padding:3px 8px!important;border:1px solid #88754d;border-radius:4px;background:#2c4245;color:#f3ddaa;font-size:11px}
body[data-pixel-page="equipment-view"] .equipment-action-row{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 0!important}
body[data-pixel-page="equipment-view"] .equipment-action-row a{margin:0!important;padding:6px 10px!important;border:1px solid #967d4f;border-radius:5px;background:#2e4548;color:#f6dfac;font-size:12px;box-shadow:0 2px #0d1a1f}
body[data-pixel-page="equipment-view"] .equipment-preview-wrap{display:flex;align-items:center;justify-content:center;min-height:184px;border:1px solid #708284;border-radius:8px;background:#0d1c24}
body[data-pixel-page="equipment-view"] .equipment-preview-wrap .px-equipment-preview{margin:0!important;line-height:0;transform:none!important}
body[data-pixel-page="equipment-view"] .equipment-preview-wrap .px-equipment{width:156px!important;line-height:1.25}
body[data-pixel-page="equipment-view"] .equipment-preview-wrap .px-equipment-art{width:142px!important;height:142px!important}
body[data-pixel-page="equipment-view"] .equipment-preview-wrap .px-equipment-name{font-size:13px!important}
body[data-pixel-page="equipment-view"] .equipment-image{width:142px;height:142px;object-fit:contain;image-rendering:pixelated}
body[data-pixel-page="equipment-view"] .equipment-fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:9px 0}
body[data-pixel-page="equipment-view"] .equipment-fact-grid>div{display:grid;gap:2px;min-width:0;padding:8px;border:1px solid #405b5f;border-radius:6px;background:#1c3439}
body[data-pixel-page="equipment-view"] .equipment-fact-grid small,body[data-pixel-page="equipment-view"] .equipment-stat-grid small,body[data-pixel-page="equipment-view"] .equipment-source small{color:#a9bcba;font-size:11px}
body[data-pixel-page="equipment-view"] .equipment-fact-grid strong{color:#f3dfae;font-size:13px;overflow-wrap:anywhere}
body[data-pixel-page="equipment-view"] .equipment-fact-grid .equipment-expire{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);column-gap:8px;align-items:baseline;border-color:#896c44;background:#312b24}
body[data-pixel-page="equipment-view"] .equipment-fact-grid .equipment-expire em{grid-column:2;color:#b9c8c1;font-size:11px;font-style:normal}
body[data-pixel-page="equipment-view"] .equipment-section{margin:10px 0!important;padding:11px!important;border:1px solid #405b5f!important;border-radius:8px!important;background:#1b3338!important}
body[data-pixel-page="equipment-view"] .equipment-section h2{margin:0 0 8px!important;color:#f2dda8;font-size:15px!important}
body[data-pixel-page="equipment-view"] .equipment-stat-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin:0!important}
body[data-pixel-page="equipment-view"] .equipment-stat-grid>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:5px;padding:8px 9px!important;border:1px solid #3c5659!important;border-radius:5px;background:#203b3e;font-size:12px}
body[data-pixel-page="equipment-view"] .equipment-stat-grid strong{color:#ffe1a2;font-size:15px}
body[data-pixel-page="equipment-view"] .equipment-stat-grid em{grid-column:2;color:#d8ba78;font-size:10px;font-style:normal}
body[data-pixel-page="equipment-view"] .equipment-none{grid-column:1/-1;margin:0;padding:8px;color:#9fb1af;font-size:12px}
body[data-pixel-page="equipment-view"] .equipment-source{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px!important;margin:10px 0;padding:10px!important;border:1px solid #405b5f;border-radius:8px;background:#1b3338;color:#bdccca}
body[data-pixel-page="equipment-view"] .equipment-source>div{display:grid;gap:2px;min-width:0;padding:3px 2px}
body[data-pixel-page="equipment-view"] .equipment-source strong{color:#e8dcc0;font-size:12px;overflow-wrap:anywhere}
body[data-pixel-page="equipment-list"] #loading,body[data-pixel-page="equipment-view"] #loading{display:none;position:fixed;inset:0;z-index:9999;background:rgba(4,12,17,.56)}
body[data-pixel-page="equipment-list"] #loading span,body[data-pixel-page="equipment-view"] #loading span{display:block;width:34px;height:34px;margin:42vh auto;border:3px solid #f4dfaf;border-top-color:#396c80;border-radius:50%;animation:eq-spin .8s linear infinite}
@keyframes eq-spin{to{transform:rotate(360deg)}}
@media(max-width:470px){body[data-pixel-page="equipment-view"] .equipment-hero{grid-template-columns:minmax(0,1fr)142px;gap:9px;padding:9px}body[data-pixel-page="equipment-view"] .equipment-preview-wrap{min-height:156px}body[data-pixel-page="equipment-view"] .equipment-preview-wrap .px-equipment{width:126px!important}body[data-pixel-page="equipment-view"] .equipment-preview-wrap .px-equipment-art{width:112px!important;height:112px!important}body[data-pixel-page="equipment-view"] .equipment-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:350px){body[data-pixel-page="equipment-list"] .equipment-slot-grid{gap:6px}body[data-pixel-page="equipment-list"] .px-equipped-slot{padding:6px!important}body[data-pixel-page="equipment-view"] .equipment-hero{grid-template-columns:1fr}body[data-pixel-page="equipment-view"] .equipment-preview-wrap{min-height:144px}body[data-pixel-page="equipment-view"] .equipment-preview-wrap .px-equipment{width:120px!important}body[data-pixel-page="equipment-view"] .equipment-preview-wrap .px-equipment-art{width:106px!important;height:106px!important}body[data-pixel-page="equipment-view"] .equipment-fact-grid,body[data-pixel-page="equipment-view"] .equipment-stat-grid,body[data-pixel-page="equipment-view"] .equipment-source{grid-template-columns:1fr!important}}

/* Equipment detail: one equipment focal point, then icon-led facts and stats. */
body[data-pixel-page="equipment-view"] .equipment-detail-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px}
body[data-pixel-page="equipment-view"] .equipment-detail-nav>div{min-width:0}
body[data-pixel-page="equipment-view"] .equipment-detail-nav>div a+a{margin-left:7px}
body[data-pixel-page="equipment-view"] .equipment-detail-nav>span{display:inline-flex;align-items:center;gap:4px;color:#cbb477;font-size:12px;white-space:nowrap}
body[data-pixel-page="equipment-view"] .equipment-detail-nav>span .px-icon{width:16px;height:16px}
body[data-pixel-page="equipment-view"] .equipment-detail-nav>a{justify-self:end;white-space:nowrap}
body[data-pixel-page="equipment-view"] .equipment-hero{grid-template-columns:minmax(0,1fr)160px;gap:10px;padding:10px;border-color:#887144;background:linear-gradient(135deg,#203c3e 0%,#172d35 62%,#12262d 100%)}
body[data-pixel-page="equipment-view"] .equipment-kicker{display:flex;align-items:center;gap:5px;margin-bottom:3px!important;color:#d5bd82!important}
body[data-pixel-page="equipment-view"] .equipment-kicker .px-icon{width:17px;height:17px}
body[data-pixel-page="equipment-view"] .equipment-hero-info h1{font-size:22px!important;line-height:1.25;text-wrap:balance}
body[data-pixel-page="equipment-view"] .equipment-progression{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0 0}
body[data-pixel-page="equipment-view"] .equipment-progression span{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border:1px solid #907644;border-radius:10px;background:#403226;color:#ffe2a2;font-size:11px;line-height:1.35;white-space:nowrap}
body[data-pixel-page="equipment-view"] .equipment-progression .px-icon{width:15px;height:15px}
body[data-pixel-page="equipment-view"] .equipment-preview-wrap{min-height:170px;border-color:#819092;background:radial-gradient(circle at 50% 30%,#233d43,#0d1d25 68%)}
body[data-pixel-page="equipment-view"] .equipment-preview-wrap .px-equipment{width:148px!important}
body[data-pixel-page="equipment-view"] .equipment-preview-wrap .px-equipment-art{width:134px!important;height:134px!important}
body[data-pixel-page="equipment-view"] .equipment-fact-grid{gap:5px}
body[data-pixel-page="equipment-view"] .equipment-fact-grid>div{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;padding:7px;background:#1d353a}
body[data-pixel-page="equipment-view"] .equipment-fact-grid .px-icon{width:17px;height:17px}
body[data-pixel-page="equipment-view"] .equipment-fact-grid span{display:grid;gap:1px;min-width:0}
body[data-pixel-page="equipment-view"] .equipment-fact-grid strong{font-size:14px;line-height:1.25}
body[data-pixel-page="equipment-view"] .equipment-fact-grid .equipment-expire{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start}
body[data-pixel-page="equipment-view"] .equipment-fact-grid .equipment-expire em{grid-column:auto;margin-top:2px;font-size:10px}
body[data-pixel-page="equipment-view"] .equipment-section{border-color:#4b6668!important;background:linear-gradient(120deg,#1d363a,#193138)!important}
body[data-pixel-page="equipment-view"] .equipment-section h2{display:flex;align-items:center;gap:6px;margin-bottom:7px!important;color:#f4dfa9;font-size:16px!important}
body[data-pixel-page="equipment-view"] .equipment-section h2 .px-icon{width:20px;height:20px}
body[data-pixel-page="equipment-view"] .equipment-stat-grid>div.equipment-stat{grid-template-columns:27px minmax(0,1fr) auto;align-items:center;min-height:47px;padding:7px 8px!important;background:#213c3f}
body[data-pixel-page="equipment-view"] .equipment-stat .px-icon{width:23px;height:23px}
body[data-pixel-page="equipment-view"] .equipment-stat span{display:grid;gap:1px;min-width:0}
body[data-pixel-page="equipment-view"] .equipment-stat strong{font-size:17px;line-height:1.15}
body[data-pixel-page="equipment-view"] .equipment-stat em{grid-column:auto;align-self:end;display:flex;align-items:center;gap:1px;color:#dfc17f;font-size:10px;line-height:1.1;white-space:nowrap}
body[data-pixel-page="equipment-view"] .equipment-stat em b{color:#ffe2a1;font-size:12px;font-weight:normal}
body[data-pixel-page="equipment-view"] .equipment-stat-attack{border-color:#76564b!important;background:linear-gradient(90deg,#3b2b2a,#213b3e)!important}
body[data-pixel-page="equipment-view"] .equipment-stat-defense{border-color:#576d7a!important;background:linear-gradient(90deg,#243440,#213b3e)!important}
body[data-pixel-page="equipment-view"] .equipment-stat-health{border-color:#76504d!important}
body[data-pixel-page="equipment-view"] .equipment-stat-mana{border-color:#4c647a!important}
body[data-pixel-page="equipment-view"] .equipment-stat-crit{border-color:#6b6750!important}
body[data-pixel-page="equipment-view"] .equipment-stat-dodge{border-color:#586c65!important}
body[data-pixel-page="equipment-view"] .equipment-source>div{display:grid;grid-template-columns:21px minmax(0,1fr);align-items:center;gap:6px}
body[data-pixel-page="equipment-view"] .equipment-source .px-icon{width:19px;height:19px}
body[data-pixel-page="equipment-view"] .equipment-source span{display:grid;gap:2px;min-width:0}
@media(max-width:600px){body[data-pixel-page="equipment-view"] .equipment-hero{grid-template-columns:minmax(0,1fr)148px}body[data-pixel-page="equipment-view"] .equipment-preview-wrap{min-height:158px}body[data-pixel-page="equipment-view"] .equipment-preview-wrap .px-equipment{width:136px!important}body[data-pixel-page="equipment-view"] .equipment-preview-wrap .px-equipment-art{width:122px!important;height:122px!important}}
@media(max-width:390px){body[data-pixel-page="equipment-view"] .equipment-detail-nav>span{display:none}body[data-pixel-page="equipment-view"] .equipment-hero{grid-template-columns:minmax(0,1fr)128px;gap:7px;padding:8px}body[data-pixel-page="equipment-view"] .equipment-preview-wrap{min-height:144px}body[data-pixel-page="equipment-view"] .equipment-preview-wrap .px-equipment{width:118px!important}body[data-pixel-page="equipment-view"] .equipment-preview-wrap .px-equipment-art{width:104px!important;height:104px!important}body[data-pixel-page="equipment-view"] .equipment-hero-info h1{font-size:19px!important}body[data-pixel-page="equipment-view"] .equipment-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-pixel-page="equipment-view"] .equipment-stat-grid>div.equipment-stat{grid-template-columns:24px minmax(0,1fr) auto;padding:6px!important}body[data-pixel-page="equipment-view"] .equipment-stat .px-icon{width:20px;height:20px}body[data-pixel-page="equipment-view"] .equipment-source>div{grid-template-columns:18px minmax(0,1fr);padding:7px!important}}

/* Detail density pass: information stays readable without empty dashboard cells. */
body[data-pixel-page="equipment-view"] .equipment-kicker{font-size:13px!important}
body[data-pixel-page="equipment-view"] .equipment-hero-info h1{font-size:23px!important}
body[data-pixel-page="equipment-view"] .equipment-description{font-size:14px!important}
body[data-pixel-page="equipment-view"] .equipment-action-row a{font-size:13px}
body[data-pixel-page="equipment-view"] .equipment-fact-grid{gap:5px;margin:8px 0}
body[data-pixel-page="equipment-view"] .equipment-fact-grid>div{padding:7px}
body[data-pixel-page="equipment-view"] .equipment-fact-grid small,body[data-pixel-page="equipment-view"] .equipment-stat-grid small,body[data-pixel-page="equipment-view"] .equipment-source small{font-size:12px}
body[data-pixel-page="equipment-view"] .equipment-fact-grid strong{font-size:14px}
body[data-pixel-page="equipment-view"] .equipment-section{margin:8px 0!important;padding:9px!important}
body[data-pixel-page="equipment-view"] .equipment-section h2{margin-bottom:6px!important;font-size:16px!important}
body[data-pixel-page="equipment-view"] .equipment-stat-grid{gap:5px!important}
body[data-pixel-page="equipment-view"] .equipment-stat-grid>div{padding:7px 9px!important;font-size:13px}
body[data-pixel-page="equipment-view"] .equipment-stat-grid>div:only-child{grid-column:1/-1}
body[data-pixel-page="equipment-view"] .equipment-stat-grid strong{font-size:16px}
body[data-pixel-page="equipment-view"] .equipment-source{grid-template-columns:repeat(3,minmax(0,1fr));gap:0!important;margin:8px 0;padding:0!important;overflow:hidden}
body[data-pixel-page="equipment-view"] .equipment-source>div{min-height:57px;padding:9px 10px!important;border-right:1px solid #3e595c}
body[data-pixel-page="equipment-view"] .equipment-source>div:last-child{border-right:0}
body[data-pixel-page="equipment-view"] .equipment-source strong{font-size:14px;line-height:1.35}
@media(max-width:470px){body[data-pixel-page="equipment-view"] .equipment-source{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-pixel-page="equipment-view"] .equipment-source>div{padding:8px!important}}
@media(max-width:350px){body[data-pixel-page="equipment-view"] .equipment-source{grid-template-columns:1fr!important}body[data-pixel-page="equipment-view"] .equipment-source>div{min-height:0;border-right:0;border-bottom:1px solid #3e595c}body[data-pixel-page="equipment-view"] .equipment-source>div:last-child{border-bottom:0}}

/* Settings: action rows keep labels, descriptions and buttons aligned. */
body[data-pixel-page="settings"] .settings-page{max-width:720px;margin:0 auto;padding:8px 0 24px}
body[data-pixel-page="settings"] .settings-heading{display:flex;align-items:end;justify-content:space-between;gap:10px;margin:7px 0 11px;padding:1px 1px 9px;border-bottom:1px solid #6e6043}
body[data-pixel-page="settings"] .settings-heading h1{margin:0;color:#f1dca8;font-size:22px;line-height:1.2}
body[data-pixel-page="settings"] .settings-heading p{margin:0;color:#aabebb;font-size:12px}
body[data-pixel-page="settings"] .settings-group{margin:10px 0;padding:0 10px;border:1px solid #405b5f;border-radius:8px;background:#1b3338}
body[data-pixel-page="settings"] .settings-group h2{margin:0 -1px;padding:9px 1px 7px;border-bottom:1px solid #50666a;color:#f1dca8;font-size:15px}
body[data-pixel-page="settings"] .settings-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 1px;border-bottom:1px solid #3d5559}
body[data-pixel-page="settings"] .settings-row:last-child{border-bottom:0}
body[data-pixel-page="settings"] .settings-row>div{min-width:0}
body[data-pixel-page="settings"] .settings-row strong{display:block;color:#e9dcc0;font-size:14px}
body[data-pixel-page="settings"] .settings-row p{margin:3px 0 0;color:#adbfbc;font-size:12px;line-height:1.45}
body[data-pixel-page="settings"] .settings-row>a{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;max-width:176px;margin:0;padding:5px 9px;border:1px solid #967d4f;border-radius:5px;background:#2d4447;color:#f5dfae;font-size:12px;line-height:1.25;text-align:center;box-shadow:0 2px #0d1a1f}
body[data-pixel-page="settings"] .settings-row>a em{padding:2px 5px;border-radius:8px;background:#6b382f;color:#ffe0d0;font-size:10px;font-style:normal;white-space:nowrap}
@media(max-width:390px){body[data-pixel-page="settings"] .settings-row{gap:8px}body[data-pixel-page="settings"] .settings-row>a{max-width:132px;padding:5px 7px;font-size:11px}body[data-pixel-page="settings"] .settings-heading{align-items:flex-start;flex-direction:column}}

/* Character relations: compact facts instead of long, uneven text rows. */
body[data-pixel-page="character"] .character-relations{display:block;margin:12px 0 8px}
body[data-pixel-page="character"] .character-status-card{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;min-height:0;padding:8px 10px;border:1px solid #536c6d;border-radius:7px;background:#1d363a}
body[data-pixel-page="character"] .character-status-card>span{color:#d8e2d5;font-size:13px}
body[data-pixel-page="character"] .character-status-card .px-icon{width:19px;height:19px}
body[data-pixel-page="character"] .character-status-card strong{color:#ffe1a4;font-size:15px;text-align:right}
body[data-pixel-page="character"] .character-status-card>a{margin:0;padding:4px 9px;border:1px solid #967d4f;border-radius:5px;background:#2a4144;color:#f5dfae;font-size:12px;line-height:1.25;box-shadow:0 2px #0d1a1f}
body[data-pixel-page="character"] .character-relation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}
body[data-pixel-page="character"] .character-relation-grid .character-relation-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center;min-height:46px;padding:7px 9px;border:1px solid #405b5f;border-radius:6px;background:#1b3338}
body[data-pixel-page="character"] .character-relation-grid .character-relation-card>span{color:#b8c9c6;font-size:13px}
body[data-pixel-page="character"] .character-relation-grid .character-relation-card strong{color:#f2dfad;font-size:14px;text-align:right;overflow-wrap:anywhere}
body[data-pixel-page="character"] .character-relation-grid .character-relation-card strong a{padding:0;border:0;background:none;box-shadow:none;color:#f2dfad;font-size:14px}
body[data-pixel-page="character"] .character-relation-grid .character-relation-card>strong+a{grid-column:1/-1;justify-self:start;margin:-3px 0 0;padding:3px 7px;border:1px solid #7c6b48;border-radius:4px;background:#294044;color:#f1dcaa;font-size:11px}
body[data-pixel-page="character"] .character-signature{align-items:flex-start;gap:10px;margin:8px 0;padding:9px 10px;border:1px solid #405b5f;border-left:3px solid #bd9654;border-radius:7px;background:#1b3338}
body[data-pixel-page="character"] .character-signature small{color:#d5bd83;font-size:12px}
body[data-pixel-page="character"] .character-signature p{margin-top:3px;color:#d4ded6;font-size:14px;line-height:1.45}
body[data-pixel-page="character"] .character-signature>a{margin:0;padding:5px 10px;border:1px solid #967d4f;border-radius:5px;background:#2a4144;color:#f5dfae;font-size:12px;box-shadow:0 2px #0d1a1f}
@media(max-width:360px){body[data-pixel-page="character"] .character-relation-grid{grid-template-columns:1fr}body[data-pixel-page="character"] .character-status-card{grid-template-columns:minmax(0,1fr) auto}body[data-pixel-page="character"] .character-status-card>a{grid-column:1/-1;justify-self:start}}

/* Titles: present the equipped honor as a collectible crest, not a text row. */
body[data-pixel-page="titles"] .title-showcase,body[data-pixel-page="title-detail"] .title-detail-hero{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:10px;margin:10px 0;padding:10px 11px;border:1px solid #9a7a42;border-radius:9px;background:radial-gradient(circle at 20% 20%,rgba(153,108,37,.32),transparent 48%),linear-gradient(135deg,#273b3d,#172d34 65%,#3e2d25);box-shadow:inset 0 0 0 1px rgba(248,218,147,.08),0 5px 15px rgba(0,0,0,.22)}
body[data-pixel-page="titles"] .title-showcase-art,body[data-pixel-page="title-detail"] .title-detail-art{display:flex;align-items:center;justify-content:center;width:78px;height:78px;border:1px solid rgba(252,222,149,.44);border-radius:50%;background:radial-gradient(circle,#4b3a23 0,#1a292e 66%);box-shadow:0 0 0 3px rgba(156,101,45,.18),0 0 17px rgba(240,181,70,.24)}
body[data-pixel-page="titles"] .title-showcase-art img,body[data-pixel-page="title-detail"] .title-detail-art img{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7))}
body[data-pixel-page="titles"] .title-showcase-copy{display:flex;flex-direction:column;min-width:0}
body[data-pixel-page="titles"] .title-showcase-copy small,body[data-pixel-page="title-detail"] .title-detail-copy small{color:#c7d7cc;font-size:11px;letter-spacing:.08em}
body[data-pixel-page="titles"] .title-showcase-copy>a,body[data-pixel-page="titles"] .title-showcase-copy>strong{margin-top:1px;overflow-wrap:anywhere;color:#ffe4a4;font-size:21px;line-height:1.22;font-weight:bold;text-shadow:0 0 9px rgba(237,177,59,.38)}
body[data-pixel-page="titles"] .title-showcase-copy p{margin:3px 0 0;color:#aabfba;font-size:12px}
body[data-pixel-page="titles"] .title-showcase-action,body[data-pixel-page="titles"] .page-actions a,body[data-pixel-page="title-detail"] .title-detail-actions>a{margin:0;padding:5px 9px;border:1px solid #947744;border-radius:5px;background:#2a4244;color:#f9e0a5;font-size:12px;white-space:nowrap;box-shadow:0 2px #0e1d22}
body[data-pixel-page="titles"] .title-type-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0 9px}
body[data-pixel-page="titles"] .title-type-tabs a{display:flex;flex-direction:column;align-items:center;gap:1px;margin:0;padding:8px 6px;border:1px solid #49636a;border-radius:7px;background:#1a3137;color:#c7d6d0;font-size:14px;line-height:1.3}
body[data-pixel-page="titles"] .title-type-tabs a small{color:#8ea8a5;font-size:10px}
body[data-pixel-page="titles"] .title-type-tabs a.is-active{border-color:#c19a54;background:linear-gradient(135deg,#573d2d,#3b3030);color:#ffe4a4;box-shadow:inset 0 0 0 1px rgba(255,221,146,.14)}
body[data-pixel-page="titles"] .title-type-tabs a.is-active small{color:#e4c989}
body[data-pixel-page="titles"] .title-collection-head{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);gap:7px 11px;align-items:center;margin:0 0 12px;padding:9px 10px;border:1px solid #405b5f;border-left:3px solid #c4964a;border-radius:7px;background:#1b3439}
body[data-pixel-page="titles"] .title-collection-head>div{display:flex;flex-direction:column;line-height:1.1}
body[data-pixel-page="titles"] .title-collection-head small{color:#b9cbc6;font-size:11px}
body[data-pixel-page="titles"] .title-collection-head strong{color:#ffe1a0;font-size:23px}
body[data-pixel-page="titles"] .title-collection-head strong em{font-size:12px;font-style:normal}
body[data-pixel-page="titles"] .title-collection-head p{margin:0;color:#cad7d0;font-size:12px;line-height:1.5}
body[data-pixel-page="titles"] .title-collection-head b{color:#ffdda0}
body[data-pixel-page="titles"] .title-collection-head>span{position:absolute;right:9px;top:7px;color:#94aaa6;font-size:10px}
body[data-pixel-page="titles"] .title-collection{margin:0;padding:0;border-top:1px solid #60716b}
body[data-pixel-page="titles"] .title-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:8px 1px 4px}
body[data-pixel-page="titles"] .title-list-heading h1{margin:0;color:#f2dcaa;font-size:16px}
body[data-pixel-page="titles"] .title-list-heading small{color:#93aaa5;font-size:11px}
body[data-pixel-page="titles"] .title-entry{position:relative;display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:7px 9px;align-items:center;min-height:60px;margin:5px 0;padding:7px 9px;border:1px solid #405b5f;border-radius:7px;background:linear-gradient(100deg,#1d373c,#1a3036);color:#dce7dd}
body[data-pixel-page="titles"] .title-entry:hover,body[data-pixel-page="titles"] .title-entry.is-equipped{border-color:#c39a50;background:linear-gradient(100deg,#46372d,#253a3e)}
body[data-pixel-page="titles"] .title-entry-art{display:flex;width:43px;height:43px;align-items:center;justify-content:center;overflow:hidden;border:1px solid #926e40;border-radius:6px;background:#202f30}
body[data-pixel-page="titles"] .title-entry-art img{width:49px;height:49px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.75))}
body[data-pixel-page="titles"] .title-entry-copy{display:flex;min-width:0;flex-direction:column;gap:1px}
body[data-pixel-page="titles"] .title-entry-copy strong{overflow-wrap:anywhere;color:#ffe2a5;font-size:15px;line-height:1.25}
body[data-pixel-page="titles"] .title-entry-copy small{display:-webkit-box;overflow:hidden;color:#aec0bb;font-size:11px;line-height:1.25;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body[data-pixel-page="titles"] .title-entry-stats{display:flex;flex-direction:column;align-items:flex-end;gap:1px;color:#bedec0;font-size:11px;white-space:nowrap}
body[data-pixel-page="titles"] .title-entry-stats b{font-weight:normal}
body[data-pixel-page="titles"] .title-equipped-mark{position:absolute;right:6px;top:-7px;padding:1px 6px;border:1px solid #e0bc6a;border-radius:8px;background:#734232;color:#ffe5aa;font-size:10px;line-height:1.35}
body[data-pixel-page="titles"] .title-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:25px 16px;color:#cbd7d0;text-align:center}
body[data-pixel-page="titles"] .title-empty img{width:58px;height:58px;object-fit:contain;opacity:.7;filter:grayscale(.25)}
body[data-pixel-page="titles"] .title-empty strong{color:#f1d9a2;font-size:15px}
body[data-pixel-page="titles"] .title-empty p{margin:0;color:#9fb2ae;font-size:12px}
body[data-pixel-page="titles"] .title-pagination{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:13px 0}
body[data-pixel-page="titles"] .title-pagination a,body[data-pixel-page="titles"] .title-pagination span{margin:0;padding:5px 9px;border:1px solid #4d6568;border-radius:5px;background:#20383c;color:#e8d5a3;font-size:12px}
body[data-pixel-page="titles"] .title-pagination span{opacity:.38}
body[data-pixel-page="titles"] .title-pagination small{color:#9fb5af;font-size:12px}
body[data-pixel-page="titles"] .page-actions{display:flex;justify-content:space-between;gap:8px;margin:14px 0 3px}

body[data-pixel-page="title-detail"] .page-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center}
body[data-pixel-page="title-detail"] .page-nav>span{overflow:hidden;color:#d8e3d5;text-align:center;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="title-detail"] .page-nav a{margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#f4dba1;font-size:12px}
body[data-pixel-page="title-detail"] .title-detail-hero{grid-template-columns:90px minmax(0,1fr);padding:12px}
body[data-pixel-page="title-detail"] .title-detail-art{width:88px;height:88px}
body[data-pixel-page="title-detail"] .title-detail-art img{width:94px;height:94px}
body[data-pixel-page="title-detail"] .title-detail-copy{min-width:0}
body[data-pixel-page="title-detail"] .title-detail-copy h1{margin:1px 0 2px;color:#ffe2a2;font-size:23px;line-height:1.25;text-shadow:0 0 11px rgba(232,173,61,.34)}
body[data-pixel-page="title-detail"] .title-detail-copy p{margin:0;color:#c1d1ca;font-size:13px;line-height:1.45}
body[data-pixel-page="title-detail"] .title-detail-copy>span{display:inline-flex;width:max-content;margin-top:6px;padding:1px 7px;border:1px solid #8d7448;border-radius:8px;background:#294044;color:#d9ead7;font-size:11px}
body[data-pixel-page="title-detail"] .title-detail-copy>.title-detail-equipped{border-color:#ddb25b;background:#65422e;color:#ffe7ac}
body[data-pixel-page="title-detail"] .title-detail-stats{margin:11px 0;padding:10px;border:1px solid #456064;border-radius:8px;background:#1a3338}
body[data-pixel-page="title-detail"] .title-stat-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:7px;padding-bottom:5px;border-bottom:1px solid #4b625e}
body[data-pixel-page="title-detail"] .title-stat-heading h2{margin:0;color:#f0dba7;font-size:15px}
body[data-pixel-page="title-detail"] .title-stat-heading small{color:#9eb5ae;font-size:11px}
body[data-pixel-page="title-detail"] .title-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body[data-pixel-page="title-detail"] .title-stat-grid>div{display:flex;min-height:56px;flex-direction:column;padding:7px 9px;border:1px solid #466166;border-radius:6px;background:#203b3e}
body[data-pixel-page="title-detail"] .title-stat-grid small{color:#b6c9c3;font-size:12px}
body[data-pixel-page="title-detail"] .title-stat-grid strong{color:#ffe0a2;font-size:20px;line-height:1.22}
body[data-pixel-page="title-detail"] .title-stat-grid em{margin-top:auto;color:#9bd09c;font-size:10px;font-style:normal;line-height:1.3}
body[data-pixel-page="title-detail"] .title-pair-card{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:8px;align-items:center;margin:10px 0;padding:9px;border:1px solid #486066;border-radius:8px;background:#1b3439}
body[data-pixel-page="title-detail"] .title-pair-card.is-active{border-color:#caa05a;background:linear-gradient(105deg,#4a372e,#22383d)}
body[data-pixel-page="title-detail"] .title-pair-emblem{display:flex;width:35px;height:35px;align-items:center;justify-content:center;border:1px solid #a6844b;border-radius:50%;color:#ffe0a0;font-size:19px}
body[data-pixel-page="title-detail"] .title-pair-card>div:nth-child(2){display:flex;min-width:0;flex-direction:column}
body[data-pixel-page="title-detail"] .title-pair-card small{color:#acc0ba;font-size:11px}
body[data-pixel-page="title-detail"] .title-pair-card strong{color:#f3dba6;font-size:14px;overflow-wrap:anywhere}
body[data-pixel-page="title-detail"] .title-pair-card p{margin:1px 0 0;color:#c5d1cb;font-size:11px;line-height:1.4}
body[data-pixel-page="title-detail"] .title-pair-stats{display:flex;flex-direction:column;gap:1px;color:#a7dca4;font-size:11px;text-align:right;white-space:nowrap}
body[data-pixel-page="title-detail"] .title-pair-stats i{display:none}
body[data-pixel-page="title-detail"] .title-detail-actions{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0 3px}
body[data-pixel-page="title-detail"] .title-detail-actions .title-main-action{border-color:#d2a454;background:#66452f;color:#ffe7b1;font-size:14px}
body[data-pixel-page="title-detail"] .title-detail-actions .title-main-action.is-danger{border-color:#a86c59;background:#573734;color:#ffe0c3}
body[data-pixel-page="title-detail"] .title-unowned{padding:5px 9px;color:#aebfba;font-size:13px}

/* Character: the title is deliberately placed before status and relationship facts. */
body[data-pixel-page="character"] .character-title-showcase{display:grid;grid-template-columns:53px minmax(0,1fr) auto;gap:9px;align-items:center;margin:0 0 7px;padding:8px 9px;border:1px solid #a68348;border-radius:8px;background:radial-gradient(circle at 8% 40%,rgba(175,121,47,.29),transparent 35%),linear-gradient(110deg,#44342b,#1b3438 70%);color:#f2dfa9;box-shadow:inset 0 0 0 1px rgba(250,218,145,.08)}
body[data-pixel-page="character"] .character-title-art{display:flex;width:51px;height:51px;align-items:center;justify-content:center;border:1px solid #b18a4b;border-radius:50%;background:#203337;box-shadow:0 0 10px rgba(235,182,76,.2)}
body[data-pixel-page="character"] .character-title-art img{width:57px;height:57px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.7))}
body[data-pixel-page="character"] .character-title-copy{display:flex;min-width:0;flex-direction:column;line-height:1.25}
body[data-pixel-page="character"] .character-title-copy small{color:#bfd0c8;font-size:11px}
body[data-pixel-page="character"] .character-title-copy strong{overflow-wrap:anywhere;color:#ffe3a5;font-size:17px;text-shadow:0 0 8px rgba(238,179,57,.32)}
body[data-pixel-page="character"] .character-title-copy em{overflow:hidden;color:#acc2bc;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="character"] .character-title-go{padding:4px 6px;border-left:1px solid #886e44;color:#f2dca5;font-size:11px;white-space:nowrap}
body[data-pixel-page="character"] .character-status-card{margin-top:0}
@media(max-width:390px){body[data-pixel-page="titles"] .title-showcase{grid-template-columns:63px minmax(0,1fr)}body[data-pixel-page="titles"] .title-showcase-art{width:62px;height:62px}body[data-pixel-page="titles"] .title-showcase-art img{width:65px;height:65px}body[data-pixel-page="titles"] .title-showcase-action{grid-column:1/-1;justify-self:end}body[data-pixel-page="titles"] .title-entry{grid-template-columns:39px minmax(0,1fr)}body[data-pixel-page="titles"] .title-entry-art{width:39px;height:39px}body[data-pixel-page="titles"] .title-entry-art img{width:45px;height:45px}body[data-pixel-page="titles"] .title-entry-stats{grid-column:2;align-items:flex-start;flex-direction:row;gap:7px}body[data-pixel-page="titles"] .title-equipped-mark{right:6px;top:5px}body[data-pixel-page="title-detail"] .title-pair-card{grid-template-columns:31px minmax(0,1fr)}body[data-pixel-page="title-detail"] .title-pair-stats{grid-column:2;align-items:flex-start;flex-direction:row}body[data-pixel-page="character"] .character-title-go{display:none}}
@media(prefers-reduced-motion:no-preference){body[data-pixel-page="titles"] .title-showcase-art,body[data-pixel-page="title-detail"] .title-detail-art,body[data-pixel-page="character"] .character-title-art{animation:title-crest-pulse 3.2s ease-in-out infinite}}@keyframes title-crest-pulse{50%{box-shadow:0 0 0 4px rgba(156,101,45,.21),0 0 22px rgba(240,181,70,.38)}}

/* Character-adjacent screens: actions are short, status facts are readable at a glance. */
body[data-pixel-page="character-status"] .related-page-nav,body[data-pixel-page="marriage"] .related-page-nav,body[data-pixel-page="military-ranks"] .related-page-nav,body[data-pixel-page="party"] .related-page-nav,body[data-pixel-page="edit-signature"] .related-page-nav,body[data-pixel-page^="legion-"] .related-page-nav{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:7px;align-items:center}
body[data-pixel-page="character-status"] .related-page-nav>span,body[data-pixel-page="marriage"] .related-page-nav>span,body[data-pixel-page="military-ranks"] .related-page-nav>span,body[data-pixel-page="party"] .related-page-nav>span,body[data-pixel-page="edit-signature"] .related-page-nav>span,body[data-pixel-page^="legion-"] .related-page-nav>span{overflow:hidden;color:#dce7db;text-align:center;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="character-status"] .related-page-nav a,body[data-pixel-page="marriage"] .related-page-nav a,body[data-pixel-page="military-ranks"] .related-page-nav a,body[data-pixel-page="party"] .related-page-nav a,body[data-pixel-page="edit-signature"] .related-page-nav a,body[data-pixel-page^="legion-"] .related-page-nav a{margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#f4dba1;font-size:12px}

body[data-pixel-page="character-status"] .status-hero{display:grid;grid-template-columns:54px minmax(0,1fr);gap:10px;align-items:center;margin:10px 0;padding:11px;border:1px solid #967b47;border-radius:8px;background:radial-gradient(circle at 8% 45%,rgba(179,121,40,.25),transparent 42%),linear-gradient(120deg,#45352c,#1b353a 68%)}
body[data-pixel-page="character-status"] .status-hero-seal,body[data-pixel-page="marriage"] .marriage-seal,body[data-pixel-page="party"] .party-banner,body[data-pixel-page="military-ranks"] .rank-medal{display:grid;place-items:center;width:51px;height:51px;border:1px solid #c49b54;border-radius:50%;background:radial-gradient(circle,#70502e,#27383a 70%);color:#ffe2a5;font-size:22px;font-weight:bold;box-shadow:0 0 11px rgba(223,164,52,.28),inset 0 0 0 3px rgba(255,230,171,.08)}
body[data-pixel-page="character-status"] .status-hero small,body[data-pixel-page="marriage"] .marriage-hero small,body[data-pixel-page="party"] .party-hero small,body[data-pixel-page="party"] .party-empty small,body[data-pixel-page="military-ranks"] .rank-hero small{color:#c2d2c9;font-size:11px;letter-spacing:.06em}
body[data-pixel-page="character-status"] .status-hero h1,body[data-pixel-page="marriage"] .marriage-hero h1,body[data-pixel-page="party"] .party-hero h1,body[data-pixel-page="party"] .party-empty h1,body[data-pixel-page="military-ranks"] .rank-hero h1{margin:0;color:#ffe1a2;font-size:21px;line-height:1.25;text-shadow:0 0 8px rgba(236,177,58,.28)}
body[data-pixel-page="character-status"] .status-hero p,body[data-pixel-page="marriage"] .marriage-hero p,body[data-pixel-page="party"] .party-hero p,body[data-pixel-page="party"] .party-empty p,body[data-pixel-page="military-ranks"] .rank-hero p{margin:2px 0 0;color:#b7c9c3;font-size:12px}
body[data-pixel-page="character-status"] .status-section-heading,body[data-pixel-page="marriage"] .marriage-section-heading,body[data-pixel-page="party"] .party-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:14px 1px 6px;padding-bottom:5px;border-bottom:1px solid #536765}
body[data-pixel-page="character-status"] .status-section-heading h2,body[data-pixel-page="marriage"] .marriage-section-heading h2,body[data-pixel-page="party"] .party-section-heading h2{margin:0;color:#efdaaa;font-size:15px}
body[data-pixel-page="character-status"] .status-section-heading small,body[data-pixel-page="marriage"] .marriage-section-heading small,body[data-pixel-page="party"] .party-section-heading small{color:#9eb3ae;font-size:11px}
body[data-pixel-page="character-status"] .status-reserve-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body[data-pixel-page="character-status"] .status-reserve-grid article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 7px;align-items:end;padding:9px;border:1px solid #456166;border-radius:7px;background:#1b3439}
body[data-pixel-page="character-status"] .status-reserve-grid span{color:#c7d5cf;font-size:12px}
body[data-pixel-page="character-status"] .status-reserve-grid strong{grid-column:1;color:#ffe1a2;font-size:20px;line-height:1.25}
body[data-pixel-page="character-status"] .status-reserve-grid small{grid-column:1;color:#91aaa4;font-size:11px}
body[data-pixel-page="character-status"] .status-reserve-grid a{grid-column:2;grid-row:1/4;margin:0;padding:5px 8px;border:1px solid #6a775e;border-radius:5px;background:#283c3d;color:#d8e3d5;font-size:12px;box-shadow:0 2px #0d1a1f}
body[data-pixel-page="character-status"] .status-reserve-grid a.is-on{border-color:#c49b54;background:#62442e;color:#ffe5aa}
body[data-pixel-page="character-status"] .status-meter{padding:10px;border:1px solid #476166;border-radius:7px;background:#1c353a}
body[data-pixel-page="character-status"] .status-meter>div{display:flex;justify-content:space-between;gap:10px;color:#c7d4ce;font-size:13px}
body[data-pixel-page="character-status"] .status-meter strong{color:#ffe0a1;font-size:15px}
body[data-pixel-page="character-status"] .status-meter i{display:block;height:7px;margin:7px 0;border-radius:5px;background:#101f25;overflow:hidden}
body[data-pixel-page="character-status"] .status-meter i b{display:block;height:100%;max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#77b69e,#e0b65f)}
body[data-pixel-page="character-status"] .status-meter p{margin:0;color:#b9cbc4;font-size:12px;line-height:1.5}
body[data-pixel-page="character-status"] .status-fact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}
body[data-pixel-page="character-status"] .status-fact-grid>div{display:flex;min-height:57px;flex-direction:column;padding:7px 8px;border:1px solid #405b5f;border-radius:6px;background:#1a3338}
body[data-pixel-page="character-status"] .status-fact-grid small{color:#aec0bb;font-size:11px}
body[data-pixel-page="character-status"] .status-fact-grid strong{margin-top:auto;color:#f3dba7;font-size:14px;line-height:1.28;overflow-wrap:anywhere}
body[data-pixel-page="character-status"] .status-fact-grid em{margin-left:3px;color:#9ad29d;font-size:10px;font-style:normal}
body[data-pixel-page="character-status"] .status-bonus-list{display:grid;gap:7px}
body[data-pixel-page="character-status"] .status-bonus-list article{padding:9px 10px;border:1px solid #405b5f;border-radius:7px;background:#1a3338}
body[data-pixel-page="character-status"] .status-bonus-list header{display:flex;justify-content:space-between;gap:10px;color:#f0dba8;font-size:14px}
body[data-pixel-page="character-status"] .status-bonus-list header b{color:#9ed49f;font-size:11px;font-weight:normal}
body[data-pixel-page="character-status"] .status-bonus-list p{margin:4px 0 0;color:#c5d2cb;font-size:12px;line-height:1.55;overflow-wrap:anywhere}
body[data-pixel-page="character-status"] .status-bonus-list ul{display:grid;gap:3px;margin:6px 0 0;padding:0;list-style:none}
body[data-pixel-page="character-status"] .status-bonus-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;padding-top:4px;border-top:1px solid #40575c;color:#aac0ba;font-size:11px}
body[data-pixel-page="character-status"] .status-bonus-list li strong{color:#e9d2a0;font-size:12px}
body[data-pixel-page="character-status"] .status-effects{margin-bottom:7px}
body[data-pixel-page="character-status"] .status-effect-list{display:flex;flex-wrap:wrap;gap:6px;padding:9px;border:1px solid #405b5f;border-radius:7px;background:#1b3338}
body[data-pixel-page="character-status"] .status-effect-list span{padding:3px 7px;border:1px solid #4f756c;border-radius:12px;background:#253f3d;color:#cae7cc;font-size:11px;line-height:1.35}
body[data-pixel-page="character-status"] .status-effect-list p{margin:0;color:#aebfba;font-size:12px}

body[data-pixel-page="marriage"] .marriage-hero,body[data-pixel-page="party"] .party-hero,body[data-pixel-page="party"] .party-empty,body[data-pixel-page="military-ranks"] .rank-hero{display:grid;grid-template-columns:55px minmax(0,1fr) auto;gap:10px;align-items:center;margin:10px 0;padding:11px;border:1px solid #745e58;border-radius:8px;background:radial-gradient(circle at 8% 45%,rgba(174,81,88,.23),transparent 42%),linear-gradient(120deg,#453033,#1b3439 68%)}
body[data-pixel-page="marriage"] .marriage-hero.is-married{border-color:#c28d67;background:radial-gradient(circle at 8% 45%,rgba(204,105,91,.3),transparent 42%),linear-gradient(120deg,#563534,#1b3439 68%)}
body[data-pixel-page="marriage"] .marriage-hero>a,body[data-pixel-page="party"] .party-empty>a{margin:0;padding:5px 8px;border:1px solid #b68662;border-radius:5px;background:#553a36;color:#ffe1bb;font-size:12px;white-space:nowrap;box-shadow:0 2px #17191d}
body[data-pixel-page="marriage"] .marriage-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}
body[data-pixel-page="marriage"] .marriage-fact-grid>div{display:flex;min-height:59px;flex-direction:column;padding:8px 9px;border:1px solid #52605e;border-radius:7px;background:#1b3439}
body[data-pixel-page="marriage"] .marriage-fact-grid small{color:#b6c7c1;font-size:11px}
body[data-pixel-page="marriage"] .marriage-fact-grid strong{margin-top:auto;color:#ffe0a6;font-size:14px;overflow-wrap:anywhere}
body[data-pixel-page="marriage"] .marriage-actions{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0}
body[data-pixel-page="marriage"] .marriage-actions a{margin:0;padding:6px 9px;border:1px solid #927c5c;border-radius:5px;background:#263d40;color:#f0dcb1;font-size:12px}
body[data-pixel-page="marriage"] .marriage-actions a.is-danger{border-color:#a36b63;background:#543839;color:#ffd8cf}
body[data-pixel-page="marriage"] .marriage-guide{margin:10px 0;padding:11px;border:1px solid #52605e;border-left:3px solid #bd8d66;border-radius:7px;background:#1b3439}
body[data-pixel-page="marriage"] .marriage-guide h2{margin:0 0 5px;color:#f1d9ad;font-size:16px}
body[data-pixel-page="marriage"] .marriage-guide ol{margin:0;padding-left:21px;color:#c9d5cd;font-size:13px;line-height:1.75}
body[data-pixel-page="marriage"] .marriage-guide ol b{color:#ffe0a1}
body[data-pixel-page="marriage"] .marriage-guide>div{margin-top:9px;padding:7px 8px;border:1px solid #775f51;border-radius:5px;background:#313a3d}
body[data-pixel-page="marriage"] .marriage-guide span{color:#bfcfc7;font-size:12px}
body[data-pixel-page="marriage"] .marriage-guide strong{display:block;color:#ffdda8;font-size:14px}
body[data-pixel-page="marriage"] .marriage-proposals article{display:grid;grid-template-columns:35px minmax(0,1fr) auto;gap:8px;align-items:center;margin:6px 0;padding:8px 9px;border:1px solid #755b58;border-radius:7px;background:#26373c}
body[data-pixel-page="marriage"] .marriage-proposal-seal{display:grid;place-items:center;width:34px;height:34px;border:1px solid #bd8c65;border-radius:50%;color:#ffe0ab;font-size:15px}
body[data-pixel-page="marriage"] .marriage-proposals strong{color:#ffe0a6;font-size:14px}
body[data-pixel-page="marriage"] .marriage-proposals p{margin:0;color:#bfcdc6;font-size:11px;overflow-wrap:anywhere}
body[data-pixel-page="marriage"] .marriage-proposals nav{display:flex;gap:5px}
body[data-pixel-page="marriage"] .marriage-proposals nav a{margin:0;padding:4px 6px;border:1px solid #a68160;border-radius:4px;background:#503a38;color:#ffdfbb;font-size:11px}

body[data-pixel-page="military-ranks"] .rank-hero{border-color:#9a7a45;background:radial-gradient(circle at 8% 45%,rgba(181,129,39,.28),transparent 42%),linear-gradient(120deg,#49392b,#1b3439 68%)}
body[data-pixel-page="military-ranks"] .rank-guide{display:flex;gap:9px;margin:10px 0;padding:8px 10px;border:1px solid #496063;border-radius:7px;background:#1b3439}
body[data-pixel-page="military-ranks"] .rank-guide span{flex:none;color:#f2dbaa;font-size:13px}
body[data-pixel-page="military-ranks"] .rank-guide p{margin:0;color:#b9c9c3;font-size:12px}
body[data-pixel-page="military-ranks"] .rank-list{display:grid;gap:5px;margin:10px 0}
body[data-pixel-page="military-ranks"] .rank-list article{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:58px;padding:7px 9px;border:1px solid #3e565a;border-radius:7px;background:#1a3238}
body[data-pixel-page="military-ranks"] .rank-list article>div{display:flex;min-width:0;flex-direction:column}
body[data-pixel-page="military-ranks"] .rank-list strong{color:#e2e7dc;font-size:15px}
body[data-pixel-page="military-ranks"] .rank-list small{color:#9eb3ad;font-size:11px}
body[data-pixel-page="military-ranks"] .rank-list b{color:#d2e4b1;font-size:12px;white-space:nowrap}
body[data-pixel-page="military-ranks"] .rank-list em{position:absolute;right:7px;top:-6px;padding:1px 6px;border:1px solid #63766c;border-radius:9px;background:#29403f;color:#bdcbc3;font-size:10px;font-style:normal}
body[data-pixel-page="military-ranks"] .rank-list article.is-current{border-color:#c69c53;background:linear-gradient(100deg,#503b2b,#233b3e)}
body[data-pixel-page="military-ranks"] .rank-list article.is-current strong{color:#ffe3a5}
body[data-pixel-page="military-ranks"] .rank-list article.is-current em{border-color:#e0b762;background:#6b482f;color:#ffe8af}
body[data-pixel-page="military-ranks"] .rank-list article.is-ready{border-color:#6f936b}
body[data-pixel-page="military-ranks"] .rank-list article.is-ready strong,body[data-pixel-page="military-ranks"] .rank-list article.is-ready em{color:#aee2a6}
body[data-pixel-page="military-ranks"] .rank-list article.is-locked{opacity:.68}

body[data-pixel-page="party"] .party-hero{border-color:#5c826e;background:radial-gradient(circle at 8% 45%,rgba(84,150,105,.23),transparent 42%),linear-gradient(120deg,#293e35,#1b3439 68%)}
body[data-pixel-page="party"] .party-leader-mark{padding:3px 7px;border:1px solid #c69c54;border-radius:10px;background:#60432e;color:#ffe5ad;font-size:11px}
body[data-pixel-page="party"] .party-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0}
body[data-pixel-page="party"] .party-stat-grid>div{display:flex;min-height:57px;flex-direction:column;padding:8px 9px;border:1px solid #46625f;border-radius:7px;background:#1b3439}
body[data-pixel-page="party"] .party-stat-grid small{color:#aec0ba;font-size:11px}
body[data-pixel-page="party"] .party-stat-grid strong{margin-top:auto;color:#d7edc3;font-size:14px;overflow-wrap:anywhere}
body[data-pixel-page="party"] .party-rename{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:6px;align-items:center;margin:10px 0;padding:8px 9px;border:1px solid #4c6864;border-radius:7px;background:#1b3439}
body[data-pixel-page="party"] .party-rename label{color:#c9d7d0;font-size:12px}
body[data-pixel-page="party"] .party-rename input[type="text"],body[data-pixel-page="edit-signature"] .signature-form input[type="text"]{min-width:0;box-sizing:border-box;border:1px solid #5b7370;border-radius:5px;background:#10272d;color:#f1e5c5;font-size:14px;line-height:1.35}
body[data-pixel-page="party"] .party-rename input[type="text"]{width:100%;padding:5px 7px}
body[data-pixel-page="party"] .party-rename input[type="submit"],body[data-pixel-page="edit-signature"] .signature-form input[type="submit"]{margin:0;padding:5px 9px;border:1px solid #967d4f;border-radius:5px;background:#2a4244;color:#f5dfae;font-size:12px;box-shadow:0 2px #0d1a1f;cursor:pointer}
body[data-pixel-page="party"] .party-members article,body[data-pixel-page="party"] .party-applications article,body[data-pixel-page="party"] .party-invites article{display:grid;grid-template-columns:43px minmax(0,1fr) auto;gap:8px;align-items:center;margin:5px 0;padding:8px;border:1px solid #405b5f;border-radius:7px;background:#1a3338}
body[data-pixel-page="party"] .party-members article.is-leader{border-color:#bd9952;background:linear-gradient(100deg,#49392d,#1c3539)}
body[data-pixel-page="party"] .party-member-level{display:grid;place-items:center;width:41px;height:33px;border:1px solid #58716a;border-radius:5px;color:#d5e4d3;font-size:11px}
body[data-pixel-page="party"] .party-members article>div,body[data-pixel-page="party"] .party-applications article>div,body[data-pixel-page="party"] .party-invites article>div{display:flex;min-width:0;flex-direction:column}
body[data-pixel-page="party"] .party-members article>div>a,body[data-pixel-page="party"] .party-applications strong,body[data-pixel-page="party"] .party-invites strong{margin:0;padding:0;border:0;background:transparent;box-shadow:none;color:#f4dba6;font-size:14px;overflow-wrap:anywhere}
body[data-pixel-page="party"] .party-members small,body[data-pixel-page="party"] .party-applications small,body[data-pixel-page="party"] .party-invites small{color:#aebfba;font-size:11px}
body[data-pixel-page="party"] .party-kick,body[data-pixel-page="party"] .party-applications nav a,body[data-pixel-page="party"] .party-invites article>a,body[data-pixel-page="party"] .party-footer-actions a{margin:0;padding:4px 7px;border:1px solid #806a4a;border-radius:4px;background:#263f41;color:#e8d7aa;font-size:11px;white-space:nowrap}
body[data-pixel-page="party"] .party-applications nav{display:flex;gap:5px}
body[data-pixel-page="party"] .party-footer-actions{margin:11px 0}body[data-pixel-page="party"] .party-footer-actions a{border-color:#925f59!important;background:#52393a!important;color:#ffd9cb!important}
body[data-pixel-page="party"] .party-empty{border-color:#5d826f;background:radial-gradient(circle at 8% 45%,rgba(81,146,105,.2),transparent 42%),linear-gradient(120deg,#293d35,#1b3439 68%)}
body[data-pixel-page="party"] .party-invites{margin-top:13px}

body[data-pixel-page="edit-signature"] .signature-editor{display:grid;grid-template-columns:51px minmax(0,1fr);gap:10px;align-items:center;margin:10px 0;padding:11px;border:1px solid #967b47;border-radius:8px;background:radial-gradient(circle at 8% 45%,rgba(174,122,41,.25),transparent 42%),linear-gradient(120deg,#45352c,#1b3439 68%)}
body[data-pixel-page="edit-signature"] .signature-editor>span{display:grid;place-items:center;width:49px;height:49px;border:1px solid #c49b54;border-radius:50%;color:#ffe1a6;font-size:20px;font-weight:bold}
body[data-pixel-page="edit-signature"] .signature-editor small{color:#bfcec7;font-size:11px}
body[data-pixel-page="edit-signature"] .signature-editor h1{margin:0;color:#ffe1a2;font-size:20px}
body[data-pixel-page="edit-signature"] .signature-editor p{margin:1px 0 0;color:#b4c6c0;font-size:12px}
body[data-pixel-page="edit-signature"] .signature-form{display:grid;gap:6px;margin:10px 0;padding:11px;border:1px solid #456166;border-radius:8px;background:#1b3439}
body[data-pixel-page="edit-signature"] .signature-form label{color:#e5d2a5;font-size:14px}
body[data-pixel-page="edit-signature"] .signature-form input[type="text"]{width:100%;padding:9px 10px}
body[data-pixel-page="edit-signature"] .signature-form>div{display:flex;align-items:center;justify-content:space-between;gap:8px}
body[data-pixel-page="edit-signature"] .signature-form small{color:#9eb3ae;font-size:11px}

body[data-pixel-page^="legion-"] .legion-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0}
body[data-pixel-page^="legion-"] .legion-actions a,body[data-pixel-page^="legion-"] .legion-actions span{display:flex;min-height:37px;align-items:center;justify-content:center;margin:0;padding:4px;border:1px solid #4e6768;border-radius:6px;background:#213a3e;color:#e2ddc5;font-size:11px;text-align:center}
body[data-pixel-page^="legion-"] .legion-hero{border-color:#557b6a;background:radial-gradient(circle at 10% 35%,rgba(70,139,98,.22),transparent 42%),linear-gradient(120deg,#273d35,#1b3439 68%)}
body[data-pixel-page="legion-list"] .generic-actions{display:flex;justify-content:flex-end;margin:12px 0}.px-polished body[data-pixel-page="legion-list"] .generic-actions a{margin:0}
@media(max-width:390px){body[data-pixel-page="character-status"] .status-fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-pixel-page="character-status"] .status-fact-grid>div:last-child{grid-column:1/-1;min-height:0}body[data-pixel-page="military-ranks"] .rank-list article{grid-template-columns:25px minmax(0,1fr)}body[data-pixel-page="military-ranks"] .rank-list b{grid-column:2;font-size:11px}body[data-pixel-page="party"] .party-members article,body[data-pixel-page="party"] .party-applications article,body[data-pixel-page="party"] .party-invites article{grid-template-columns:38px minmax(0,1fr)}body[data-pixel-page="party"] .party-member-level{width:36px}body[data-pixel-page="party"] .party-kick,body[data-pixel-page="party"] .party-applications nav,body[data-pixel-page="party"] .party-invites article>a{grid-column:2;justify-self:start}body[data-pixel-page^="legion-"] .legion-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Public profile: a focused player dossier instead of a dense lined spreadsheet. */
body[data-pixel-page="view-player"] .vp-page{padding-top:10px}
body[data-pixel-page="view-player"] .vp-hero{grid-template-columns:80px minmax(0,1fr);gap:12px;margin:4px 0 10px;padding:11px;border-color:#967b47;background:radial-gradient(circle at 10% 25%,rgba(180,121,41,.24),transparent 42%),linear-gradient(125deg,#273d3e,#173039 70%);box-shadow:inset 0 0 0 1px rgba(252,220,145,.07),0 5px 14px rgba(0,0,0,.2)}
body[data-pixel-page="view-player"] .vp-avatar-frame{display:grid;width:80px;height:91px;place-items:center;overflow:hidden;border:1px solid #c39c56;border-radius:9px;background:#101f26;box-shadow:0 0 0 3px rgba(164,120,49,.2),0 3px 7px rgba(0,0,0,.5)}
body[data-pixel-page="view-player"] .vp-avatar{width:76px;height:87px;max-width:none;object-fit:cover;object-position:center top;border:0;border-radius:6px;background:#0e2027;image-rendering:pixelated}
body[data-pixel-page="view-player"] .vp-name-row{gap:7px}
body[data-pixel-page="view-player"] .vp-name-row h1{color:#ffe2a5;font-size:24px;text-shadow:0 0 9px rgba(235,176,56,.28)}
body[data-pixel-page="view-player"] .vp-name-row span{padding:1px 5px;border:1px solid #9b7b48;border-radius:8px;color:#f2daa1;font-size:11px}
body[data-pixel-page="view-player"] .vp-hero-copy p{margin-top:4px;font-size:14px}
body[data-pixel-page="view-player"] .vp-hero-copy small{font-size:12px}
body[data-pixel-page="view-player"] .vp-badges{gap:7px;margin-top:7px}
body[data-pixel-page="view-player"] .vp-badges img{max-height:22px;max-width:88px;object-fit:contain;image-rendering:auto}
body[data-pixel-page="view-player"] .vp-health-status{display:flex;gap:7px;align-items:center;margin-top:10px;padding:6px 8px;border:1px solid rgba(104,142,127,.5);border-radius:5px;background:rgba(13,32,38,.48);color:#d9e5da}
body[data-pixel-page="view-player"] .vp-health-status small{padding-right:7px;border-right:1px solid #5f786e;color:#a9c3ba;font-size:11px;white-space:nowrap}
body[data-pixel-page="view-player"] .vp-health-status strong{color:#f0deb1;font-size:13px;font-weight:normal}
body[data-pixel-page="view-player"] .vp-feature-nav{gap:6px;margin:10px 0}
body[data-pixel-page="view-player"] .vp-feature-nav a{min-height:69px;padding:6px 2px;border-color:#506a6b;background:linear-gradient(145deg,#274146,#1c343b);font-size:12px;box-shadow:0 2px #0b1a20}
body[data-pixel-page="view-player"] .vp-feature-nav a.is-current{border-color:#d0a759;background:linear-gradient(145deg,#724633,#4d3530);box-shadow:inset 0 0 0 1px rgba(255,225,152,.13),0 2px #170f12}
body[data-pixel-page="view-player"] .vp-feature-nav .px-icon{width:28px;height:28px;background-size:400% 400%;border-radius:5px}
body[data-pixel-page="view-player"] .vp-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0}
body[data-pixel-page="view-player"] .vp-action{display:flex;min-width:0;min-height:35px;align-items:center;justify-content:center;margin:0;padding:4px 3px;border-color:#86724c;background:#293f42;font-size:12px;text-align:center;white-space:nowrap}
body[data-pixel-page="view-player"] .vp-action.vp-danger{border-color:#aa6855;background:#653b35}
body[data-pixel-page="view-player"] .vp-panel{margin:9px 0;padding:10px;border-color:#486367;border-radius:8px;background:linear-gradient(135deg,rgba(30,56,60,.98),rgba(22,44,51,.98))}
body[data-pixel-page="view-player"] .vp-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:9px;margin:0 0 8px;padding-bottom:5px;border-bottom:1px solid #61716a}
body[data-pixel-page="view-player"] .vp-section-heading h2{margin:0;color:#f2dca9;font-size:17px}
body[data-pixel-page="view-player"] .vp-section-heading small{color:#9eb4ae;font-size:11px}
body[data-pixel-page="view-player"] .vp-social-panel{border-left:3px solid #9b7950}
body[data-pixel-page="view-player"] .vp-private-row{gap:7px}
body[data-pixel-page="view-player"] .vp-private-row>span{color:#f0dcb0;font-size:14px}
body[data-pixel-page="view-player"] .vp-private-row input[type=text]{height:36px;border-color:#6e815f;border-radius:6px;background:#102830;font-size:14px}
body[data-pixel-page="view-player"] .vp-private-row input[type=submit],body[data-pixel-page="view-player"] .vp-flower-form input[type=submit]{height:36px;border-color:#c28f5e;background:#733f39;color:#ffe4bd;font-size:13px}
body[data-pixel-page="view-player"] .vp-social-actions{align-items:center;gap:6px;margin:9px 0 0;padding-top:8px;border-top:1px solid #4b6261}
body[data-pixel-page="view-player"] .vp-social-actions>a{padding:5px 8px;border-color:#5c786f;background:#284043;color:#d9ead9}
body[data-pixel-page="view-player"] .vp-flower-form{padding:4px 6px;border:1px solid #5d786f;border-radius:5px;background:#203b3e}
body[data-pixel-page="view-player"] .vp-muted{padding:4px 0;color:#aebfba}
body[data-pixel-page="view-player"] .vp-title-showcase{display:grid;grid-template-columns:59px minmax(0,1fr) auto;gap:10px;align-items:center;margin:10px 0;padding:9px 10px;border:1px solid #a78449;border-radius:8px;background:radial-gradient(circle at 8% 40%,rgba(176,119,41,.3),transparent 42%),linear-gradient(115deg,#49372d,#1c363a 70%);box-shadow:inset 0 0 0 1px rgba(255,225,151,.08)}
body[data-pixel-page="view-player"] .vp-title-art{display:grid;width:57px;height:57px;place-items:center;border:1px solid #bb914d;border-radius:50%;background:#203438;box-shadow:0 0 11px rgba(232,174,59,.25)}
body[data-pixel-page="view-player"] .vp-title-art img{width:64px;height:64px;max-width:none;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.72))}
body[data-pixel-page="view-player"] .vp-title-copy{display:flex;min-width:0;flex-direction:column;line-height:1.27}
body[data-pixel-page="view-player"] .vp-title-copy small{color:#c4d2ca;font-size:11px}
body[data-pixel-page="view-player"] .vp-title-copy strong{overflow-wrap:anywhere;color:#ffe2a4;font-size:18px;text-shadow:0 0 8px rgba(238,178,55,.3)}
body[data-pixel-page="view-player"] .vp-title-copy em{overflow:hidden;color:#adc2bc;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="view-player"] .vp-title-tag{padding:4px 6px;border-left:1px solid #8a7047;color:#f2dba5;font-size:11px;white-space:nowrap}
body[data-pixel-page="view-player"] .vp-identity-panel{padding:10px}
body[data-pixel-page="view-player"] .vp-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;border:0}
body[data-pixel-page="view-player"] .vp-identity-grid>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;min-height:45px;padding:7px 8px;border:1px solid #456166!important;border-radius:6px;background:#1c363b}
body[data-pixel-page="view-player"] .vp-identity-grid>div:nth-child(odd){border-right:1px solid #456166!important}
body[data-pixel-page="view-player"] .vp-identity-grid dt{color:#b7c9c3;font-size:12px}
body[data-pixel-page="view-player"] .vp-identity-grid dd{color:#f2dfad;font-size:13px;text-align:right}
body[data-pixel-page="view-player"] .vp-identity-grid dd a{margin:0;padding:0;border:0;background:none;box-shadow:none;color:#f4dfaf;font-size:13px}
body[data-pixel-page="view-player"] .vp-signature{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;margin:9px 0;padding:9px 10px;border:1px solid #4b6365;border-left:3px solid #c89c52;border-radius:7px;background:#1b3439}
body[data-pixel-page="view-player"] .vp-signature>span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #b78d4d;border-radius:50%;color:#ffe1a4;font-size:13px}
body[data-pixel-page="view-player"] .vp-signature small{display:block;color:#d5bd83;font-size:11px}
body[data-pixel-page="view-player"] .vp-signature p{margin:1px 0 0;color:#d7e0d6;font-size:14px;line-height:1.45}
body[data-pixel-page="view-player"] .vp-title-block{margin:7px 0 9px;padding:1px 1px 8px;border-bottom-color:#756344}
body[data-pixel-page="view-player"] .vp-subnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
body[data-pixel-page="view-player"] .vp-subnav a{text-align:center;margin:0;padding:6px 4px}
body[data-pixel-page="view-player"] .vp-equip-grid{gap:7px}
body[data-pixel-page="view-player"] .vp-equip-slot{min-height:67px;border-color:#496366;background:#1b3439}
@media(max-width:390px){body[data-pixel-page="view-player"] .vp-feature-nav{gap:4px}body[data-pixel-page="view-player"] .vp-feature-nav a{min-height:63px;font-size:11px}body[data-pixel-page="view-player"] .vp-feature-nav .px-icon{width:25px;height:25px}body[data-pixel-page="view-player"] .vp-actions{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-pixel-page="view-player"] .vp-identity-grid{grid-template-columns:1fr}body[data-pixel-page="view-player"] .vp-title-tag{display:none}}

/* Military ranks: one lightweight sprite sheet, with a distinct insignia per rank. */
.rank-insignia{display:block;flex:none;width:42px;height:42px;background-image:url("visual/rank-insignia-sheet-v1.png");background-repeat:no-repeat;background-size:400% 300%;background-position:0 0;image-rendering:pixelated;filter:drop-shadow(0 2px 2px rgba(0,0,0,.55))}
.rank-insignia-1{background-position:0 0}.rank-insignia-2{background-position:33.3333% 0}.rank-insignia-3{background-position:66.6667% 0}.rank-insignia-4{background-position:100% 0}
.rank-insignia-5{background-position:0 50%}.rank-insignia-6{background-position:33.3333% 50%}.rank-insignia-7{background-position:66.6667% 50%}.rank-insignia-8{background-position:100% 50%}
.rank-insignia-9{background-position:0 100%}.rank-insignia-10{background-position:33.3333% 100%}.rank-insignia-11{background-position:66.6667% 100%}.rank-insignia-12{background-position:100% 100%}

body[data-pixel-page="character"] .character-rank-showcase{display:grid;grid-template-columns:54px minmax(0,1fr) auto;gap:9px;align-items:center;margin:0 0 7px;padding:8px 9px;border:1px solid #748c65;border-radius:8px;background:radial-gradient(circle at 8% 43%,rgba(102,148,89,.23),transparent 43%),linear-gradient(112deg,#263c35,#193438 69%);color:#f0e0ad;box-shadow:inset 0 0 0 1px rgba(199,231,168,.06)}
body[data-pixel-page="character"] .character-rank-art{display:grid;width:52px;height:52px;place-items:center;border:1px solid #859a69;border-radius:50%;background:rgba(15,35,38,.7);box-shadow:0 0 10px rgba(115,174,96,.2)}
body[data-pixel-page="character"] .character-rank-art .rank-insignia{width:50px;height:50px}
body[data-pixel-page="character"] .character-rank-copy{display:flex;min-width:0;flex-direction:column;line-height:1.27}
body[data-pixel-page="character"] .character-rank-copy small{color:#c3d2c0;font-size:11px;letter-spacing:.04em}
body[data-pixel-page="character"] .character-rank-copy strong{overflow-wrap:anywhere;color:#d9efc3;font-size:18px;text-shadow:0 0 8px rgba(143,205,108,.25)}
body[data-pixel-page="character"] .character-rank-copy em{overflow:hidden;color:#aec5b5;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="character"] .character-rank-go{padding:4px 6px;border-left:1px solid #617d6b;color:#d2e5bc;font-size:11px;white-space:nowrap}

body[data-pixel-page="military-ranks"] .rank-hero .rank-medal{width:59px;height:59px;border:0;border-radius:0;background-color:transparent;box-shadow:none}
body[data-pixel-page="military-ranks"] .rank-list article{grid-template-columns:42px minmax(0,1fr) auto}
body[data-pixel-page="military-ranks"] .rank-list article .rank-insignia{width:42px;height:42px}
body[data-pixel-page="military-ranks"] .rank-list article.is-current .rank-insignia{filter:drop-shadow(0 0 5px rgba(247,192,84,.5))}
body[data-pixel-page="military-ranks"] .rank-list article.is-ready .rank-insignia{filter:drop-shadow(0 0 4px rgba(122,201,112,.4))}
@media(max-width:390px){body[data-pixel-page="character"] .character-rank-go{display:none}body[data-pixel-page="military-ranks"] .rank-list article{grid-template-columns:40px minmax(0,1fr)}body[data-pixel-page="military-ranks"] .rank-list b{grid-column:2}}

/* Battle status: make temporary boosts scannable before opening the detail page. */
body[data-pixel-page="character"] .character-status-card{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:7px 9px;border-color:#728b66;background:linear-gradient(105deg,#243d35,#1b3639)}
body[data-pixel-page="character"] .character-status-summary{display:grid;grid-template-columns:39px minmax(0,1fr);gap:8px;align-items:center;min-width:0}
body[data-pixel-page="character"] .character-status-summary>img{width:39px;height:39px;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}
body[data-pixel-page="character"] .character-status-copy{display:flex;min-width:0;flex-direction:column;line-height:1.2}
body[data-pixel-page="character"] .character-status-copy small{color:#bdd1bf;font-size:11px}
body[data-pixel-page="character"] .character-status-copy>strong{color:#e4e6c0;font-size:14px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="character"] .status-attribute-pills{display:flex;gap:4px;flex-wrap:wrap;margin-top:2px}
body[data-pixel-page="character"] .status-attribute-pills b{padding:2px 5px;border:1px solid #75976e;border-radius:9px;background:#23413b;color:#d6f0c7;font-size:11px;font-weight:normal}

body[data-pixel-page="character-status"] .status-hero{grid-template-columns:62px minmax(0,1fr);gap:9px;padding:9px 10px;border-color:#7d986d;background:radial-gradient(circle at 8% 45%,rgba(103,154,91,.27),transparent 43%),linear-gradient(120deg,#293f35,#1b353a 68%)}
body[data-pixel-page="character-status"] .status-hero-seal{width:60px;height:60px;border:0;border-radius:0;background:none;box-shadow:none}
body[data-pixel-page="character-status"] .status-hero-seal img{display:block;width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.65))}
body[data-pixel-page="character-status"] .status-hero h1{font-size:20px}
body[data-pixel-page="character-status"] .status-hero p{font-size:11px}
body[data-pixel-page="character-status"] .status-reserve-grid article{min-height:48px;padding:8px 9px}
body[data-pixel-page="character-status"] .status-reserve-grid strong{font-size:18px}
body[data-pixel-page="character-status"] .status-reserve-grid a{grid-row:1/3;padding:4px 8px}
body[data-pixel-page="character-status"] .status-meter{padding:8px 9px}
body[data-pixel-page="character-status"] .status-meter p{font-size:11px}
body[data-pixel-page="character-status"] .status-fact-grid>div{min-height:48px;padding:6px 7px}
body[data-pixel-page="character-status"] .status-fact-grid strong{font-size:13px}
body[data-pixel-page="character-status"] .status-bonus-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
body[data-pixel-page="character-status"] .status-bonus-list article{min-width:0;padding:8px}

/* Character relationships: use compact relationship tiles rather than raw label/value rows. */
body[data-pixel-page="character"] .character-relation-grid{gap:6px;margin-top:7px}
body[data-pixel-page="character"] .character-relation-grid .character-relation-card{grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:52px;padding:7px 8px;border-color:#496467;background:linear-gradient(112deg,#203c40,#183137)}
body[data-pixel-page="character"] .character-relation-grid .character-relation-card>span{display:flex;align-items:center;gap:6px;color:#c2d2ca;font-size:12px;font-weight:bold}
body[data-pixel-page="character"] .character-relation-grid .character-relation-card>span .px-icon{width:22px;height:22px;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,.45)}
body[data-pixel-page="character"] .character-relation-grid .character-relation-card strong{overflow:hidden;color:#ffe2a2;font-size:15px;text-align:right;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="character"] .character-relation-grid .character-relation-card strong.relation-empty{color:#94aeb0;font-size:12px;font-weight:normal}
body[data-pixel-page="character"] .character-relation-grid .character-relation-card strong a{color:#ffe2a2;font-size:14px}
body[data-pixel-page="character"] .character-relation-grid .relation-spouse{border-left:3px solid #b77975;background:linear-gradient(112deg,#3c2f35,#1c3439)}
body[data-pixel-page="character"] .character-relation-grid .relation-party{border-left:3px solid #698bb0}
body[data-pixel-page="character"] .character-relation-grid .relation-legion{border-left:3px solid #b69358}
body[data-pixel-page="character"] .character-relation-grid .relation-companions{border-left:3px solid #79a986}
body[data-pixel-page="character"] .character-relation-grid .relation-fate{border-left:3px solid #a985bc}
@media(max-width:360px){body[data-pixel-page="character"] .character-meta-row{gap:3px}body[data-pixel-page="character"] .character-inline-experience{order:4;width:100%;justify-content:flex-start}body[data-pixel-page="character"] .character-relation-grid{grid-template-columns:1fr}}

/* 关系入口用专属纹章；长名称使用整行，不再和其他身份信息争抢宽度。 */
body[data-pixel-page="character"] .character-relation-grid .relation-icon{display:block;flex:0 0 27px;width:27px;height:27px;background-image:url('/static/pixel/relationship-icons-v1.png');background-repeat:no-repeat;background-size:500% auto;background-position:0 center;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}
body[data-pixel-page="character"] .character-relation-grid .relation-icon-spouse{background-position:0 center}
body[data-pixel-page="character"] .character-relation-grid .relation-icon-party{background-position:25% center}
body[data-pixel-page="character"] .character-relation-grid .relation-icon-legion{background-position:50% center}
body[data-pixel-page="character"] .character-relation-grid .relation-icon-companions{background-position:75% center}
body[data-pixel-page="character"] .character-relation-grid .relation-icon-fate{background-position:100% center}
body[data-pixel-page="character"] .character-relation-grid .relation-wide{grid-column:1/-1;grid-template-columns:108px minmax(0,1fr) auto;min-height:54px}
body[data-pixel-page="character"] .character-relation-grid .relation-wide strong{min-width:0;text-align:left}
body[data-pixel-page="character"] .character-relation-grid .relation-wide strong a{display:block;overflow:hidden;color:#ffe2a2;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="character"] .character-relation-grid .relation-wide>strong+.relation-action{grid-column:auto;justify-self:auto;margin:0;padding:3px 7px;border:1px solid #a58353;border-radius:4px;background:#3b332c;color:#ffe0a2;font-size:11px;line-height:1.4}
body[data-pixel-page="character"] .character-relation-grid .relation-wide>span{font-size:13px}
@media(max-width:360px){body[data-pixel-page="character"] .character-relation-grid .relation-wide{grid-template-columns:96px minmax(0,1fr) auto}body[data-pixel-page="character"] .character-relation-grid .relation-icon{flex-basis:24px;width:24px;height:24px}}
body[data-pixel-page="character-status"] .status-bonus-list header{font-size:13px}
body[data-pixel-page="character-status"] .status-bonus-list header b{font-size:10px}
body[data-pixel-page="character-status"] .status-stat-chips,body[data-pixel-page="character-status"] .status-passive-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}
body[data-pixel-page="character-status"] .status-stat-chips span{padding:2px 5px;border:1px solid #57766e;border-radius:9px;background:#213d3d;color:#d5e7cb;font-size:10px;line-height:1.35;white-space:nowrap}
body[data-pixel-page="character-status"] .status-passive-chips span{padding:2px 5px;border:1px solid #8b714b;border-radius:9px;background:#3b3930;color:#efd9a7;font-size:10px;line-height:1.35}
body[data-pixel-page="character-status"] .status-bonus-list .status-empty{margin:5px 0 0;color:#9eb7ae;font-size:11px;line-height:1.3}
body[data-pixel-page="character-status"] .status-effect-list{padding:8px}
body[data-pixel-page="character-status"] .status-effect-list span{font-size:10px}

/* 特权一级页：只保留身份状态与两个清晰入口，不将说明拆成旧式文本行。 */
body[data-pixel-page="vip"] .vip-entry-hero{display:flex;align-items:center;gap:10px;margin:9px 0 8px;padding:10px;border:1px solid #a58a4e;border-radius:8px;background:linear-gradient(110deg,#293f3c,#193037);box-shadow:0 3px 10px #0004}
body[data-pixel-page="vip"] .vip-entry-hero-art{display:block;flex:0 0 58px;width:58px;height:58px;background:url('/static/pixel/privilege-emblems-v1.png') 0 center/200% auto no-repeat;filter:drop-shadow(0 2px 3px #0009)}
body[data-pixel-page="vip"] .vip-entry-hero>span:last-child{display:grid;min-width:0;line-height:1.2}
body[data-pixel-page="vip"] .vip-entry-hero small{color:#c8d6cf;font-size:10px;letter-spacing:.14em}
body[data-pixel-page="vip"] .vip-entry-hero h1{margin:2px 0;color:#ffe3a4;font-size:23px;line-height:1.15}
body[data-pixel-page="vip"] .vip-entry-hero em{overflow:hidden;color:#a8c0bd;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="vip"] .vip-entry-options{display:grid;gap:8px}
body[data-pixel-page="vip"] .vip-entry-card{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:84px;margin:0;padding:9px;border:1px solid #4d6968;border-radius:8px;background:linear-gradient(105deg,#203b3d,#172e35);box-shadow:0 3px 8px #0004;color:#e8e1cb}
body[data-pixel-page="vip"] .vip-entry-card-vip{border-left:3px solid #d1ac5e;background:linear-gradient(105deg,#3b382d,#1b3337)}
body[data-pixel-page="vip"] .vip-entry-card-guest{border-left:3px solid #a983d0;background:linear-gradient(105deg,#332b45,#1b3039)}
body[data-pixel-page="vip"] .vip-entry-art{display:block;width:58px;height:58px;background-image:url('/static/pixel/privilege-emblems-v1.png');background-repeat:no-repeat;background-size:200% auto;filter:drop-shadow(0 2px 3px #0009)}
body[data-pixel-page="vip"] .vip-entry-art-vip{background-position:0 center}
body[data-pixel-page="vip"] .vip-entry-art-guest{background-position:100% center}
body[data-pixel-page="vip"] .vip-entry-copy{display:grid;min-width:0;line-height:1.2}
body[data-pixel-page="vip"] .vip-entry-copy small{color:#d3bd82;font-size:11px;letter-spacing:.1em}
body[data-pixel-page="vip"] .vip-entry-card-guest .vip-entry-copy small{color:#d3b9e7}
body[data-pixel-page="vip"] .vip-entry-copy strong{overflow:hidden;margin:3px 0;color:#ffe5ad;font-size:17px;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="vip"] .vip-entry-copy em{overflow:hidden;color:#aac0bd;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="vip"] .vip-entry-go{color:#e2c480;font-size:11px;white-space:nowrap}
body[data-pixel-page="vip"] .vip-entry-card-guest .vip-entry-go{color:#d5b9ed}
body[data-pixel-page="vip"] .vip-entry-card:active{transform:translateY(1px);filter:brightness(1.1)}
body[data-pixel-page="vip"] .vip-entry-note{margin:10px 2px;color:#8fa6a6;font-size:11px;text-align:center}
@media(max-width:350px){body[data-pixel-page="vip"] .vip-entry-hero{padding:8px;gap:8px}body[data-pixel-page="vip"] .vip-entry-hero-art{flex-basis:50px;width:50px;height:50px}body[data-pixel-page="vip"] .vip-entry-card{grid-template-columns:52px minmax(0,1fr);gap:7px;min-height:76px;padding:8px}body[data-pixel-page="vip"] .vip-entry-art{width:50px;height:50px}body[data-pixel-page="vip"] .vip-entry-go{display:none}body[data-pixel-page="vip"] .vip-entry-copy strong{font-size:15px}}

/* VIP 与贵宾详情：重点展示状态、权益和可执行操作，说明留在必要处。 */
body[data-pixel-page="vip-detail"] .privilege-detail-hero,body[data-pixel-page="mozuan"] .privilege-detail-hero{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:9px;align-items:center;margin:9px 0 8px;padding:10px;border:1px solid #a58a4e;border-radius:8px;background:linear-gradient(110deg,#2e4039,#193038);box-shadow:0 3px 10px #0004}
body[data-pixel-page="mozuan"] .privilege-detail-hero{border-color:#a17ec4;background:linear-gradient(110deg,#372b47,#1b3039)}
body[data-pixel-page="vip-detail"] .privilege-detail-art,body[data-pixel-page="mozuan"] .privilege-detail-art{display:block;flex:0 0 58px;width:58px;height:58px;background-image:url('/static/pixel/privilege-emblems-v1.png');background-repeat:no-repeat;background-size:200% auto;filter:drop-shadow(0 2px 3px #0009)}
body[data-pixel-page="vip-detail"] .privilege-detail-art-vip{background-position:0 center}
body[data-pixel-page="mozuan"] .privilege-detail-art-guest{background-position:100% center}
body[data-pixel-page="vip-detail"] .privilege-detail-copy,body[data-pixel-page="mozuan"] .privilege-detail-copy{display:grid;min-width:0;line-height:1.2}
body[data-pixel-page="vip-detail"] .privilege-detail-copy small,body[data-pixel-page="mozuan"] .privilege-detail-copy small{color:#d5bd7d;font-size:10px;letter-spacing:.13em}
body[data-pixel-page="mozuan"] .privilege-detail-copy small{color:#d7bee9}
body[data-pixel-page="vip-detail"] .privilege-detail-copy h1,body[data-pixel-page="mozuan"] .privilege-detail-copy h1{overflow:hidden;margin:3px 0;color:#ffe5ab;font-size:20px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="mozuan"] .privilege-detail-copy h1{color:#ead6ff}
body[data-pixel-page="vip-detail"] .privilege-detail-copy em,body[data-pixel-page="mozuan"] .privilege-detail-copy em{overflow:hidden;color:#aec4c0;font-size:11px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="vip-detail"] .privilege-detail-guide{padding:3px 5px;border-left:1px solid #a48b59;color:#e8cb8e;font-size:10px;white-space:nowrap}
body[data-pixel-page="vip-detail"] .privilege-fact-grid,body[data-pixel-page="mozuan"] .privilege-fact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:7px 0}
body[data-pixel-page="vip-detail"] .privilege-fact-grid article,body[data-pixel-page="mozuan"] .privilege-fact-grid article{display:grid;min-height:53px;padding:7px 8px;border:1px solid #4b6665;border-radius:6px;background:#1b3539}
body[data-pixel-page="mozuan"] .privilege-fact-grid article{border-color:#68577d;background:#292f41}
body[data-pixel-page="vip-detail"] .privilege-fact-grid small,body[data-pixel-page="mozuan"] .privilege-fact-grid small{color:#a9c2bd;font-size:11px}
body[data-pixel-page="vip-detail"] .privilege-fact-grid strong,body[data-pixel-page="mozuan"] .privilege-fact-grid strong{align-self:end;overflow:hidden;color:#ffe2a2;font-size:16px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="mozuan"] .privilege-fact-grid strong{color:#ead2ff}
body[data-pixel-page="vip-detail"] .privilege-benefits,body[data-pixel-page="mozuan"] .privilege-benefits{margin:8px 0;border:1px solid #496462;border-radius:7px;background:#193238;overflow:hidden}
body[data-pixel-page="mozuan"] .privilege-benefits{border-color:#67587b;background:#282f3e}
body[data-pixel-page="vip-detail"] .privilege-benefits header,body[data-pixel-page="mozuan"] .privilege-benefits header{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-bottom:1px solid #48615f;background:#254044}
body[data-pixel-page="mozuan"] .privilege-benefits header{border-color:#665578;background:#3a344b}
body[data-pixel-page="vip-detail"] .privilege-benefits h2,body[data-pixel-page="mozuan"] .privilege-benefits h2{margin:0;color:#f6dda3;font-size:15px}
body[data-pixel-page="mozuan"] .privilege-benefits h2{color:#ead2ff}
body[data-pixel-page="vip-detail"] .privilege-benefits header span,body[data-pixel-page="mozuan"] .privilege-benefits header span{color:#a7c1bc;font-size:10px}
body[data-pixel-page="vip-detail"] .privilege-benefit-list,body[data-pixel-page="mozuan"] .privilege-benefit-list{display:grid;gap:0}
body[data-pixel-page="vip-detail"] .privilege-benefit-list article,body[data-pixel-page="mozuan"] .privilege-benefit-list article{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:37px;padding:5px 8px;border-top:1px solid #405957;color:#d4e0dc;font-size:12px}
body[data-pixel-page="vip-detail"] .privilege-benefit-list article:first-child,body[data-pixel-page="mozuan"] .privilege-benefit-list article:first-child{border-top:0}
body[data-pixel-page="vip-detail"] .privilege-benefit-list b,body[data-pixel-page="mozuan"] .privilege-benefit-list b{display:grid;place-items:center;width:20px;height:20px;border:1px solid #927747;border-radius:50%;color:#ffe0a3;font-size:10px}
body[data-pixel-page="mozuan"] .privilege-benefit-list b{border-color:#9673b6;color:#e8d0ff}
body[data-pixel-page="vip-detail"] .privilege-benefit-list span,body[data-pixel-page="mozuan"] .privilege-benefit-list span{min-width:0}
body[data-pixel-page="vip-detail"] .privilege-benefit-list a{padding:2px 5px;border:1px solid #9c8050;border-radius:3px;background:#3a342a;color:#ffe0a2;font-size:10px}
body[data-pixel-page="vip-detail"] .privilege-action-grid,body[data-pixel-page="mozuan"] .privilege-action-grid{display:grid;gap:7px;margin:8px 0}
body[data-pixel-page="vip-detail"] .privilege-action-panel,body[data-pixel-page="mozuan"] .privilege-action-panel{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:55px;margin:8px 0;padding:8px 9px;border:1px solid #8a7348;border-radius:7px;background:linear-gradient(105deg,#38352b,#1e3639);color:#f0e0b8}
body[data-pixel-page="mozuan"] .privilege-action-panel{margin:0;border-color:#7c6394;background:linear-gradient(105deg,#40334d,#213440)}
body[data-pixel-page="vip-detail"] .privilege-action-panel>span,body[data-pixel-page="mozuan"] .privilege-action-panel>span{display:grid;min-width:0;line-height:1.2}
body[data-pixel-page="vip-detail"] .privilege-action-panel small,body[data-pixel-page="mozuan"] .privilege-action-panel small{color:#b8c9c5;font-size:10px}
body[data-pixel-page="vip-detail"] .privilege-action-panel strong,body[data-pixel-page="mozuan"] .privilege-action-panel strong{overflow:hidden;margin:2px 0;color:#ffe3aa;font-size:15px;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="mozuan"] .privilege-action-panel strong{color:#ead5ff}
body[data-pixel-page="vip-detail"] .privilege-action-panel em,body[data-pixel-page="mozuan"] .privilege-action-panel em{overflow:hidden;color:#a9bfbd;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="vip-detail"] .privilege-action-panel>b,body[data-pixel-page="mozuan"] .privilege-action-panel>b{flex:0 0 auto;color:#f4d28f;font-size:11px;white-space:nowrap}
body[data-pixel-page="mozuan"] .privilege-action-panel>b{color:#dec0f7}
body[data-pixel-page="vip-detail"] .privilege-action-muted,body[data-pixel-page="mozuan"] .privilege-action-muted{border-color:#4b6262;background:#203438;color:#9cb0ad}
body[data-pixel-page="vip-detail"] .privilege-progress{display:grid;margin:8px 0;padding:8px 9px;border-left:3px solid #bd9a55;background:#20373a;line-height:1.25}
body[data-pixel-page="vip-detail"] .privilege-progress small{color:#adc4bd;font-size:10px}
body[data-pixel-page="vip-detail"] .privilege-progress strong{margin:2px 0;color:#ffe0a4;font-size:14px}
body[data-pixel-page="vip-detail"] .privilege-progress em{color:#9db5b1;font-size:10px;font-style:normal}
body[data-pixel-page="vip-detail"] .privilege-inactive,body[data-pixel-page="mozuan"] .privilege-inactive{display:grid;grid-template-columns:61px minmax(0,1fr);gap:9px;align-items:center;margin:8px 0;padding:10px;border:1px solid #526a69;border-radius:7px;background:#20373a}
body[data-pixel-page="mozuan"] .privilege-inactive{border-color:#6d5a81;background:#2a3140}
body[data-pixel-page="vip-detail"] .privilege-inactive>div,body[data-pixel-page="mozuan"] .privilege-inactive>div{display:grid;min-width:0;line-height:1.3}
body[data-pixel-page="vip-detail"] .privilege-inactive small,body[data-pixel-page="mozuan"] .privilege-inactive small{color:#a9c0bc;font-size:10px}
body[data-pixel-page="vip-detail"] .privilege-inactive strong,body[data-pixel-page="mozuan"] .privilege-inactive strong{margin:2px 0;color:#ffe0a2;font-size:15px}
body[data-pixel-page="mozuan"] .privilege-inactive strong{color:#e9d2ff}
body[data-pixel-page="vip-detail"] .privilege-inactive p,body[data-pixel-page="mozuan"] .privilege-inactive p{margin:1px 0;color:#aec2bf;font-size:11px}
body[data-pixel-page="vip-detail"] .privilege-inactive a{margin-top:5px;color:#e9c782;font-size:11px}
body[data-pixel-page="vip-detail"] .privilege-action-panel:active,body[data-pixel-page="mozuan"] .privilege-action-panel:active{transform:translateY(1px);filter:brightness(1.1)}
@media(max-width:350px){body[data-pixel-page="vip-detail"] .privilege-detail-hero,body[data-pixel-page="mozuan"] .privilege-detail-hero{grid-template-columns:52px minmax(0,1fr);gap:7px;padding:8px}body[data-pixel-page="vip-detail"] .privilege-detail-art,body[data-pixel-page="mozuan"] .privilege-detail-art{width:50px;height:50px}body[data-pixel-page="vip-detail"] .privilege-detail-guide{display:none}body[data-pixel-page="vip-detail"] .privilege-detail-copy h1,body[data-pixel-page="mozuan"] .privilege-detail-copy h1{font-size:17px}body[data-pixel-page="vip-detail"] .privilege-benefit-list article,body[data-pixel-page="mozuan"] .privilege-benefit-list article{font-size:11px}}
@media(max-width:390px){body[data-pixel-page="character-status"] .status-bonus-list{grid-template-columns:1fr}body[data-pixel-page="character"] .character-status-card{padding:7px 8px}body[data-pixel-page="character"] .character-status-summary{grid-template-columns:36px minmax(0,1fr);gap:6px}body[data-pixel-page="character"] .character-status-summary>img{width:36px;height:36px}}

/* Achievements: compact medal-led collection instead of dense text links. */
body[data-pixel-page="achievements"] .achievements-nav,body[data-pixel-page="achievement-detail"] .achievement-detail-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:7px}
body[data-pixel-page="achievements"] .achievements-nav>a:first-child,body[data-pixel-page="achievement-detail"] .achievement-detail-nav>a:first-child{justify-self:start}
body[data-pixel-page="achievements"] .achievements-nav>span,body[data-pixel-page="achievement-detail"] .achievement-detail-nav>span{justify-self:center;color:#eedba8;font-size:14px;white-space:nowrap}
body[data-pixel-page="achievements"] .achievements-nav>a:last-child,body[data-pixel-page="achievement-detail"] .achievement-detail-nav>a:last-child{justify-self:end;margin-left:0}
body[data-pixel-page="achievements"] .achievement-badge-art,body[data-pixel-page="achievement-detail"] .achievement-badge-art{display:block;flex:none;width:54px;height:54px;background-image:url('/static/pixel/visual/badges.webp');background-repeat:no-repeat;background-size:200% 200%;filter:drop-shadow(0 3px 3px rgba(0,0,0,.64))}
body[data-pixel-page="achievements"] .badge-art-0,body[data-pixel-page="achievement-detail"] .badge-art-0{background-position:0 0}
body[data-pixel-page="achievements"] .badge-art-1,body[data-pixel-page="achievement-detail"] .badge-art-1{background-position:100% 0}
body[data-pixel-page="achievements"] .badge-art-2,body[data-pixel-page="achievement-detail"] .badge-art-2{background-position:0 100%}
body[data-pixel-page="achievements"] .badge-art-3,body[data-pixel-page="achievement-detail"] .badge-art-3{background-position:100% 100%}
body[data-pixel-page="achievements"] .achievement-difficulty-art,body[data-pixel-page="achievement-detail"] .achievement-difficulty-art{display:block;flex:none;width:54px;height:54px;background-repeat:no-repeat;background-position:center;background-size:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.68))}
body[data-pixel-page="achievements"] .difficulty-easy,body[data-pixel-page="achievement-detail"] .difficulty-easy{background-image:url('/static/pixel/visual/achievement-difficulty-easy-v1.png')}
body[data-pixel-page="achievements"] .difficulty-normal,body[data-pixel-page="achievement-detail"] .difficulty-normal{background-image:url('/static/pixel/visual/achievement-difficulty-normal-v1.png')}
body[data-pixel-page="achievements"] .difficulty-hard,body[data-pixel-page="achievement-detail"] .difficulty-hard{background-image:url('/static/pixel/visual/achievement-difficulty-hard-v1.png')}
body[data-pixel-page="achievements"] .difficulty-nightmare,body[data-pixel-page="achievement-detail"] .difficulty-nightmare{background-image:url('/static/pixel/visual/achievement-difficulty-hard-v1.png');filter:hue-rotate(282deg) saturate(1.45) drop-shadow(0 2px 3px rgba(0,0,0,.68))}
body[data-pixel-page="achievements"] .difficulty-hell,body[data-pixel-page="achievement-detail"] .difficulty-hell{background-image:url('/static/pixel/visual/achievement-difficulty-hard-v1.png');filter:hue-rotate(282deg) saturate(.9) brightness(.48) drop-shadow(0 2px 3px rgba(0,0,0,.78))}
body[data-pixel-page="achievements"] .achievement-hero{display:grid;grid-template-columns:62px minmax(0,1fr)58px;gap:9px;align-items:center;margin:8px 0;padding:10px;border:1px solid #a2854d;border-radius:9px;background:radial-gradient(circle at 13% 50%,rgba(177,124,47,.25),transparent 34%),linear-gradient(110deg,#3a3429,#19343a 63%,#142b33);box-shadow:inset 0 0 0 1px rgba(255,229,164,.05),0 3px 10px rgba(0,0,0,.3)}
body[data-pixel-page="achievements"] .achievement-hall-art{width:62px;height:62px;filter:drop-shadow(0 0 8px rgba(241,187,67,.35))}
body[data-pixel-page="achievements"] .achievement-hero-copy{display:grid;min-width:0;line-height:1.15}
body[data-pixel-page="achievements"] .achievement-hero-copy>small{color:#cbb784;font-size:10px;letter-spacing:.16em}
body[data-pixel-page="achievements"] .achievement-hero-copy h1{margin:2px 0;color:#ffe3a7;font-size:22px;line-height:1.2}
body[data-pixel-page="achievements"] .achievement-hero-copy strong{display:flex;align-items:center;gap:4px;color:#f8d889;font-size:17px}
body[data-pixel-page="achievements"] .achievement-hero-copy strong .px-icon{width:18px;height:18px}
body[data-pixel-page="achievements"] .achievement-hero-copy strong em{color:#c1d0cb;font-size:10px;font-style:normal;font-weight:normal}
body[data-pixel-page="achievements"] .achievement-completion-ring{display:grid;place-content:center;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle,#1a3036 57%,transparent 58%),conic-gradient(#e2bc6b var(--achievement-progress),#405a5b 0);box-shadow:0 0 0 1px #a2844d,0 0 13px rgba(229,185,93,.18);line-height:1;text-align:center}
body[data-pixel-page="achievements"] .achievement-completion-ring b{color:#ffe1a2;font-size:17px}
body[data-pixel-page="achievements"] .achievement-completion-ring small{color:#aec2bd;font-size:9px}
body[data-pixel-page="achievements"] .achievement-bonus-strip{display:flex;align-items:center;gap:8px;margin:8px 0;padding:6px 8px;border:1px solid #496466;border-radius:6px;background:#1c3539}
body[data-pixel-page="achievements"] .achievement-bonus-strip>span{flex:none;padding-right:7px;border-right:1px solid #60736d;color:#e6c77e;font-size:11px;white-space:nowrap}
body[data-pixel-page="achievements"] .achievement-bonus-strip>div{display:flex;min-width:0;flex:1;gap:5px;overflow:hidden}
body[data-pixel-page="achievements"] .achievement-bonus-strip b{display:inline-flex;align-items:center;gap:2px;min-width:0;color:#dce8d8;font-size:10px;white-space:nowrap}
body[data-pixel-page="achievements"] .achievement-bonus-strip b .px-icon{width:14px;height:14px}
body[data-pixel-page="achievements"] .achievement-bonus-strip em{align-self:center;color:#e7c77f;font-size:10px;font-style:normal;white-space:nowrap}
body[data-pixel-page="achievements"] .achievement-filter{margin:10px 0 9px;border-top:1px solid #405a5d;border-bottom:1px solid #405a5d;padding:8px 0}
body[data-pixel-page="achievements"] .achievement-category-carousel{display:grid;grid-template-columns:25px minmax(0,1fr) 25px;gap:4px;align-items:center}
body[data-pixel-page="achievements"] .achievement-category-scroll{display:flex;gap:5px;overflow-x:auto;padding:1px 1px 7px;scrollbar-width:none;scroll-behavior:smooth}
body[data-pixel-page="achievements"] .achievement-category-scroll::-webkit-scrollbar{display:none}
body[data-pixel-page="achievements"] .achievement-category-arrow{display:grid!important;place-items:center;width:25px;height:27px;margin:0!important;padding:0!important;border:1px solid #796640!important;border-radius:5px!important;background:#26383c!important;color:#f2dca4!important;font-family:serif;font-size:23px!important;line-height:1!important;box-shadow:0 2px #0d1a1f!important}
body[data-pixel-page="achievements"] .achievement-category-arrow:active{transform:translateY(1px);filter:brightness(1.15)}
body[data-pixel-page="achievements"] .achievement-category{display:grid!important;grid-template-columns:20px auto;gap:3px;align-items:center;flex:0 0 auto;margin:0!important;padding:4px 7px!important;border:1px solid #4c6667!important;border-radius:5px!important;background:#1b3237!important;color:#bacbc8!important;font-size:11px!important;line-height:1.2!important;box-shadow:none!important}
body[data-pixel-page="achievements"] .achievement-category .px-icon{width:18px;height:18px}
body[data-pixel-page="achievements"] .achievement-category.is-active{border-color:#c39d56!important;background:linear-gradient(120deg,#5c422e,#294044)!important;color:#ffe1a3!important;box-shadow:0 0 8px rgba(214,168,79,.18)!important}
body[data-pixel-page="achievements"] .achievement-difficulty-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto;padding:0 1px;scrollbar-width:none}
body[data-pixel-page="achievements"] .achievement-difficulty-tabs::-webkit-scrollbar{display:none}
body[data-pixel-page="achievements"] .achievement-difficulty-tabs>span{margin-right:2px;color:#a8bdb9;font-size:10px;white-space:nowrap}
body[data-pixel-page="achievements"] .achievement-difficulty-tabs a{flex:0 0 auto;margin:0!important;padding:3px 7px!important;border:1px solid transparent!important;border-radius:10px!important;background:transparent!important;color:#aebfbd!important;font-size:10px!important;line-height:1.3!important;box-shadow:none!important}
body[data-pixel-page="achievements"] .achievement-difficulty-tabs a.is-active{border-color:#987b49!important;background:#3b332a!important;color:#ffe1a3!important}
body[data-pixel-page="achievements"] .achievement-list{margin:10px 0}
body[data-pixel-page="achievements"] .achievement-list>header{display:flex;align-items:end;justify-content:space-between;gap:8px;margin:0 2px 6px;padding-bottom:5px;border-bottom:1px solid #526665}
body[data-pixel-page="achievements"] .achievement-list>header div{display:flex;align-items:baseline;gap:6px}
body[data-pixel-page="achievements"] .achievement-list>header small{color:#aebfbb;font-size:10px}
body[data-pixel-page="achievements"] .achievement-list>header h2{margin:0;color:#eddaa4;font-size:17px;line-height:1.2}
body[data-pixel-page="achievements"] .achievement-list>header>span{color:#a8bdb9;font-size:11px}
body[data-pixel-page="achievements"] .achievement-entry-list{display:grid;gap:6px}
body[data-pixel-page="achievements"] .achievement-entry{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;overflow:hidden;border:1px solid #486367;border-radius:7px;background:linear-gradient(105deg,#1d353a,#192e35);box-shadow:0 2px 6px rgba(0,0,0,.2)}
body[data-pixel-page="achievements"] .achievement-entry.is-claimed{border-color:#58786c;background:linear-gradient(105deg,#1e3938,#193135)}
body[data-pixel-page="achievements"] .achievement-entry.is-ready{border-color:#b0874c;background:linear-gradient(105deg,#403628,#20373a)}
body[data-pixel-page="achievements"] .achievement-entry-main{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto;gap:7px;align-items:center;min-width:0;margin:0!important;padding:7px!important;border:0!important;border-radius:0!important;background:none!important;color:inherit!important;box-shadow:none!important}
body[data-pixel-page="achievements"] .achievement-entry-main .achievement-badge-art,body[data-pixel-page="achievements"] .achievement-entry-main .achievement-difficulty-art{width:44px;height:44px}
body[data-pixel-page="achievements"] .achievement-entry-copy{display:grid;min-width:0;line-height:1.18}
body[data-pixel-page="achievements"] .achievement-entry-copy small{color:#aebfbb;font-size:9px}
body[data-pixel-page="achievements"] .achievement-entry-copy strong{overflow:hidden;margin:2px 0;color:#f3dfab;font-size:14px;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="achievements"] .achievement-entry-copy em{overflow:hidden;color:#b9cac7;font-size:10px;font-style:normal;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="achievements"] .achievement-entry-copy em b{color:#f1d79b;font-size:10px;font-weight:normal}
body[data-pixel-page="achievements"] .achievement-entry-state{display:grid;justify-items:end;gap:2px;padding-left:3px;line-height:1.1;text-align:right;white-space:nowrap}
body[data-pixel-page="achievements"] .achievement-entry-state b{color:#f1d99d;font-size:12px}
body[data-pixel-page="achievements"] .is-claimed .achievement-entry-state b{color:#9dd6a4}
body[data-pixel-page="achievements"] .is-ready .achievement-entry-state b{color:#ffe1a0}
body[data-pixel-page="achievements"] .achievement-entry-state small{color:#a8beb9;font-size:9px}
body[data-pixel-page="achievements"] .achievement-claim{align-self:center;margin:0 7px 0 0!important;padding:4px 7px!important;border:1px solid #c59f58!important;border-radius:4px!important;background:#674633!important;color:#ffe6ad!important;font-size:11px!important;line-height:1.25!important;box-shadow:0 2px #111b20!important}
body[data-pixel-page="achievements"] .achievement-empty{display:grid;justify-items:center;gap:5px;padding:20px 10px;border:1px dashed #516b6b;border-radius:7px;color:#b7c7c4;text-align:center}
body[data-pixel-page="achievements"] .achievement-empty-seal{display:block;width:58px;height:58px;background:url('/static/pixel/visual/achievement-difficulty-hard-v1.png') center/contain no-repeat;filter:grayscale(1) brightness(.48) contrast(.9);opacity:.8}
body[data-pixel-page="achievements"] .achievement-empty strong{color:#e5d2a1;font-size:14px}
body[data-pixel-page="achievements"] .achievement-empty small{font-size:11px}
body[data-pixel-page="achievements"] .achievement-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin:14px 0 7px;padding-top:10px;border-top:1px solid #40595d}
body[data-pixel-page="achievements"] .achievement-pagination a,body[data-pixel-page="achievements"] .achievement-pagination span{margin:0!important;padding:4px 0!important;border:0!important;background:none!important;box-shadow:none!important;color:#dbca9c;font-size:12px;line-height:1.3}
body[data-pixel-page="achievements"] .achievement-pagination a:last-child,body[data-pixel-page="achievements"] .achievement-pagination span:last-child{text-align:right}
body[data-pixel-page="achievements"] .achievement-pagination span{color:#6f8584}
body[data-pixel-page="achievements"] .achievement-pagination small{color:#aebfbb;font-size:11px;text-align:center;white-space:nowrap}
body[data-pixel-page="achievements"] .achievement-bottom-actions{justify-content:space-between;border-top:1px solid #40595d;padding-top:8px}
body[data-pixel-page="achievements"] .achievement-bottom-actions a{margin:0!important;padding:3px 0!important;border:0!important;background:none!important;box-shadow:none!important;color:#dccc9f;font-size:12px!important}

/* Detail keeps only status, progress and icon-led permanent rewards. */
body[data-pixel-page="achievement-detail"] .achievement-detail-hero{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr);gap:10px;align-items:center;margin:8px 0;padding:11px;border:1px solid #806a43;border-radius:9px;background:radial-gradient(circle at 11% 50%,rgba(178,121,43,.28),transparent 34%),linear-gradient(115deg,#3c352a,#19353a 67%)}
body[data-pixel-page="achievement-detail"] .achievement-detail-hero.is-ready{border-color:#c09650;box-shadow:0 0 12px rgba(221,176,75,.18)}
body[data-pixel-page="achievement-detail"] .achievement-detail-hero.is-claimed{border-color:#58806e;background:linear-gradient(115deg,#243f37,#19353a)}
body[data-pixel-page="achievement-detail"] .achievement-detail-hero .achievement-badge-art,body[data-pixel-page="achievement-detail"] .achievement-detail-hero .achievement-difficulty-art{width:62px;height:62px}
body[data-pixel-page="achievement-detail"] .achievement-detail-hero>div{display:grid;min-width:0;line-height:1.2}
body[data-pixel-page="achievement-detail"] .achievement-detail-hero small{color:#cab785;font-size:10px;letter-spacing:.1em}
body[data-pixel-page="achievement-detail"] .achievement-detail-hero h1{margin:3px 0;color:#ffe2a4;font-size:21px;line-height:1.25;overflow-wrap:anywhere}
body[data-pixel-page="achievement-detail"] .achievement-detail-hero p{margin:1px 0 0;color:#c0d0cc;font-size:12px;line-height:1.4}
body[data-pixel-page="achievement-detail"] .achievement-detail-state{position:absolute;top:8px;right:9px;padding:2px 5px;border:1px solid #927748;border-radius:9px;background:#362f27;color:#f5d99c;font-size:10px;line-height:1.25}
body[data-pixel-page="achievement-detail"] .is-claimed .achievement-detail-state{border-color:#52816d;background:#203b34;color:#9fdaa8}
body[data-pixel-page="achievement-detail"] .achievement-progress-panel{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:5px 9px;align-items:center;margin:9px 0;padding:9px;border:1px solid #466264;border-radius:7px;background:#1d3539}
body[data-pixel-page="achievement-detail"] .achievement-progress-panel>div{display:grid;line-height:1.2}
body[data-pixel-page="achievement-detail"] .achievement-progress-panel>div small{color:#abc0bc;font-size:10px}
body[data-pixel-page="achievement-detail"] .achievement-progress-panel>div strong{margin-top:2px;color:#f3dfa9;font-size:16px}
body[data-pixel-page="achievement-detail"] .achievement-progress-track{display:block;overflow:hidden;height:7px;border:1px solid #405d5f;border-radius:5px;background:#0d2027}
body[data-pixel-page="achievement-detail"] .achievement-progress-track i{display:block;width:var(--achievement-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#6eae91,#c7c06e)}
body[data-pixel-page="achievement-detail"] .achievement-progress-panel>small{grid-column:1/-1;color:#aebfbb;font-size:10px;line-height:1.2}
body[data-pixel-page="achievement-detail"] .achievement-reward-panel{margin:10px 0;border:1px solid #4a6668;border-radius:8px;background:#1b3439;overflow:hidden}
body[data-pixel-page="achievement-detail"] .achievement-reward-panel>header{display:flex;align-items:center;gap:6px;padding:8px 9px;border-bottom:1px solid #486265;background:#223d40}
body[data-pixel-page="achievement-detail"] .achievement-reward-panel>header .px-icon{width:22px;height:22px}
body[data-pixel-page="achievement-detail"] .achievement-reward-panel h2{margin:0;color:#f0dba5;font-size:16px}
body[data-pixel-page="achievement-detail"] .achievement-reward-panel header strong{margin-left:auto;color:#ffe0a0;font-size:13px;white-space:nowrap}
body[data-pixel-page="achievement-detail"] .achievement-reward-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:8px}
body[data-pixel-page="achievement-detail"] .achievement-reward-grid>div{display:flex;align-items:center;gap:7px;min-width:0;padding:7px;border:1px solid #3e595c;border-radius:5px;background:#203b3e}
body[data-pixel-page="achievement-detail"] .achievement-reward-grid .px-icon{width:24px;height:24px}
body[data-pixel-page="achievement-detail"] .achievement-reward-grid span{display:grid;min-width:0;line-height:1.15}
body[data-pixel-page="achievement-detail"] .achievement-reward-grid small{color:#afc2be;font-size:10px}
body[data-pixel-page="achievement-detail"] .achievement-reward-grid strong{margin-top:2px;color:#ffe1a1;font-size:15px}
body[data-pixel-page="achievement-detail"] .achievement-reward-grid p{grid-column:1/-1;margin:0;padding:6px;color:#afc1bd;font-size:12px}
body[data-pixel-page="achievement-detail"] .achievement-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap;margin:13px 0 5px}
body[data-pixel-page="achievement-detail"] .achievement-detail-actions a{margin:0!important;padding:5px 0!important;border:0!important;background:none!important;box-shadow:none!important;color:#dcc99a;font-size:12px!important;line-height:1.3!important}
body[data-pixel-page="achievement-detail"] .achievement-detail-actions .achievement-detail-claim{order:-1;padding:6px 10px!important;border:1px solid #c59d54!important;border-radius:5px!important;background:#684633!important;color:#ffe7af!important;box-shadow:0 2px #111b20!important;font-size:13px!important}

/* Rank hall: podium ceremony above dense, readable player records. */
body[data-pixel-page^="rank-"] .rank-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;margin-bottom:12px}body[data-pixel-page^="rank-"] .rank-nav a{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#d9c18b;font-size:12px!important;white-space:nowrap}body[data-pixel-page^="rank-"] .rank-nav a:last-child{text-align:right}body[data-pixel-page^="rank-"] .rank-nav span{padding:0 7px;color:#f4d8a1;font-size:15px;font-weight:bold;letter-spacing:.1em;white-space:nowrap}
body[data-pixel-page^="rank-"] .rank-hall-hero,body[data-pixel-page^="rank-"] .rank-board-hero{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);gap:10px;align-items:center;overflow:hidden;margin:7px 0 11px;padding:11px;border:1px solid #947542;border-radius:9px;background:radial-gradient(circle at 11% 48%,rgba(209,150,52,.24),transparent 28%),linear-gradient(110deg,#2c3935,#16363b 72%);box-shadow:inset 0 0 20px #11192070,0 4px 10px #070d123d}body[data-pixel-page^="rank-"] .rank-hall-hero:after,body[data-pixel-page^="rank-"] .rank-board-hero:after{position:absolute;right:-18px;top:-29px;width:112px;height:112px;border:1px solid #d0ad6650;border-radius:50%;box-shadow:0 0 0 12px #d0ad660d,0 0 0 25px #d0ad6608;content:""}body[data-pixel-page^="rank-"] .rank-hall-hero .rank-insignia,body[data-pixel-page^="rank-"] .rank-board-hero .rank-insignia{width:58px;height:58px;z-index:1;filter:drop-shadow(0 0 6px rgba(237,189,81,.46))}body[data-pixel-page^="rank-"] .rank-board-hero>.px-icon{width:56px;height:56px;z-index:1;filter:drop-shadow(0 0 6px rgba(237,189,81,.35))}body[data-pixel-page^="rank-"] .rank-hall-hero>div,body[data-pixel-page^="rank-"] .rank-board-hero>div{position:relative;z-index:1;min-width:0;line-height:1.25}body[data-pixel-page^="rank-"] .rank-hall-hero small,body[data-pixel-page^="rank-"] .rank-board-hero small{display:block;color:#cbb884;font-size:10px;letter-spacing:.14em}body[data-pixel-page^="rank-"] .rank-hall-hero h1,body[data-pixel-page^="rank-"] .rank-board-hero h1{margin:2px 0;color:#ffe2a1;font-size:23px;line-height:1.2;text-shadow:0 2px 2px #071217}body[data-pixel-page^="rank-"] .rank-hall-hero p,body[data-pixel-page^="rank-"] .rank-board-hero p{margin:2px 0 0;color:#b9cfca;font-size:12px;line-height:1.35}body[data-pixel-page^="rank-"] .rank-hall-spark{position:absolute;right:20px;bottom:15px;width:6px;height:6px;border-radius:50%;background:#ffe5a1;box-shadow:0 0 0 3px #ffe5a125,0 0 14px 3px #ffe5a175;animation:rank-glow 1.8s ease-in-out infinite}body[data-pixel-page^="rank-"] .rank-board-rule{position:absolute;z-index:1;right:12px;bottom:9px;padding:2px 6px;border:1px solid #8e7750;border-radius:8px;color:#e8d39d;background:#1a2c30;font-size:10px;line-height:1.25}
body[data-pixel-page="rank-index"] .rank-index-section{margin:11px 0;border:1px solid #4b6567;border-radius:8px;background:#183238d9;overflow:hidden}body[data-pixel-page="rank-index"] .rank-index-section>header{display:flex;align-items:center;gap:7px;padding:8px 10px;border-bottom:1px solid #455f61;background:#203d40}body[data-pixel-page="rank-index"] .rank-index-section>header .px-icon{width:27px;height:27px}body[data-pixel-page="rank-index"] .rank-index-section header div{line-height:1.15}body[data-pixel-page="rank-index"] .rank-index-section header small{display:block;color:#a9c3bc;font-size:10px}body[data-pixel-page="rank-index"] .rank-index-section h2{margin:1px 0 0;color:#f2dba4;font-size:16px}body[data-pixel-page="rank-index"] .rank-index-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:7px}body[data-pixel-page="rank-index"] .rank-index-card{display:grid!important;grid-template-columns:30px minmax(0,1fr);gap:7px;align-items:center;min-height:59px;margin:0!important;padding:7px!important;border:1px solid #486264!important;border-radius:6px!important;background:linear-gradient(120deg,#223b3e,#1a3036)!important;box-shadow:none!important}body[data-pixel-page="rank-index"] .rank-index-card:hover{border-color:#c49b54!important;background:#2a4849!important}body[data-pixel-page="rank-index"] .rank-index-card .px-icon{width:29px;height:29px}body[data-pixel-page="rank-index"] .rank-index-card .rank-insignia{width:31px;height:31px}body[data-pixel-page="rank-index"] .rank-index-card>span:nth-child(2){display:grid;min-width:0;line-height:1.2}body[data-pixel-page="rank-index"] .rank-index-card b{color:#f1d9a1;font-size:14px;white-space:nowrap}body[data-pixel-page="rank-index"] .rank-index-card small{overflow:hidden;color:#aabfba;font-size:10px;white-space:nowrap;text-overflow:ellipsis}body[data-pixel-page="rank-index"] .rank-index-card em{grid-column:2;color:#d9bd83;font-size:10px;font-style:normal;line-height:1}body[data-pixel-page="rank-index"] .rank-index-card-combat{grid-column:1/-1;grid-template-columns:37px minmax(0,1fr) auto;min-height:62px;border-color:#947242!important;background:linear-gradient(105deg,#423525,#1a3b3d 62%)!important}body[data-pixel-page="rank-index"] .rank-index-card-combat em{grid-column:3;grid-row:1;color:#ffe1a0;font-size:12px}body[data-pixel-page="rank-index"] .rank-index-note{margin:7px 2px;color:#879d99;text-align:center;font-size:10px}
body[data-pixel-page^="rank-"] .rank-self-summary{display:grid;grid-template-columns:37px minmax(0,1fr) auto;gap:8px;align-items:center;margin:8px 0 12px;padding:7px 9px;border:1px solid #486667;border-radius:7px;background:#1b3639}body[data-pixel-page^="rank-"] .rank-self-summary .rank-insignia{width:35px;height:35px}body[data-pixel-page^="rank-"] .rank-self-summary div{display:grid;min-width:0;line-height:1.25}body[data-pixel-page^="rank-"] .rank-self-summary small{color:#a8c1bc;font-size:10px}body[data-pixel-page^="rank-"] .rank-self-summary b{overflow:hidden;color:#f6dda1;font-size:15px;white-space:nowrap;text-overflow:ellipsis}body[data-pixel-page^="rank-"] .rank-self-summary>strong{color:#cfb783;font-size:12px;white-space:nowrap}body[data-pixel-page^="rank-"] .rank-self-summary.is-viewer{border-color:#706950;background:#252f2e}
body[data-pixel-page^="rank-"] .rank-podium-wrap{margin:10px 0 12px;border:1px solid #6e654b;border-radius:8px;background:linear-gradient(180deg,#22393a,#182d33);overflow:hidden}body[data-pixel-page^="rank-"] .rank-podium-wrap>header{display:flex;justify-content:space-between;align-items:center;padding:6px 9px;border-bottom:1px solid #526263;background:#263f40;color:#f0d8a0;font-size:13px;font-weight:bold}body[data-pixel-page^="rank-"] .rank-podium-wrap>header small{color:#a9bfb8;font-size:10px;font-weight:normal}body[data-pixel-page^="rank-"] .rank-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:5px;padding:8px 6px 7px}body[data-pixel-page^="rank-"] .rank-podium-card{position:relative;display:grid!important;justify-items:center;min-width:0;min-height:134px;margin:0!important;padding:8px 4px 6px!important;border:1px solid #625e4d!important;border-radius:6px!important;background:linear-gradient(180deg,#273638,#182a31)!important;box-shadow:none!important;text-align:center;line-height:1.15!important}body[data-pixel-page^="rank-"] .rank-podium-card.rank-podium-1{order:2;min-height:151px;border-color:#c99e4f!important;background:radial-gradient(circle at 50% 25%,#97722d4d,transparent 52%),linear-gradient(180deg,#3c3930,#1a3034)!important;box-shadow:0 0 12px #d8a7492e!important}body[data-pixel-page^="rank-"] .rank-podium-card.rank-podium-2{order:1;border-color:#839ba0!important}body[data-pixel-page^="rank-"] .rank-podium-card.rank-podium-3{order:3;border-color:#936844!important}body[data-pixel-page^="rank-"] .rank-podium-card em{color:#ccb475;font-size:9px;font-style:normal;font-weight:bold}body[data-pixel-page^="rank-"] .rank-podium-card .pixel-avatar{width:42px;height:46px;margin:4px 0;border-width:1px;border-radius:5px;box-shadow:0 2px 3px #0008}body[data-pixel-page^="rank-"] .rank-podium-card.rank-podium-1 .pixel-avatar{width:49px;height:55px;border-color:#dfb861;filter:drop-shadow(0 0 4px rgba(231,186,85,.5))}body[data-pixel-page^="rank-"] .rank-podium-card b{display:block;max-width:100%;overflow:hidden;color:#f3dca5;font-size:12px;white-space:nowrap;text-overflow:ellipsis}body[data-pixel-page^="rank-"] .rank-podium-card small{display:block;max-width:100%;overflow:hidden;margin-top:2px;color:#a9c1ba;font-size:9px;white-space:nowrap;text-overflow:ellipsis}body[data-pixel-page^="rank-"] .rank-podium-card strong{margin-top:3px;color:#ffe1a0;font-size:13px}body[data-pixel-page^="rank-"] .rank-podium-card.is-self,body[data-pixel-page^="rank-"] .rank-entry.is-self{box-shadow:inset 3px 0 #d9ad56!important}
body[data-pixel-page^="rank-"] .rank-entry-list{display:grid;gap:5px;margin:9px 0}body[data-pixel-page^="rank-"] .rank-entry{display:grid!important;grid-template-columns:29px 38px minmax(0,1fr) auto;gap:7px;align-items:center;min-height:54px;margin:0!important;padding:6px 8px!important;border:1px solid #435e60!important;border-radius:6px!important;background:#1a3337!important;box-shadow:none!important}body[data-pixel-page^="rank-"] .rank-entry:hover{background:#244044!important;border-color:#8c8059!important}body[data-pixel-page^="rank-"] .rank-place{display:grid;place-items:center;width:27px;height:27px;border:1px solid #536968;border-radius:50%;color:#b8c8c0;background:#203b3d;font-size:11px;font-style:normal;font-weight:bold}body[data-pixel-page^="rank-"] .rank-entry .pixel-avatar{width:36px;height:40px;border-width:1px;border-radius:4px;box-shadow:none}body[data-pixel-page^="rank-"] .rank-entry-name{display:grid;min-width:0;line-height:1.2}body[data-pixel-page^="rank-"] .rank-entry-name b{overflow:hidden;color:#eaddbd;font-size:14px;white-space:nowrap;text-overflow:ellipsis}body[data-pixel-page^="rank-"] .rank-entry-name small{overflow:hidden;color:#a8bdb8;font-size:10px;white-space:nowrap;text-overflow:ellipsis}body[data-pixel-page^="rank-"] .rank-entry-name i{margin-left:3px;color:#89cfa5;font-size:9px;font-style:normal}body[data-pixel-page^="rank-"] .rank-entry>strong{padding-left:4px;color:#f4d99c;font-size:13px;white-space:nowrap}body[data-pixel-page^="rank-"] .rank-empty{display:grid;grid-template-columns:42px minmax(0,1fr);gap:2px 9px;align-items:center;padding:16px 10px;border:1px dashed #53696a;border-radius:7px;background:#172e32;color:#f0daa2}body[data-pixel-page^="rank-"] .rank-empty .rank-insignia{grid-row:span 2;width:40px;height:40px;opacity:.5;filter:grayscale(1)}body[data-pixel-page^="rank-"] .rank-empty b{font-size:14px;line-height:1.2}body[data-pixel-page^="rank-"] .rank-empty small{color:#9db5b0;font-size:11px}body[data-pixel-page^="rank-"] .rank-pagination{display:flex;justify-content:space-between;align-items:center;margin:12px 0 4px;padding-top:9px;border-top:1px solid #425b5c}body[data-pixel-page^="rank-"] .rank-pagination a,body[data-pixel-page^="rank-"] .rank-pagination span{margin:0!important;padding:3px 0!important;border:0!important;background:none!important;box-shadow:none!important;color:#dcc391;font-size:12px!important}body[data-pixel-page^="rank-"] .rank-pagination span{color:#667b7a}body[data-pixel-page^="rank-"] .rank-pagination b{color:#e9d59f;font-size:12px}
body[data-pixel-page="rank-combat"] .rank-combat-tabs{display:flex;overflow-x:auto;gap:5px;margin:8px 0;padding:2px 1px 6px;scrollbar-width:none}body[data-pixel-page="rank-combat"] .rank-combat-tabs::-webkit-scrollbar{display:none}body[data-pixel-page="rank-combat"] .rank-combat-tabs a{display:flex!important;flex:none;align-items:center;gap:3px;margin:0!important;padding:4px 7px!important;border:1px solid #4d6666!important;border-radius:5px!important;background:#1b3337!important;box-shadow:none!important;color:#bacac4;font-size:11px!important;white-space:nowrap}body[data-pixel-page="rank-combat"] .rank-combat-tabs a.is-active{border-color:#bc9150!important;background:#56402d!important;color:#ffe0a3!important}body[data-pixel-page="rank-combat"] .rank-combat-tabs .px-icon{width:20px;height:20px}@keyframes rank-glow{0%,100%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}}

/* Lieutenant: use existing named-general art as a ceremonial, compact roster. */
body[data-pixel-page^="lieutenant-"],body[data-pixel-page^="commander"]{--lt-gold:#e3bd70;--lt-line:#536e6d;--lt-panel:#183438}body[data-pixel-page^="lieutenant-"] .lt-nav,body[data-pixel-page^="commander"] .lt-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;margin-bottom:11px}body[data-pixel-page^="lieutenant-"] .lt-nav a,body[data-pixel-page^="commander"] .lt-nav a{margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;color:#dcc794;font-size:12px!important}body[data-pixel-page^="lieutenant-"] .lt-nav a:last-child,body[data-pixel-page^="commander"] .lt-nav a:last-child{text-align:right}body[data-pixel-page^="lieutenant-"] .lt-nav span,body[data-pixel-page^="commander"] .lt-nav span{padding:0 8px;color:#f3dca7;font-size:15px;font-weight:bold;white-space:nowrap}
body[data-pixel-page="lieutenant-list"] .lt-hall-hero,body[data-pixel-page="commander"] .commander-hero,body[data-pixel-page="commander-recruit"] .recruit-hero{position:relative;display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:10px;align-items:center;overflow:hidden;margin:7px 0 10px;padding:11px;border:1px solid #a17d45;border-radius:9px;background:radial-gradient(circle at 10% 48%,#dbad4a30,transparent 32%),linear-gradient(110deg,#2e3831,#16363a 70%);box-shadow:inset 0 0 22px #0b171a70,0 4px 10px #0005}body[data-pixel-page="lieutenant-list"] .lt-hall-hero:after,body[data-pixel-page="commander"] .commander-hero:after,body[data-pixel-page="commander-recruit"] .recruit-hero:after{position:absolute;right:-24px;top:-29px;width:110px;height:110px;border:1px solid #e6bd6b42;border-radius:50%;box-shadow:0 0 0 12px #e6bd6b10,0 0 0 28px #e6bd6b08;content:""}body[data-pixel-page="lieutenant-list"] .lt-hall-hero .rank-insignia,body[data-pixel-page="commander"] .commander-hero .rank-insignia,body[data-pixel-page="commander-recruit"] .recruit-hero .rank-insignia{width:58px;height:58px;z-index:1;filter:drop-shadow(0 0 6px #dcae5b80)}body[data-pixel-page="lieutenant-list"] .lt-hall-hero>div,body[data-pixel-page="commander"] .commander-hero>div,body[data-pixel-page="commander-recruit"] .recruit-hero>div{z-index:1;display:grid;min-width:0;line-height:1.2}body[data-pixel-page="lieutenant-list"] .lt-hall-hero small,body[data-pixel-page="commander"] .commander-hero small,body[data-pixel-page="commander-recruit"] .recruit-hero small{color:#cdbb89;font-size:10px;letter-spacing:.12em}body[data-pixel-page="lieutenant-list"] .lt-hall-hero h1,body[data-pixel-page="commander"] .commander-hero h1,body[data-pixel-page="commander-recruit"] .recruit-hero h1{margin:2px 0;color:#ffe3a4;font-size:22px;line-height:1.2}body[data-pixel-page="lieutenant-list"] .lt-hall-hero p,body[data-pixel-page="commander"] .commander-hero p,body[data-pixel-page="commander-recruit"] .recruit-hero p{margin:2px 0 0;color:#b8cec8;font-size:11px}body[data-pixel-page="lieutenant-list"] .lt-hall-hero>b,body[data-pixel-page="commander"] .commander-hero>b{z-index:1;display:grid;padding-left:9px;border-left:1px solid #9d8758;color:#f7dda2;font-size:17px;line-height:1.1;text-align:center}body[data-pixel-page="lieutenant-list"] .lt-hall-hero>b small,body[data-pixel-page="commander"] .commander-hero>b small{font-size:9px;letter-spacing:0}
body[data-pixel-page="lieutenant-list"] .lt-command-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:8px 0}body[data-pixel-page="lieutenant-list"] .lt-command-row a{display:grid!important;grid-template-columns:27px minmax(0,1fr);gap:6px;align-items:center;min-height:49px;margin:0!important;padding:6px 7px!important;border:1px solid #516b6b!important;border-radius:6px!important;background:#1e383b!important;box-shadow:none!important}body[data-pixel-page="lieutenant-list"] .lt-command-row .px-icon{width:27px;height:27px}body[data-pixel-page="lieutenant-list"] .lt-command-row span:nth-child(2){display:grid;line-height:1.2}body[data-pixel-page="lieutenant-list"] .lt-command-row small{color:#abc1bc;font-size:9px}body[data-pixel-page="lieutenant-list"] .lt-command-row b{color:#edd9a4;font-size:12px;white-space:nowrap}body[data-pixel-page="lieutenant-list"] .lt-command-row em{grid-column:2;color:#d5bb83;font-size:10px;font-style:normal}
body[data-pixel-page="lieutenant-list"] .lt-roster{display:grid;gap:7px;margin-top:10px}body[data-pixel-page="lieutenant-list"] .lt-card{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:76px;padding:8px;border:1px solid #4c6969;border-radius:8px;background:linear-gradient(105deg,#203b3d,#163136);box-shadow:0 3px 7px #060e1260}body[data-pixel-page="lieutenant-list"] .lt-card:before{position:absolute;left:0;top:9px;bottom:9px;width:2px;background:#879b87;content:""}body[data-pixel-page="lieutenant-list"] .lt-card.is-deployed:before{background:#d49f48;box-shadow:0 0 5px #e7b450}body[data-pixel-page="lieutenant-list"] .lt-card.is-traveling:before{background:#78a9d1}body[data-pixel-page="lieutenant-list"] .lt-card.is-danger:before{background:#c06b68}body[data-pixel-page="lieutenant-list"] .lt-card-art{width:52px!important;height:60px!important;margin-left:3px;border:1px solid #b29052;border-radius:5px;box-shadow:0 2px 5px #0009}body[data-pixel-page="lieutenant-list"] .lt-card-copy{display:grid;min-width:0;line-height:1.18}body[data-pixel-page="lieutenant-list"] .lt-card-copy>small{color:#c7b37e;font-size:10px}body[data-pixel-page="lieutenant-list"] .lt-card-copy>a{display:flex!important;align-items:baseline;gap:6px;min-width:0;margin:2px 0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}body[data-pixel-page="lieutenant-list"] .lt-card-copy>a b{overflow:hidden;color:#f7dfa4;font-size:17px;white-space:nowrap;text-overflow:ellipsis}body[data-pixel-page="lieutenant-list"] .lt-card-copy>a em{flex:none;color:#a8c3bd;font-size:10px;font-style:normal}body[data-pixel-page="lieutenant-list"] .lt-card-copy p{display:flex;gap:5px;flex-wrap:wrap;margin:1px 0;color:#a9c0bc;font-size:10px}body[data-pixel-page="lieutenant-list"] .lt-state{color:#d7bd81}body[data-pixel-page="lieutenant-list"] .lt-card-actions{display:grid;gap:3px}body[data-pixel-page="lieutenant-list"] .lt-card-actions a{margin:0!important;padding:3px 5px!important;border:1px solid #766545!important;border-radius:4px!important;background:#263d40!important;box-shadow:none!important;color:#e9d3a0;font-size:10px!important;white-space:nowrap}.lt-empty{display:grid;grid-template-columns:45px minmax(0,1fr);gap:8px;align-items:center;padding:14px 9px;border:1px dashed #5a7471;border-radius:7px;background:#183136}.lt-empty .rank-insignia{width:42px;height:42px;opacity:.55;filter:grayscale(1)}.lt-empty div{display:grid;line-height:1.2}.lt-empty b{color:#f0dba6;font-size:14px}.lt-empty small{color:#a9c0ba;font-size:11px}.lt-empty a{grid-column:2;margin:0!important;padding:1px 0!important;border:0!important;background:none!important;box-shadow:none!important;color:#e0c38a;font-size:11px!important}
body[data-pixel-page="lieutenant-detail"] .lt-detail-hero{display:grid;grid-template-columns:75px minmax(0,1fr);gap:10px;align-items:center;margin:7px 0 9px;padding:10px;border:1px solid #a07c43;border-radius:9px;background:radial-gradient(circle at 11% 40%,#e0af4a24,transparent 30%),linear-gradient(105deg,#2e3933,#18353a)}body[data-pixel-page="lieutenant-detail"] .lt-detail-hero.is-deployed{box-shadow:0 0 12px #e4af4a31}body[data-pixel-page="lieutenant-detail"] .lt-detail-hero.is-danger{border-color:#9f5d5b;background:linear-gradient(105deg,#402f31,#233438)}body[data-pixel-page="lieutenant-detail"] .lt-detail-art{width:70px!important;height:83px!important;border:2px solid #b89452;border-radius:7px;box-shadow:0 3px 8px #0009}body[data-pixel-page="lieutenant-detail"] .lt-detail-hero>div{display:grid;min-width:0;line-height:1.2}body[data-pixel-page="lieutenant-detail"] .lt-detail-hero small{color:#c8b580;font-size:10px;letter-spacing:.1em}body[data-pixel-page="lieutenant-detail"] .lt-detail-hero h1{overflow:hidden;margin:3px 0;color:#ffe3a7;font-size:22px;line-height:1.15;white-space:nowrap;text-overflow:ellipsis}body[data-pixel-page="lieutenant-detail"] .lt-detail-hero h1 em{color:#c2d3ca;font-size:13px;font-style:normal}body[data-pixel-page="lieutenant-detail"] .lt-detail-hero p{overflow:hidden;margin:0;color:#b5c9c4;font-size:10px;white-space:nowrap;text-overflow:ellipsis}body[data-pixel-page="lieutenant-detail"] .lt-level-track{display:block;overflow:hidden;height:5px;margin-top:6px;border:1px solid #536b68;border-radius:4px;background:#102027}body[data-pixel-page="lieutenant-detail"] .lt-level-track i{display:block;width:var(--lt-exp);height:100%;background:linear-gradient(90deg,#6ba793,#e1ba6c)}body[data-pixel-page="lieutenant-detail"] .lt-detail-hero>b{margin-top:2px;color:#d7c391;font-size:10px;font-weight:normal}
body[data-pixel-page="lieutenant-detail"] .lt-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:8px 0}body[data-pixel-page="lieutenant-detail"] .lt-stat-grid article{display:grid;grid-template-columns:20px minmax(0,1fr);gap:1px 4px;align-items:center;min-height:55px;padding:5px;border:1px solid #496466;border-radius:6px;background:#1c3539}body[data-pixel-page="lieutenant-detail"] .lt-stat-grid .px-icon{grid-row:span 2;width:19px;height:19px}body[data-pixel-page="lieutenant-detail"] .lt-stat-grid small{color:#abc0bc;font-size:10px;line-height:1.1}body[data-pixel-page="lieutenant-detail"] .lt-stat-grid b{overflow:hidden;color:#ffe0a1;font-size:13px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}
body[data-pixel-page="lieutenant-detail"] .lt-growth-panel{margin:9px 0;border:1px solid #4b6967;border-radius:8px;background:#193338;overflow:hidden}body[data-pixel-page="lieutenant-detail"] .lt-growth-panel>header{display:flex;gap:6px;align-items:center;padding:7px 9px;border-bottom:1px solid #496363;background:#223e40}body[data-pixel-page="lieutenant-detail"] .lt-growth-panel>header .px-icon{width:24px;height:24px}body[data-pixel-page="lieutenant-detail"] .lt-growth-panel header div{display:grid;line-height:1.1}body[data-pixel-page="lieutenant-detail"] .lt-growth-panel header small{color:#a8c0ba;font-size:9px}body[data-pixel-page="lieutenant-detail"] .lt-growth-panel h2{margin:2px 0;color:#f1dca7;font-size:15px}body[data-pixel-page="lieutenant-detail"] .lt-growth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;padding:3px 9px}body[data-pixel-page="lieutenant-detail"] .lt-growth-grid article{display:flex;justify-content:space-between;gap:5px;align-items:center;min-width:0;padding:6px 0;border-bottom:1px solid #385457}body[data-pixel-page="lieutenant-detail"] .lt-growth-grid span{display:grid;min-width:0;line-height:1.1}body[data-pixel-page="lieutenant-detail"] .lt-growth-grid small{color:#a8c0bc;font-size:9px}body[data-pixel-page="lieutenant-detail"] .lt-growth-grid b{overflow:hidden;color:#eeda9f;font-size:12px;white-space:nowrap;text-overflow:ellipsis}body[data-pixel-page="lieutenant-detail"] .lt-growth-grid a,body[data-pixel-page="lieutenant-detail"] .lt-exp-panel a,body[data-pixel-page="lieutenant-detail"] .lt-duty-actions a{margin:0!important;padding:3px 5px!important;border:1px solid #92794a!important;border-radius:4px!important;background:#293e3e!important;box-shadow:none!important;color:#f0d9a1;font-size:10px!important;white-space:nowrap}
body[data-pixel-page="lieutenant-detail"] .lt-exp-panel,body[data-pixel-page="lieutenant-detail"] .lt-skill-entry{display:flex;align-items:center;gap:6px;margin:8px 0;padding:7px 9px;border:1px solid #536d6c;border-radius:7px;background:#1d373a}body[data-pixel-page="lieutenant-detail"] .lt-exp-panel div,body[data-pixel-page="lieutenant-detail"] .lt-skill-entry div{display:grid;min-width:0;line-height:1.1}body[data-pixel-page="lieutenant-detail"] .lt-exp-panel div{margin-right:auto}body[data-pixel-page="lieutenant-detail"] .lt-exp-panel small,body[data-pixel-page="lieutenant-detail"] .lt-skill-entry small{color:#a9c1bb;font-size:9px}body[data-pixel-page="lieutenant-detail"] .lt-exp-panel b,body[data-pixel-page="lieutenant-detail"] .lt-skill-entry b{color:#f1dba3;font-size:13px}body[data-pixel-page="lieutenant-detail"] .lt-duty-panel{margin:9px 0;border:1px solid #75835a;border-radius:8px;background:linear-gradient(105deg,#263c35,#19353a);overflow:hidden}body[data-pixel-page="lieutenant-detail"] .lt-duty-panel>header{display:flex;gap:8px;align-items:center;padding:8px 9px;border-bottom:1px solid #526757}body[data-pixel-page="lieutenant-detail"] .lt-duty-panel .rank-insignia{width:33px;height:33px}body[data-pixel-page="lieutenant-detail"] .lt-duty-panel header div{display:grid;line-height:1.1}body[data-pixel-page="lieutenant-detail"] .lt-duty-panel small{color:#b5cdbf;font-size:9px}body[data-pixel-page="lieutenant-detail"] .lt-duty-panel h2{margin:2px 0;color:#f2dba4;font-size:15px}body[data-pixel-page="lieutenant-detail"] .lt-duty-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 9px;color:#bbcdc7;font-size:11px}body[data-pixel-page="lieutenant-detail"] .lt-skill-entry>.px-icon{width:30px;height:30px}body[data-pixel-page="lieutenant-detail"] .lt-skill-entry a{margin-left:auto!important;padding:2px 0!important;border:0!important;background:none!important;box-shadow:none!important;color:#e7c98c;font-size:11px!important;white-space:nowrap}body[data-pixel-page="lieutenant-detail"] .lt-banish{margin:12px 2px;text-align:right}body[data-pixel-page="lieutenant-detail"] .lt-banish a{margin:0!important;padding:2px 0!important;border:0!important;background:none!important;box-shadow:none!important;color:#bf8581;font-size:11px!important}
body[data-pixel-page="commander"] .commander-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:9px 0}body[data-pixel-page="commander"] .commander-action-grid>a{display:grid!important;min-height:106px;margin:0!important;padding:9px!important;border:1px solid #4c6867!important;border-radius:8px!important;background:linear-gradient(135deg,#233d3f,#193035)!important;box-shadow:none!important}body[data-pixel-page="commander"] .commander-action-grid>a:first-child{border-color:#a48245!important;background:linear-gradient(135deg,#483a29,#1b383b)!important}body[data-pixel-page="commander"] .commander-action-grid .px-icon{width:33px;height:33px}body[data-pixel-page="commander"] .commander-action-grid b{margin-top:3px;color:#f3dda5;font-size:15px;line-height:1.2}body[data-pixel-page="commander"] .commander-action-grid small{color:#a9c0bb;font-size:10px;line-height:1.25}body[data-pixel-page="commander"] .commander-action-grid em{align-self:end;color:#e2c185;font-size:11px;font-style:normal}body[data-pixel-page="commander"] .commander-quest-panel{margin:8px 0;border:1px solid #4f6968;border-radius:7px;background:#1b3639;overflow:hidden}body[data-pixel-page="commander"] .commander-quest-panel header{display:flex;gap:5px;align-items:center;padding:6px 8px;border-bottom:1px solid #496263;color:#eedaa4;font-size:12px}body[data-pixel-page="commander"] .commander-quest-panel header .px-icon{width:21px;height:21px}body[data-pixel-page="commander"] .commander-quest-panel a{display:flex!important;justify-content:space-between;margin:0!important;padding:6px 8px!important;border:0!important;border-top:1px solid #3d5758!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#d9e0cc;font-size:12px!important}body[data-pixel-page="commander"] .commander-quest-panel em{color:#dfc187;font-size:10px;font-style:normal}.commander-note,.recruit-note{margin:10px 2px;color:#91a7a4;text-align:center;font-size:10px}
body[data-pixel-page="commander-recruit"] .recruit-hero{grid-template-columns:60px minmax(0,1fr)}body[data-pixel-page="commander-recruit"] .recruit-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:8px 0}body[data-pixel-page="commander-recruit"] .recruit-resources article{display:grid;grid-template-columns:21px minmax(0,1fr);gap:1px 4px;align-items:center;padding:5px;border:1px solid #506b69;border-radius:6px;background:#1d3639}body[data-pixel-page="commander-recruit"] .recruit-resources .px-icon{grid-row:span 2;width:20px;height:20px}body[data-pixel-page="commander-recruit"] .recruit-resources small{color:#a9c0ba;font-size:9px;line-height:1}body[data-pixel-page="commander-recruit"] .recruit-resources b{overflow:hidden;color:#f4dca3;font-size:13px;line-height:1.1;white-space:nowrap;text-overflow:ellipsis}body[data-pixel-page="commander-recruit"] .recruit-methods{display:grid;gap:7px;margin:10px 0}body[data-pixel-page="commander-recruit"] .recruit-methods a{display:grid!important;grid-template-columns:42px minmax(0,1fr)auto;gap:8px;align-items:center;min-height:70px;margin:0!important;padding:8px!important;border:1px solid #58716e!important;border-radius:8px!important;background:#1d373a!important;box-shadow:none!important}body[data-pixel-page="commander-recruit"] .recruit-methods .recruit-method-token{border-color:#aa8749!important;background:linear-gradient(105deg,#403728,#1b393b)!important}body[data-pixel-page="commander-recruit"] .recruit-methods .px-icon{width:38px;height:38px}body[data-pixel-page="commander-recruit"] .recruit-methods div{display:grid;min-width:0;line-height:1.15}body[data-pixel-page="commander-recruit"] .recruit-methods small{color:#b8c8bf;font-size:10px}body[data-pixel-page="commander-recruit"] .recruit-methods b{overflow:hidden;margin:2px 0;color:#f4dda4;font-size:15px;white-space:nowrap;text-overflow:ellipsis}body[data-pixel-page="commander-recruit"] .recruit-methods em{color:#a9c2bd;font-size:10px;font-style:normal}body[data-pixel-page="commander-recruit"] .recruit-methods strong{color:#e4c383;font-size:11px;white-space:nowrap}
@media(max-width:360px){body[data-pixel-page="lieutenant-detail"] .lt-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-pixel-page="lieutenant-detail"] .lt-growth-grid{grid-template-columns:1fr}body[data-pixel-page="lieutenant-list"] .lt-card{grid-template-columns:50px minmax(0,1fr)auto;padding:6px}body[data-pixel-page="lieutenant-list"] .lt-card-art{width:46px!important;height:54px!important}body[data-pixel-page="commander"] .commander-action-grid>a{min-height:94px;padding:7px!important}body[data-pixel-page="commander-recruit"] .recruit-resources{gap:3px}body[data-pixel-page="commander-recruit"] .recruit-resources article{padding:4px}}

body[data-pixel-page="lieutenant-skills"] .lt-skill-hero{display:grid;grid-template-columns:47px minmax(0,1fr)auto;gap:8px;align-items:center;margin:7px 0 9px;padding:9px;border:1px solid #997843;border-radius:8px;background:linear-gradient(105deg,#37362d,#18353a)}body[data-pixel-page="lieutenant-skills"] .lt-skill-hero .pixel-skill-icon{width:45px;height:45px;border:1px solid #c29c53;border-radius:6px;box-shadow:0 2px 6px #0009}body[data-pixel-page="lieutenant-skills"] .lt-skill-hero div{display:grid;min-width:0;line-height:1.15}body[data-pixel-page="lieutenant-skills"] .lt-skill-hero small{color:#c6b481;font-size:10px}body[data-pixel-page="lieutenant-skills"] .lt-skill-hero h1{margin:2px 0;color:#f6e0a8;font-size:20px}body[data-pixel-page="lieutenant-skills"] .lt-skill-hero p{margin:1px 0;color:#b1c8c1;font-size:10px}body[data-pixel-page="lieutenant-skills"] .lt-skill-hero>a{margin:0!important;padding:2px 0!important;border:0!important;background:none!important;box-shadow:none!important;color:#e5c589;font-size:11px!important}.lt-skill-section{margin:9px 0;border:1px solid #4a6768;border-radius:7px;background:#183237;overflow:hidden}.lt-skill-section>header{display:flex;justify-content:space-between;padding:6px 8px;border-bottom:1px solid #486364;background:#223d40;color:#efd9a0;font-size:13px;font-weight:bold}.lt-skill-section>header small{color:#abc1ba;font-size:10px;font-weight:normal}.lt-skill-list{display:grid;gap:0}.lt-skill-list article{display:grid;grid-template-columns:35px minmax(0,1fr)auto;gap:7px;align-items:center;min-height:53px;padding:6px 8px;border-top:1px solid #3d595a}.lt-skill-list article:first-child{border-top:0}.lt-skill-list .pixel-skill-icon{width:33px;height:33px;border:1px solid #637473;border-radius:5px;background-color:#11252d}.lt-skill-list article.is-learned .pixel-skill-icon{border-color:#c49a51;box-shadow:0 0 6px #d4a8523d}.lt-skill-list article>div{display:grid;min-width:0;line-height:1.15}.lt-skill-list b{overflow:hidden;color:#eddaa7;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.lt-skill-list b em{color:#9dc6ae;font-size:10px;font-style:normal}.lt-skill-list small{color:#a8beba;font-size:10px}.lt-skill-list>article>span{display:flex;gap:3px}.lt-skill-list a{margin:0!important;padding:3px 5px!important;border:1px solid #756342!important;border-radius:4px!important;background:#263d40!important;box-shadow:none!important;color:#e8d3a0;font-size:10px!important}.lt-skill-empty{margin:0;padding:14px 9px;color:#a9bfba;font-size:11px;text-align:center}
body[data-pixel-page="lieutenant-travel"] .lt-travel-hero{display:grid;grid-template-columns:67px minmax(0,1fr)auto;gap:9px;align-items:center;margin:7px 0 9px;padding:10px;border:1px solid #9c7b46;border-radius:9px;background:linear-gradient(105deg,#313a31,#17363a)}body[data-pixel-page="lieutenant-travel"] .lt-travel-art{width:62px!important;height:74px!important;border:1px solid #bc9954;border-radius:6px;box-shadow:0 3px 7px #0009}body[data-pixel-page="lieutenant-travel"] .lt-travel-hero div{display:grid;min-width:0;line-height:1.15}body[data-pixel-page="lieutenant-travel"] .lt-travel-hero small{color:#c8b680;font-size:10px}body[data-pixel-page="lieutenant-travel"] .lt-travel-hero h1{margin:2px 0;color:#f9e2a9;font-size:20px}body[data-pixel-page="lieutenant-travel"] .lt-travel-hero p{margin:1px 0;color:#b0c7c0;font-size:10px}body[data-pixel-page="lieutenant-travel"] .lt-travel-hero>b{display:grid;padding-left:7px;border-left:1px solid #9b875a;color:#f6dda2;font-size:22px;line-height:1;text-align:center}body[data-pixel-page="lieutenant-travel"] .lt-travel-hero>b small,body[data-pixel-page="lieutenant-travel"] .lt-travel-hero>b span{color:#b7c7bf;font-size:9px}.lt-travel-rewards{margin:9px 0;border:1px solid #4c6968;border-radius:8px;background:#183338;overflow:hidden}.lt-travel-rewards header{display:flex;gap:6px;align-items:center;padding:7px 9px;border-bottom:1px solid #496364;background:#223e40}.lt-travel-rewards header .px-icon{width:24px;height:24px}.lt-travel-rewards header div{display:grid;line-height:1.1}.lt-travel-rewards header small{color:#a8c0ba;font-size:9px}.lt-travel-rewards h2{margin:2px 0;color:#f1daa1;font-size:15px}.lt-travel-rewards article{display:grid;gap:1px;padding:7px 9px;border-top:1px solid #3d5758}.lt-travel-rewards article b{color:#e9d5a0;font-size:12px}.lt-travel-rewards article span{color:#aec3bd;font-size:11px;line-height:1.3}.lt-travel-risk{display:flex;gap:8px;align-items:center;padding:8px 9px;border:1px solid #71644d;border-radius:7px;background:#2b3432}.lt-travel-risk .px-icon{width:28px;height:28px}.lt-travel-risk div{display:grid;line-height:1.2}.lt-travel-risk b{color:#f1d8a3;font-size:12px}.lt-travel-risk small{color:#b7c5c0;font-size:10px}.lt-travel-note{margin:8px 2px;color:#9eb4b0;font-size:10px;text-align:center}.lt-travel-start{display:block!important;margin:9px 0!important;padding:8px!important;border:1px solid #bd9851!important;border-radius:6px!important;background:linear-gradient(#71473a,#4b3031)!important;box-shadow:0 3px #101a20!important;color:#ffe3a5!important;font-size:14px!important;text-align:center}
@media(min-width:520px){body[data-pixel-page="achievements"] .achievement-entry-list{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-pixel-page="achievements"] .achievement-entry{min-height:63px}body[data-pixel-page="achievements"] .achievement-entry-main{grid-template-columns:42px minmax(0,1fr)}body[data-pixel-page="achievements"] .achievement-entry-main .achievement-badge-art,body[data-pixel-page="achievements"] .achievement-entry-main .achievement-difficulty-art{width:40px;height:40px}body[data-pixel-page="achievements"] .achievement-entry-state{grid-column:2;padding:0;justify-items:start;text-align:left}body[data-pixel-page="achievements"] .achievement-entry-copy em{white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}body[data-pixel-page="achievements"] .achievement-entry.is-ready .achievement-entry-main{grid-template-columns:42px minmax(0,1fr)}body[data-pixel-page="achievements"] .achievement-entry.is-ready .achievement-entry-state{display:none}body[data-pixel-page="achievements"] .achievement-claim{margin-right:6px!important}}
@media(max-width:360px){body[data-pixel-page="achievements"] .achievement-hero{grid-template-columns:54px minmax(0,1fr)52px;padding:8px;gap:7px}body[data-pixel-page="achievements"] .achievement-hall-art{width:54px;height:54px}body[data-pixel-page="achievements"] .achievement-completion-ring{width:52px;height:52px}body[data-pixel-page="achievements"] .achievement-hero-copy h1{font-size:19px}body[data-pixel-page="achievements"] .achievement-entry-main{grid-template-columns:40px minmax(0,1fr)auto;gap:5px;padding:6px!important}body[data-pixel-page="achievements"] .achievement-entry-main .achievement-badge-art,body[data-pixel-page="achievements"] .achievement-entry-main .achievement-difficulty-art{width:38px;height:38px}body[data-pixel-page="achievements"] .achievement-entry-copy strong{font-size:13px}body[data-pixel-page="achievement-detail"] .achievement-detail-hero{grid-template-columns:54px minmax(0,1fr);padding:9px;gap:7px}body[data-pixel-page="achievement-detail"] .achievement-detail-hero .achievement-badge-art,body[data-pixel-page="achievement-detail"] .achievement-detail-hero .achievement-difficulty-art{width:54px;height:54px}body[data-pixel-page="achievement-detail"] .achievement-detail-hero h1{font-size:18px}body[data-pixel-page="achievement-detail"] .achievement-reward-grid{grid-template-columns:1fr}}

/* Blacksmith: a compact workshop flow shared by forging, enhancement, amplifier and sale pages. */
body[data-pixel-page^="crafting-"],body[data-pixel-page^="blacksmith"],body[data-pixel-page^="activity-barbarian"],body[data-pixel-page="forge-result"]{font-size:14px;line-height:1.35}
body[data-pixel-page^="crafting-"] .page-nav,body[data-pixel-page^="blacksmith"] .page-nav,body[data-pixel-page^="activity-barbarian"] .page-nav,body[data-pixel-page="forge-result"] .page-nav{margin-bottom:8px}
.smith-hero,.forge-hero,.amp-target{display:grid;grid-template-columns:66px minmax(0,1fr);gap:9px;align-items:center;margin:8px 0 10px;padding:10px;border:1px solid #a27e43;border-radius:8px;background:radial-gradient(circle at 8% 45%,#e1ab4a27,transparent 38%),linear-gradient(110deg,#39392e,#19353a)}.smith-hero .px-art,.forge-hero .px-art,.amp-target .px-equipment{width:62px;height:62px}.smith-hero h1,.forge-hero h1,.amp-target h1{margin:2px 0;color:#f5dda1;font-size:21px;line-height:1.1}.smith-hero small,.forge-hero small,.amp-target small{color:#c7b782;font-size:10px}.smith-hero p,.forge-hero p,.amp-target p{margin:4px 0 0;color:#b7c9c1;font-size:10px;line-height:1.35}.forge-hero--compact{grid-template-columns:52px minmax(0,1fr);padding:8px}.forge-hero--compact>.px-art,.forge-hero--compact>.px-icon{width:47px;height:47px}.forge-hero--compact h1{font-size:18px}
.smith-quest,.smith-actions,.amp-list{margin:9px 0;border:1px solid #486567;border-radius:7px;background:#183338;overflow:hidden}.smith-quest header,.smith-actions>header,.amp-list>header{display:flex;gap:6px;align-items:center;padding:7px 9px;border-bottom:1px solid #4a6263;background:#223d40;color:#f1d9a0;font-size:13px;font-weight:bold}.smith-actions>header small{margin-left:auto;color:#a9c0b9;font-size:10px;font-weight:normal}.smith-quest header .px-icon,.smith-actions header .px-icon{width:21px;height:21px}.smith-quest>a{display:flex!important;justify-content:space-between;gap:8px;margin:0!important;padding:7px 9px!important;border:0!important;border-top:1px solid #3d5758!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:#d9e0cc!important;font-size:12px!important}.smith-quest>a:first-of-type{border-top:0!important}.smith-quest em,.smith-action-grid em,.forge-choice-list em{color:#e2c184;font-size:11px;font-style:normal;white-space:nowrap}
.smith-action-grid,.forge-choice-list{display:grid;gap:6px;margin:9px 0}.smith-action-grid{padding:7px}.smith-action-grid>a,.forge-choice-list>a{display:grid!important;grid-template-columns:39px minmax(0,1fr)auto;gap:8px;align-items:center;min-height:55px;margin:0!important;padding:7px!important;border:1px solid #4d6a69!important;border-radius:7px!important;background:linear-gradient(110deg,#203c3e,#183136)!important;box-shadow:none!important}.smith-action-grid>a:nth-child(-n+3){border-color:#927644!important;background:linear-gradient(110deg,#3b382b,#19363a)!important}.smith-action-grid .px-art,.smith-action-grid .px-icon,.forge-choice-list .px-art,.forge-choice-list .px-icon{width:35px;height:35px}.smith-action-grid span,.forge-choice-list span{display:grid;min-width:0;line-height:1.15}.smith-action-grid b,.forge-choice-list b{overflow:hidden;color:#f2dca5;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.smith-action-grid small,.forge-choice-list small{overflow:hidden;color:#acc2bb;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.forge-choice-list>a{grid-template-columns:42px minmax(0,1fr)auto;min-height:62px;padding:8px!important}.forge-choice-list .px-art,.forge-choice-list .px-icon{width:39px;height:39px}.forge-back{margin:11px 2px;text-align:center}.forge-back a{margin:0!important;padding:2px 0!important;border:0!important;background:none!important;box-shadow:none!important;color:#e2c184!important;font-size:12px!important}
.smith-action-grid .px-equipment.compact{width:39px;margin:0;padding:0}.smith-action-grid .px-equipment.compact .px-equipment-art{width:35px;height:35px}.smith-action-grid .px-equipment.compact .px-level,.smith-action-grid .px-equipment.compact .px-stars,.smith-action-grid .px-equipment.compact .px-equipment-name{display:none}.forge-hero .px-equipment.compact{width:62px;margin:0;padding:1px}.forge-hero .px-equipment.compact .px-equipment-art{width:56px;height:56px}.forge-hero .px-equipment.compact .px-level,.forge-hero .px-equipment.compact .px-stars,.forge-hero .px-equipment.compact .px-equipment-name{display:none}.forge-choice-list .px-equipment.compact{width:42px;margin:0;padding:0}.forge-choice-list .px-equipment.compact .px-equipment-art{width:39px;height:39px}.forge-choice-list .px-equipment.compact .px-level,.forge-choice-list .px-equipment.compact .px-stars,.forge-choice-list .px-equipment.compact .px-equipment-name{display:none}
.forge-tabs,.sell-tabs{margin:7px 0}.forge-item-list,.smith-equipment-list,.sell-item-grid{display:grid;gap:6px;margin:8px 0}.forge-item-list>article,.smith-equipment-list>article,.amp-list>article{display:grid;grid-template-columns:46px minmax(0,1fr)auto;gap:8px;align-items:center;min-height:65px;padding:7px 8px;border:1px solid #4c6868;border-radius:7px;background:#1b3539}.forge-item-list .px-art,.forge-item-list .px-icon{width:42px;height:42px}.forge-item-list>article>div:nth-child(2),.smith-equipment-list>article>div,.amp-list>article>div{display:grid;min-width:0;line-height:1.18}.forge-item-list b,.smith-equipment-list b,.amp-list b{overflow:hidden;color:#eddaa3;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.forge-item-list small,.smith-equipment-list small,.amp-list small{color:#aec3bc;font-size:10px}.forge-item-list p{margin:3px 0 0;color:#b9cac2;font-size:10px;line-height:1.3}.forge-item-list>a,.forge-item-list input[type=submit],.smith-equipment-list a,.amp-list a{margin:0!important;padding:4px 7px!important;border:1px solid #887448!important;border-radius:4px!important;background:#2b4142!important;box-shadow:none!important;color:#f0d8a0!important;font-size:11px!important;white-space:nowrap}.forge-item-list form{margin:0}.forge-empty{margin:0;padding:14px 8px;color:#aabeb8;font-size:11px;text-align:center}.smith-equipment-list>article{grid-template-columns:70px minmax(0,1fr)auto}.smith-equipment-list .px-equipment.compact{width:67px;margin:0;padding:1px}.smith-equipment-list .px-equipment.compact .px-equipment-art{width:58px;height:58px}.smith-equipment-list>article>span{display:flex;gap:4px;align-items:center}
.smith-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:8px 0}.smith-resource-grid>span{display:grid;grid-template-columns:25px minmax(0,1fr);gap:1px 5px;align-items:center;min-height:43px;padding:5px;border:1px solid #496465;border-radius:6px;background:#1b3539}.smith-resource-grid .px-art,.smith-resource-grid .px-icon{grid-row:span 2;width:23px;height:23px}.smith-resource-grid small{overflow:hidden;color:#a9c0b9;font-size:9px;white-space:nowrap;text-overflow:ellipsis}.smith-resource-grid b{overflow:hidden;color:#efd9a0;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.amp-list>header small{margin-left:auto;color:#a6bcb6;font-size:10px;font-weight:normal}.amp-list>article{margin:0;border:0;border-top:1px solid #3d5758;border-radius:0;background:transparent}.amp-list>article:first-of-type{border-top:0}.amp-list .px-art{width:39px;height:39px}
.amp-target{grid-template-columns:76px minmax(0,1fr)}.amp-target .px-equipment.compact{width:72px;margin:0}.amp-target .px-equipment.compact .px-equipment-art{width:62px;height:62px}.amp-summary{margin:7px 0;padding:7px 8px;border:1px solid #65755c;border-radius:6px;background:#263b35;color:#d7e1c5;font-size:11px;text-align:center}
.sell-group-list{display:grid;gap:6px;margin:8px 0}.sell-group-list label,.sell-item-grid label{display:grid;grid-template-columns:auto 28px minmax(0,1fr)auto;gap:7px;align-items:center;min-height:49px;padding:7px;border:1px solid #4c6868;border-radius:7px;background:#1b3539;color:#dce1cd}.sell-group-list label .px-icon,.sell-item-grid .px-art{width:26px;height:26px}.sell-group-list label span,.sell-item-grid label span{display:grid;min-width:0;line-height:1.15}.sell-group-list label b,.sell-item-grid label b{overflow:hidden;color:#f0dba4;font-size:13px;white-space:nowrap;text-overflow:ellipsis}.sell-group-list label small,.sell-item-grid label small{color:#a9c1ba;font-size:10px}.sell-group-list label em,.sell-item-grid label em{color:#e4c485;font-size:10px;font-style:normal;white-space:nowrap}.sell-group-list input[type=submit],.sell-confirm{display:block!important;margin:8px 0!important;padding:7px 10px!important;border:1px solid #a58249!important;border-radius:6px!important;background:#483a29!important;box-shadow:none!important;color:#ffe0a3!important;font-size:13px!important;text-align:center}.sell-confirm{display:block!important}.sell-item-grid label{grid-template-columns:auto 39px minmax(0,1fr)auto}.sell-item-grid .px-art{width:36px;height:36px}.smith-wallet{margin:9px 2px;color:#b8cbc4;text-align:right;font-size:11px}.smith-wallet b{color:#efd69b;font-size:14px}
.forge-result-panel{display:grid;justify-items:center;gap:7px;margin:16px 0;padding:17px 10px;border:1px solid #a58147;border-radius:9px;background:radial-gradient(circle at 50% 24%,#e6b7502e,transparent 42%),linear-gradient(#36382e,#19353a);text-align:center}.forge-result-panel>.px-icon{width:36px;height:36px}.forge-result-panel h1{margin:0;color:#f7df9f;font-size:20px}.forge-result-panel p{margin:0;color:#c4d2c4;font-size:12px}.forge-result-panel small{color:#aebfb8;font-size:10px}.forge-result-panel .px-equipment{margin:3px auto}.px-loading #pixel-content{opacity:.55;pointer-events:none}
.enhance-target{display:grid;grid-template-columns:94px minmax(0,1fr);gap:9px;align-items:center;margin:8px 0;padding:9px;border:1px solid #a17c43;border-radius:8px;background:linear-gradient(110deg,#39392d,#18353a)}.enhance-target .px-equipment{width:88px;margin:0}.enhance-target .px-equipment-art{width:76px;height:76px}.enhance-target>div{display:grid;min-width:0;line-height:1.15}.enhance-target small{color:#c9b782;font-size:10px}.enhance-target h1{overflow:hidden;margin:3px 0;color:#f4dca4;font-size:18px;white-space:nowrap;text-overflow:ellipsis}.enhance-target p{margin:1px 0;color:#b8cbc3;font-size:11px}.enhance-target a{justify-self:start;margin-top:5px!important;padding:3px 6px!important;border:1px solid #806d49!important;border-radius:4px!important;background:#293f41!important;box-shadow:none!important;color:#ecd69e!important;font-size:10px!important}.enhance-stats,.enhance-plan,.luck-list{margin:9px 0;border:1px solid #4b6768;border-radius:7px;background:#193338;overflow:hidden}.enhance-stats>header,.enhance-plan>header,.luck-list>header{padding:7px 9px;border-bottom:1px solid #4a6263;background:#223d40;color:#eed8a0;font-size:13px;font-weight:bold}.enhance-stats>div,.enhance-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;padding:3px 9px}.enhance-stats span,.enhance-plan-grid span{display:grid;gap:1px;min-width:0;padding:5px 0;border-bottom:1px solid #385456}.enhance-stats small,.enhance-plan-grid small{color:#a8c0ba;font-size:9px}.enhance-stats b,.enhance-plan-grid b{overflow:hidden;color:#eed9a1;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.enhance-stats p,.enhance-plan>p,.luck-list>p{margin:0;padding:7px 9px;color:#afc3bd;font-size:10px;line-height:1.35}.luck-list>span{display:grid;grid-template-columns:24px minmax(0,1fr)auto;gap:6px;align-items:center;padding:6px 9px;border-top:1px solid #3c5758}.luck-list .px-icon{width:21px;height:21px}.luck-list span>div{display:grid;min-width:0;line-height:1.13}.luck-list b{color:#ead7a1;font-size:12px}.luck-list small{color:#a9c0ba;font-size:10px}.luck-list a{margin:0!important;padding:3px 6px!important;border:1px solid #806d49!important;border-radius:4px!important;background:#293f41!important;box-shadow:none!important;color:#ecd69e!important;font-size:10px!important}.enhance-confirm{display:block!important;margin:10px 0!important;padding:9px!important;border:1px solid #b18a49!important;border-radius:6px!important;background:linear-gradient(#68463a,#493033)!important;box-shadow:0 3px #101d22!important;color:#ffe4a6!important;font-size:14px!important;text-align:center}
.forge-item-list--two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.forge-item-list--two-col>article{grid-template-columns:62px minmax(0,1fr);grid-template-rows:auto auto;gap:5px;align-items:start;min-height:132px;padding:7px}.forge-item-list--two-col .px-equipment.compact{width:58px;margin:0;padding:1px}.forge-item-list--two-col .px-equipment.compact .px-equipment-art{width:50px;height:50px}.forge-item-list--two-col>article>div{align-self:center}.forge-item-list--two-col b{font-size:12px}.forge-item-list--two-col small,.forge-item-list--two-col p{font-size:9px}.forge-item-list--two-col>a{grid-column:1/-1;justify-self:stretch;padding:4px!important;text-align:center}@media(max-width:360px){.forge-item-list--two-col{gap:5px}.forge-item-list--two-col>article{grid-template-columns:54px minmax(0,1fr);min-height:126px;padding:5px}.forge-item-list--two-col .px-equipment.compact{width:51px}.forge-item-list--two-col .px-equipment.compact .px-equipment-art{width:44px;height:44px}}
@media(max-width:360px){.smith-action-grid{padding:5px}.smith-action-grid>a{grid-template-columns:34px minmax(0,1fr)auto;padding:6px!important}.smith-action-grid .px-art,.smith-action-grid .px-icon{width:30px;height:30px}.forge-item-list>article{grid-template-columns:39px minmax(0,1fr)auto;padding:6px}.forge-item-list .px-art{width:35px;height:35px}.smith-equipment-list>article{grid-template-columns:62px minmax(0,1fr)auto;padding:5px}.smith-equipment-list>article>span{display:grid}.sell-group-list label,.sell-item-grid label{gap:5px;padding:6px}}