/* Compact visual edition. Presentation only; original action URLs are retained. */
.px-inventory-filters{display:flex;gap:3px;flex-wrap:wrap;align-items:center;margin:4px 0}.pixel-content .px-inventory-filters a,.px-inventory-filters strong{font-size:11px;padding:4px 7px;margin:0}.px-inventory-filters strong{color:#fff1bb;border-bottom:2px solid #d9b87a}
.px-art{position:relative}.px-lt-stars{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#1c1316b0;color:#ff534b;font-size:11px;line-height:14px;text-shadow:1px 0 #ffcb63,-1px 0 #ffcb63}.px-lt-mini .px-lt-stars{display:none}
.px-side-button{position:relative}.px-side-button>.px-badge{position:absolute;top:-7px;right:-9px}.px-side-button>.px-badge i{width:18px;height:18px}
.px-art{display:inline-block;width:58px;height:58px;background-repeat:no-repeat;image-rendering:pixelated;flex-shrink:0;vertical-align:middle;border-radius:4px;background-color:#101d27}
.pixel-content{min-height:0;padding:10px}.pixel-content>br{display:none}.pixel-line{padding:4px 7px;margin-bottom:4px;line-height:1.65}.pixel-page-title{font-size:18px;margin-bottom:8px;padding-bottom:5px}.pixel-divider{margin:7px 0!important}.pixel-content>form{padding:6px;margin:6px 0!important}.pixel-header{padding:7px 12px}.pixel-wallet{margin:6px 0}.pixel-profile .pixel-avatar{width:46px;height:51px}.pixel-profile-info strong{font-size:17px}.pixel-dock{padding-top:3px;padding-bottom:3px}.pixel-dock a{min-height:48px}.pixel-dock .px-icon{width:27px;height:27px}
.px-inventory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:8px 0;align-items:start}.px-inventory-cell{position:relative;min-width:0;border:1px solid #52635a;border-radius:6px;background:#14252e;text-align:center;padding:3px;line-height:1.3}.pixel-content a.px-item-tile{position:relative;display:flex;flex-direction:column;align-items:center;padding:1px;margin:0;border:0;box-shadow:none;background:none;width:100%;min-height:99px}.px-item-tile>.px-art{width:58px;height:58px}.px-item-name{font-size:10px;line-height:1.35;min-height:27px;padding:3px 0 0;overflow-wrap:anywhere}.px-quantity{position:absolute;right:0;top:43px;font-size:10px;padding:1px 3px;background:#07151fe8;color:#ffe3a5;border-radius:3px}.px-inventory-grid .px-bound{top:1px;right:0;font-size:9px}.pixel-content .px-inventory-cell>a.px-gear-link{display:block;margin:0}.px-inventory-grid .px-equipment.compact{width:100%;padding:1px;border-width:1px;min-height:99px}.px-inventory-grid .px-equipment.compact .px-equipment-art{width:58px;height:58px}.px-inventory-grid .px-equipment-name{font-size:10px;min-height:27px;padding:1px;line-height:1.3}.px-inventory-grid .px-stars{font-size:10px;line-height:12px}.px-cell-actions{font-size:10px;line-height:1.4;margin-top:3px}.px-cell-actions>summary{list-style:none;cursor:pointer;color:#bbaa85;border-top:1px solid #465447;padding:3px}.px-cell-actions>summary:after{content:' ▾'}.px-cell-actions[open]{position:absolute;top:calc(100% - 25px);left:-1px;right:-1px;z-index:40;background:#192d36;border:1px solid #ad915f;border-radius:4px;box-shadow:0 4px 12px #000b;padding:3px}.pixel-content .px-cell-actions a{font-size:11px;padding:3px 8px;margin:2px;display:block}.px-cell-actions font{font-size:10px!important}.px-inventory-cell:has(.px-cell-actions[open]){z-index:40}
.pixel-result-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px;margin-bottom:7px}.pixel-result-banner>.px-icon{width:30px;height:30px}.pixel-result-banner h1{font-size:18px;margin:0}.px-reward-numbers{padding:4px;gap:16px}.px-reward-numbers b{font-size:17px}.px-reward-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;padding:8px 0;align-items:start}.px-reward-grid>.px-equipment{width:76px;padding:2px;min-height:104px}.px-reward-grid .px-equipment-art{width:66px;height:66px}.px-reward-grid .px-equipment-name{font-size:10px;line-height:1.25;padding:1px}.px-reward-grid .px-stars{font-size:10px;line-height:12px}.px-reward-grid>.px-material-card{width:76px;min-height:104px;padding:3px}.px-material-card>.px-art{width:60px;height:60px}.px-material-card>b,.px-material-card>small{font-size:10px;line-height:1.3}.px-result-details{margin:6px 0;padding:6px;font-size:11px}
.px-scene-v2 .pixel-scene-stage{min-height:425px}.px-side-rail{top:80px;gap:10px}.pixel-content .px-side-rail a.px-side-button{height:54px;width:48px}.px-side-rail .px-icon{width:28px;height:28px}.px-scene-v2 .scene-directions.px-compass{height:104px;bottom:8px}.px-map-warning{bottom:116px}.px-enemy-face{width:92px;height:104px;border:2px solid #b49c68}.px-scene-face{width:45px;height:48px;border:1px solid #93764e}.pixel-arena{min-height:0;padding:9px;margin-bottom:8px}.pixel-combatants{padding-top:12px}.pixel-arena-title{font-size:15px}.pixel-arena-title small{display:none}.pixel-companion{margin-top:7px;padding:4px}.px-lt-mini{width:32px;height:35px}.px-lt-face{width:64px;height:72px;border:1px solid #bf9d66}.px-lt-row{display:flex;gap:8px;align-items:center;border:1px solid #64705d;border-radius:5px;padding:6px;margin:5px 0;font-size:11px}.px-lt-row>div{min-width:0}.px-lt-row a{font-size:11px;padding:3px 6px}.px-lt-detail{width:86px;height:106px;border:2px solid #ba9863}.px-item-preview{text-align:center;margin:6px}.px-item-preview .px-art{width:88px;height:88px;border:1px solid #a58d60}
.px-badge{display:inline-flex;align-items:center;vertical-align:middle;font:bold 10px/1 sans-serif;color:#ffd175;gap:1px;margin:0 2px}.px-badge i{display:inline-block;width:22px;height:22px;background-image:url('/static/pixel/visual/badges.webp');background-size:200% 200%;image-rendering:pixelated}.px-badge.hot i{background-position:100% 0}.px-badge.hot{color:#ff9859}.px-badge.mozuan i{background-position:0 100%}.px-badge.verified i{background-position:100% 100%}.px-badge.hot i{animation:px-glow 1.8s ease-in-out infinite}@keyframes px-glow{50%{filter:brightness(1.35)}}@media(prefers-reduced-motion:reduce){.px-badge.hot i{animation:none}}@media(max-width:350px){.px-inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.px-reward-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.px-enemy-face{width:76px;height:87px}}