.px-equipment{--quality:#a8abb0;display:inline-flex;position:relative;flex-direction:column;align-items:center;width:106px;padding:4px 4px 5px;background:linear-gradient(145deg,#243136,#0c1721);border:2px solid var(--quality);border-radius:8px;box-shadow:inset 0 0 10px #0008,0 3px 0 #0005;vertical-align:middle;line-height:1.25;overflow:hidden}.px-equipment.quality-uncommon{--quality:#68c58a}.px-equipment.quality-rare{--quality:#609ef5}.px-equipment.quality-epic{--quality:#bb79eb}.px-equipment.quality-artifact{--quality:#f6c967;box-shadow:inset 0 0 12px #8c5c2244,0 0 12px #d4a84244}.px-equipment-art{display:block;width:94px;height:94px;background-repeat:no-repeat;image-rendering:pixelated}.px-equipment-name{display:block;width:100%;font-size:11px;text-align:center;color:var(--quality);padding:3px 1px;overflow-wrap:anywhere;line-height:1.45}.px-stars{display:block;font-size:13px;letter-spacing:0;color:#ffe09a;line-height:17px;text-shadow:0 1px #352217}.px-level{position:absolute;top:4px;left:5px;padding:1px 3px;border-radius:3px;background:#06101ad9;font-size:9px;color:#ebdac0}.px-bound{position:absolute;top:4px;right:5px;font-size:9px;background:#503344e8;color:#ffdab3;border-radius:3px;padding:2px 3px}.px-equipment.compact{width:88px}.px-equipment.compact .px-equipment-art{width:76px;height:76px}.pixel-content a.px-gear-link{background:none;border:0;padding:0;margin:3px;box-shadow:none}.px-equipment-preview{text-align:center;margin:15px 0}.px-equipment-preview .px-equipment{width:166px}.px-equipment-preview .px-equipment-art{width:152px;height:152px}.px-equipment-preview .px-equipment-name{font-size:14px}.px-equipped-slot{display:inline-flex;width:calc(33.333% - 9px);flex-direction:column;align-items:center;border:1px solid #52605a;background:#14252d;border-radius:7px;padding:6px 0;margin:3px;vertical-align:top;min-height:190px}.px-equipped-slot>small{font-size:11px;color:#bbae8f}.px-equipped-slot>.px-gear-link{margin:3px 0}.px-equipped-slot .px-equipment{max-width:100%;width:90px}.px-equipped-slot .px-equipment-art{width:78px;height:78px}.px-equipped-slot>a:not(.px-gear-link){font-size:10px;padding:3px 7px}.px-reward-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;padding:16px 0;align-items:start;justify-items:center}.px-reward-numbers{display:flex;justify-content:center;gap:18px;padding:8px}.px-reward-numbers>span{display:grid;grid-template-columns:32px 1fr;column-gap:5px;align-items:center}.px-reward-numbers i{grid-row:span 2}.px-reward-numbers b{font-size:21px;color:#f4d294}.px-reward-numbers small{font-size:10px;color:#aabbb9}.px-material-card{display:flex;position:relative;flex-direction:column;align-items:center;border:1px solid #5b6b60;border-radius:8px;padding:8px;width:96px;background:#172c33;min-height:123px}.px-material-card>.px-icon{width:58px;height:58px}.px-material-card>b{font-size:12px;color:#f2d19c}.px-material-card>small{font-size:11px}.px-result-details{border:1px solid #485b57;border-radius:6px;padding:9px;margin:12px 0;font-size:12px;color:#bbc7c4}.px-result-details summary{cursor:pointer;color:#ccb993}.pixel-result-banner{padding:16px 10px}.pixel-result-banner>.px-icon{width:42px;height:42px}.pixel-result-banner h1{font-size:21px;margin:5px 0}.px-result-details>div{margin-top:10px}
.px-scene-v2 .pixel-content{padding-top:7px}.px-scene-v2 .pixel-scene-stage{min-height:510px;padding:0;margin:8px 0;border-color:#86734f;background-position:center;background-size:cover;align-items:stretch}.px-scene-v2 .px-environment-courtyard{background-image:linear-gradient(0deg,#091720b0,transparent 50%),url('/static/pixel/courtyard.webp')}.px-scene-v2 .px-environment-town{background-image:linear-gradient(0deg,#091720c7,transparent 50%),url('/static/pixel/town.webp')}.px-scene-v2 .px-environment-battle{background-image:linear-gradient(0deg,#091720c7,transparent 50%),url('/static/pixel/battle.webp')}.px-scene-v2 #mapContainer,.px-scene-v2 #legacyMapContainer,.px-scene-v2 .scene-tools{display:none!important}.px-scene-v2 .scene-location-banner{top:12px;left:75px;right:75px;text-align:center;line-height:1.35;font-size:15px;text-shadow:0 2px 4px #000;background:#13232bbb;padding:6px;border-radius:4px}.px-scene-v2 .scene-panel-label{display:none!important}.px-scene-v2 .scene-location-banner>a{font-size:10px;padding:2px 4px}.px-fold-menu{position:absolute;top:12px;left:10px;z-index:30}.px-fold-menu>summary{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;list-style:none;font-size:10px;color:#ffe0a1;width:50px;height:58px;background:#172831e8;border:1px solid #c1a06a;border-radius:8px;box-shadow:0 3px 5px #0007}.px-fold-menu>summary::-webkit-details-marker{display:none}.px-fold-menu>summary:after{content:'▾';position:absolute;right:4px;top:1px;color:#ddb877}.px-fold-menu[open]>summary:after{content:'▴'}.px-menu-grid{position:absolute;left:0;top:64px;width:min(300px,calc(100vw - 56px));background:#12232bf7;border:2px solid #a28c59;border-radius:8px;padding:8px;box-shadow:0 8px 30px #000b;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.pixel-content .px-menu-grid a{display:flex;flex-direction:column;align-items:center;gap:4px;margin:0;padding:6px 1px;font-size:10px;min-width:0;line-height:1.5}.px-side-rail{position:absolute;top:100px;display:flex;flex-direction:column;gap:17px;z-index:5}.px-side-rail.left{left:9px}.px-side-rail.right{right:9px}.pixel-content .px-side-rail a.px-side-button{display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;width:52px;min-width:0;height:62px;padding:4px 1px;margin:0;border:1px solid #c7a567;background:linear-gradient(#29393dea,#12232df0);border-radius:13px;font-size:10px;color:#ffe3ad;box-shadow:0 4px 7px #0007;line-height:1.4}.px-side-rail .px-icon{width:34px;height:34px}.px-scene-v2 .scene-directions.px-compass{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:min(300px,calc(100% - 20px));height:128px;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:3px;border:1px solid #b49b6766;border-radius:12px;background:#0d2028bf;font-size:0;padding:5px!important;margin:0;text-align:center}.px-compass>br{display:none}.pixel-content .px-compass a{display:flex;align-items:center;justify-content:center;margin:0;padding:2px 4px;font-size:11px;line-height:1.2;min-width:0;width:auto;color:#ffe4b3;border-color:#bba5789c;background:#273d43e8;border-radius:5px}.px-compass #scene-move-north{grid-area:1/2}.px-compass #scene-move-south{grid-area:3/2}.px-compass #scene-move-west{grid-area:2/1}.px-compass #scene-move-east{grid-area:2/3}.px-compass #scene-move-north:before{content:'↑ ';margin-right:3px}.px-compass #scene-move-south:before{content:'↓ ';margin-right:3px}.px-compass #scene-move-west:before{content:'← ';margin-right:3px}.px-compass #scene-move-east:after{content:' →';margin-left:3px}.px-map-origin{grid-area:2/2;display:flex;align-items:center;justify-content:center;border:1px solid #cd9c5b;border-radius:50%;color:#f3d49c;font-size:10px;background:#633e2bec;box-shadow:0 0 10px #cb9f4733}.px-map-warning{position:absolute;bottom:147px;left:10px;right:10px;color:#ffdb9e;font-size:11px;background:#281d16dd;padding:3px;text-align:center}.px-notices,.px-quest{background:#1b3037;border:1px solid #5d705c;border-radius:5px;margin:6px 0;padding:4px 9px;font-size:12px}.px-notices summary,.px-quest summary{cursor:pointer;color:#e6c992;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:3px}.px-notices .pixel-line{font-size:12px;margin:6px 0}.px-quest .scene-quest-banner{margin:4px 0}.px-scene-v2 .pixel-npcs,.px-scene-v2 .pixel-encounters{padding:8px;margin:8px 0}.px-scene-v2 .pixel-npcs h2,.px-scene-v2 .pixel-encounters h2{font-size:14px;margin:3px 0 6px}.px-scene-v2 .pixel-npcs a{padding:3px 5px;font-size:11px}.px-scene-v2 .pixel-npcs .pixel-monster{width:24px!important;height:27px!important}@media(max-width:350px){.px-equipment{width:91px}.px-equipment-art{width:79px;height:79px}.px-equipped-slot{width:calc(50% - 10px)}.px-scene-v2 .pixel-scene-stage{min-height:490px}}