/* Pixel source is unchanged; all cuts below are browser-side atlas views. */
.ng-art{display:inline-block;width:32px;max-width:100%;height:auto;vertical-align:middle;flex-shrink:0;background-image:var(--ui-atlas,url('/assets/ui-night-guild-atlas.png'));background-repeat:no-repeat;image-rendering:pixelated;pointer-events:none;overflow:hidden}
.ng-art-hero{width:225px}.ng-art-smith{width:175px}.ng-art-crown{width:54px}
.ng-art-hero{clip-path:polygon(8% 0,98% 0,98% 32%,100% 32%,100% 100%,0 100%,0 32%,8% 32%)}
/* Exclude nearby baked counters/slot trim while retaining the source object. */
.ng-art-ore{clip-path:polygon(0 0,100% 0,100% 92%,64% 92%,64% 100%,0 100%)}
.ng-art-hide{clip-path:polygon(0 0,100% 0,100% 89%,64% 89%,64% 100%,0 100%)}
.ng-art-title-inventory{width:267px}.ng-art-title-equipment{width:320px}.ng-art-title-workshop{width:332px}
.ng-art-neutral{background-image:none;aspect-ratio:1;position:relative}
.ng-art-neutral:before{content:'';position:absolute;width:24%;height:24%;left:38%;top:38%;background:#a5a59a;box-shadow:0 -2px #d7d5c4,0 2px #404a45,-2px 0 #404a45,2px 0 #404a45}
.ng-skinned{isolation:isolate}
.ng-skin{position:absolute;inset:0;z-index:-1;display:grid;grid-template-columns:var(--ng-edge,14px) minmax(0,1fr) var(--ng-edge,14px);grid-template-rows:var(--ng-edge,14px) minmax(0,1fr) var(--ng-edge,14px);overflow:hidden;pointer-events:none;user-select:none}
.ng-skin *{pointer-events:none}.ng-piece{display:block;min-width:0;min-height:0;background-image:var(--ui-atlas,url('/assets/ui-night-guild-atlas.png'));background-repeat:no-repeat;image-rendering:pixelated}
.ng-skin-window{--ng-edge:17px}.ng-skin-wood{--ng-edge:14px}.ng-skin-paper{--ng-edge:10px}.ng-skin-slot{--ng-edge:7px}.ng-skin-button{--ng-edge:10px}
.entity>.ng-skin-button{--ng-edge:6px}
.ng-nw{grid-area:1/1}.ng-n{grid-area:1/2}.ng-ne{grid-area:1/3}.ng-w{grid-area:2/1}.ng-c{grid-area:2/2}.ng-e{grid-area:2/3}.ng-sw{grid-area:3/1}.ng-s{grid-area:3/2}.ng-se{grid-area:3/3}
.ng-skinned>.ng-skin{border-radius:0}
.ng-skinned:is(.selected,.active,[aria-pressed=true])>.ng-skin-slot{--ng-edge:11px}
/* Texture occupies the host's background layer; live labels remain above it. */
button.ng-skinned{opacity:1}
button.ng-skinned:disabled{color:#b1b0b9}

/* window: exact atlas patches, no baked text. */
.ng-skin-window>.ng-nw{background-size:8342.105263158% 4509.090909091%;background-position:2.554278416% 11.134020619%;}
.ng-skin-window>.ng-n{background-size:3170.000000000% 9920.000000000%;background-position:9.706840391% 11.099796334%;}
.ng-skin-window>.ng-ne{background-size:7925.000000000% 4509.090909091%;background-position:33.226837061% 11.134020619%;}
.ng-skin-window>.ng-w{background-size:10566.666666667% 1803.636363636%;background-position:2.547770701% 24.012806830%;}
.ng-skin-window>.ng-c{background-size:4171.052631579% 3200.000000000%;background-position:45.895281189% 20.915712799%;}
.ng-skin-window>.ng-e{background-size:9906.250000000% 1803.636363636%;background-position:33.397068196% 24.012806830%;}
.ng-skin-window>.ng-sw{background-size:8342.105263158% 3674.074074074%;background-position:2.554278416% 84.248704663%;}
.ng-skin-window>.ng-s{background-size:3170.000000000% 7630.769230769%;background-position:9.706840391% 84.473953013%;}
.ng-skin-window>.ng-se{background-size:7925.000000000% 3674.074074074%;background-position:33.226837061% 84.248704663%;}

/* wood: exact atlas patches, no baked text. */
.ng-skin-wood>.ng-nw{background-size:7547.619047619% 4313.043478261%;background-position:23.273657289% 0.928792570%;}
.ng-skin-wood>.ng-n{background-size:4402.777777778% 11022.222222222%;background-position:35.506778567% 0.915564598%;}
.ng-skin-wood>.ng-ne{background-size:7547.619047619% 4313.043478261%;background-position:75.000000000% 0.928792570%;}
.ng-skin-wood>.ng-w{background-size:12192.307692308% 2834.285714286%;background-position:23.218829517% 3.552769070%;}
.ng-skin-wood>.ng-c{background-size:4171.052631579% 3542.857142857%;background-position:34.259857789% 3.319502075%;}
.ng-skin-wood>.ng-e{background-size:12192.307692308% 2834.285714286%;background-position:75.127226463% 3.552769070%;}
.ng-skin-wood>.ng-sw{background-size:7547.619047619% 4313.043478261%;background-position:23.273657289% 7.843137255%;}
.ng-skin-wood>.ng-s{background-size:4402.777777778% 12400.000000000%;background-position:35.506778567% 9.247967480%;}
.ng-skin-wood>.ng-se{background-size:7547.619047619% 4313.043478261%;background-position:75.000000000% 7.843137255%;}

/* paper: exact atlas patches, no baked text. */
.ng-skin-paper>.ng-nw{background-size:13208.333333333% 8266.666666667%;background-position:80.228862047% 21.326530612%;}
.ng-skin-paper>.ng-n{background-size:3962.500000000% 9920.000000000%;background-position:92.621359223% 21.283095723%;}
.ng-skin-paper>.ng-ne{background-size:13208.333333333% 8266.666666667%;background-position:96.058486968% 21.326530612%;}
.ng-skin-paper>.ng-w{background-size:17611.111111111% 3306.666666667%;background-position:80.139593909% 24.740124740%;}
.ng-skin-paper>.ng-c{background-size:5660.714285714% 3542.857142857%;background-position:94.476557482% 22.821576763%;}
.ng-skin-paper>.ng-e{background-size:17611.111111111% 3306.666666667%;background-position:96.065989848% 24.740124740%;}
.ng-skin-paper>.ng-sw{background-size:13208.333333333% 7630.769230769%;background-position:80.228862047% 33.707865169%;}
.ng-skin-paper>.ng-s{background-size:3962.500000000% 11022.222222222%;background-position:92.621359223% 33.977619532%;}
.ng-skin-paper>.ng-se{background-size:13208.333333333% 7630.769230769%;background-position:96.058486968% 33.707865169%;}

/* slot: exact atlas patches, no baked text. */
.ng-skin-slot>.ng-nw{background-size:19812.500000000% 12400.000000000%;background-position:4.375396322% 50.609756098%;}
.ng-skin-slot>.ng-n{background-size:5283.333333333% 14171.428571429%;background-position:5.980707395% 50.558375635%;}
.ng-skin-slot>.ng-ne{background-size:17611.111111111% 12400.000000000%;background-position:10.342639594% 50.609756098%;}
.ng-skin-slot>.ng-w{background-size:22642.857142857% 2480.000000000%;background-position:4.372623574% 54.621848739%;}
.ng-skin-slot>.ng-c{background-size:3773.809523810% 2361.904761905%;background-position:5.962410888% 54.736842105%;}
.ng-skin-slot>.ng-e{background-size:22642.857142857% 2480.000000000%;background-position:10.456273764% 54.621848739%;}
.ng-skin-slot>.ng-sw{background-size:19812.500000000% 12400.000000000%;background-position:4.375396322% 60.060975610%;}
.ng-skin-slot>.ng-s{background-size:5283.333333333% 14171.428571429%;background-position:5.980707395% 60.101522843%;}
.ng-skin-slot>.ng-se{background-size:17611.111111111% 12400.000000000%;background-position:10.342639594% 60.060975610%;}

/* slot-selected: exact atlas patches, no baked text. */
.ng-skinned:is(.selected,.active,[aria-pressed=true])>.ng-skin-slot>.ng-nw{background-size:7204.545454545% 4509.090909091%;background-position:25.911708253% 27.113402062%;}
.ng-skinned:is(.selected,.active,[aria-pressed=true])>.ng-skin-slot>.ng-n{background-size:5283.333333333% 24800.000000000%;background-position:27.974276527% 26.923076923%;}
.ng-skinned:is(.selected,.active,[aria-pressed=true])>.ng-skin-slot>.ng-ne{background-size:7204.545454545% 4509.090909091%;background-position:31.605886116% 27.113402062%;}
.ng-skinned:is(.selected,.active,[aria-pressed=true])>.ng-skin-slot>.ng-w{background-size:39625.000000000% 3306.666666667%;background-position:25.743200506% 31.185031185%;}
.ng-skinned:is(.selected,.active,[aria-pressed=true])>.ng-skin-slot>.ng-c{background-size:3773.809523810% 2361.904761905%;background-position:5.962410888% 54.736842105%;}
.ng-skinned:is(.selected,.active,[aria-pressed=true])>.ng-skin-slot>.ng-e{background-size:31700.000000000% 3306.666666667%;background-position:32.278481013% 31.185031185%;}
.ng-skinned:is(.selected,.active,[aria-pressed=true])>.ng-skin-slot>.ng-sw{background-size:7204.545454545% 4509.090909091%;background-position:25.911708253% 36.391752577%;}
.ng-skinned:is(.selected,.active,[aria-pressed=true])>.ng-skin-slot>.ng-s{background-size:5283.333333333% 19840.000000000%;background-position:27.974276527% 37.386018237%;}
.ng-skinned:is(.selected,.active,[aria-pressed=true])>.ng-skin-slot>.ng-se{background-size:7204.545454545% 4509.090909091%;background-position:31.605886116% 36.391752577%;}

/* button: exact atlas patches, no baked text. */
.ng-skin-button>.ng-nw{background-size:11321.428571429% 7085.714285714%;background-position:60.789306174% 89.468302658%;}
.ng-skin-button>.ng-n{background-size:4528.571428571% 9920.000000000%;background-position:64.838709677% 89.103869654%;}
.ng-skin-button>.ng-ne{background-size:11321.428571429% 7085.714285714%;background-position:68.746021642% 89.468302658%;}
.ng-skin-button>.ng-w{background-size:13208.333333333% 4313.043478261%;background-position:60.712015257% 91.950464396%;}
.ng-skin-button>.ng-c{background-size:12192.307692308% 3968.000000000%;background-position:61.704834606% 92.140641158%;}
.ng-skin-button>.ng-e{background-size:13208.333333333% 4313.043478261%;background-position:68.785759695% 91.950464396%;}
.ng-skin-button>.ng-sw{background-size:11321.428571429% 7085.714285714%;background-position:60.789306174% 93.660531697%;}
.ng-skin-button>.ng-s{background-size:4528.571428571% 9920.000000000%;background-position:64.838709677% 93.686354379%;}
.ng-skin-button>.ng-se{background-size:11321.428571429% 7085.714285714%;background-position:68.746021642% 93.660531697%;}

/* Selected tabs and toggles use the cyan atlas. Primary actions stay wooden. */
button.ng-skinned:is(.active,[aria-pressed=true])>.ng-skin-button>.ng-nw{background-size:11321.428571429% 7085.714285714%;background-position:70.273711012% 89.468302658%;}
button.ng-skinned:is(.active,[aria-pressed=true])>.ng-skin-button>.ng-n{background-size:4528.571428571% 9920.000000000%;background-position:74.322580645% 89.103869654%;}
button.ng-skinned:is(.active,[aria-pressed=true])>.ng-skin-button>.ng-ne{background-size:11321.428571429% 7085.714285714%;background-position:78.294080204% 89.468302658%;}
button.ng-skinned:is(.active,[aria-pressed=true])>.ng-skin-button>.ng-w{background-size:13208.333333333% 4313.043478261%;background-position:70.184361093% 91.950464396%;}
button.ng-skinned:is(.active,[aria-pressed=true])>.ng-skin-button>.ng-c{background-size:13208.333333333% 3968.000000000%;background-position:71.137952956% 92.140641158%;}
button.ng-skinned:is(.active,[aria-pressed=true])>.ng-skin-button>.ng-e{background-size:13208.333333333% 4313.043478261%;background-position:78.321678322% 91.950464396%;}
button.ng-skinned:is(.active,[aria-pressed=true])>.ng-skin-button>.ng-sw{background-size:11321.428571429% 7085.714285714%;background-position:70.273711012% 93.660531697%;}
button.ng-skinned:is(.active,[aria-pressed=true])>.ng-skin-button>.ng-s{background-size:4528.571428571% 9920.000000000%;background-position:74.322580645% 93.686354379%;}
button.ng-skinned:is(.active,[aria-pressed=true])>.ng-skin-button>.ng-se{background-size:11321.428571429% 7085.714285714%;background-position:78.294080204% 93.660531697%;}

/* button-pressed: exact atlas patches, no baked text. */
button.ng-skinned:active:not(:disabled)>.ng-skin-button>.ng-nw{background-size:11321.428571429% 7085.714285714%;background-position:79.885423297% 89.468302658%;}
button.ng-skinned:active:not(:disabled)>.ng-skin-button>.ng-n{background-size:4528.571428571% 9920.000000000%;background-position:83.870967742% 89.103869654%;}
button.ng-skinned:active:not(:disabled)>.ng-skin-button>.ng-ne{background-size:11321.428571429% 7085.714285714%;background-position:87.905792489% 89.468302658%;}
button.ng-skinned:active:not(:disabled)>.ng-skin-button>.ng-w{background-size:13208.333333333% 4313.043478261%;background-position:79.783852511% 91.950464396%;}
button.ng-skinned:active:not(:disabled)>.ng-skin-button>.ng-c{background-size:13208.333333333% 3968.000000000%;background-position:80.737444374% 92.140641158%;}
button.ng-skinned:active:not(:disabled)>.ng-skin-button>.ng-e{background-size:13208.333333333% 4313.043478261%;background-position:87.921169739% 91.950464396%;}
button.ng-skinned:active:not(:disabled)>.ng-skin-button>.ng-sw{background-size:11321.428571429% 7085.714285714%;background-position:79.885423297% 93.660531697%;}
button.ng-skinned:active:not(:disabled)>.ng-skin-button>.ng-s{background-size:4528.571428571% 9920.000000000%;background-position:83.870967742% 93.686354379%;}
button.ng-skinned:active:not(:disabled)>.ng-skin-button>.ng-se{background-size:11321.428571429% 7085.714285714%;background-position:87.905792489% 93.660531697%;}

/* button-disabled: exact atlas patches, no baked text. */
button.ng-skinned.ng-skinned:disabled>.ng-skin-button>.ng-nw{background-size:11321.428571429% 7085.714285714%;background-position:89.306174411% 89.468302658%;}
button.ng-skinned.ng-skinned:disabled>.ng-skin-button>.ng-n{background-size:4528.571428571% 9920.000000000%;background-position:94.838709677% 89.103869654%;}
button.ng-skinned.ng-skinned:disabled>.ng-skin-button>.ng-ne{background-size:11321.428571429% 7085.714285714%;background-position:98.090388288% 89.468302658%;}
button.ng-skinned.ng-skinned:disabled>.ng-skin-button>.ng-w{background-size:13208.333333333% 4313.043478261%;background-position:89.192625556% 91.950464396%;}
button.ng-skinned.ng-skinned:disabled>.ng-skin-button>.ng-c{background-size:19812.500000000% 3968.000000000%;background-position:97.146480659% 92.140641158%;}
button.ng-skinned.ng-skinned:disabled>.ng-skin-button>.ng-e{background-size:13208.333333333% 4313.043478261%;background-position:98.092816275% 91.950464396%;}
button.ng-skinned.ng-skinned:disabled>.ng-skin-button>.ng-sw{background-size:11321.428571429% 7085.714285714%;background-position:89.306174411% 93.660531697%;}
button.ng-skinned.ng-skinned:disabled>.ng-skin-button>.ng-s{background-size:4528.571428571% 9920.000000000%;background-position:94.838709677% 93.686354379%;}
button.ng-skinned.ng-skinned:disabled>.ng-skin-button>.ng-se{background-size:11321.428571429% 7085.714285714%;background-position:98.090388288% 93.660531697%;}

.ng-art-image{background-image:none;aspect-ratio:1}.ng-art-image img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated}
.ng-art-supplement{background-image:none}.ng-art-supplement svg{display:block;width:100%;height:100%;shape-rendering:crispEdges;overflow:visible}

/* All item contexts share a square, padded viewport. Never stretch the source. */
.ng-item-art{position:relative;aspect-ratio:1;background-image:none;line-height:0}
.ng-item-picture{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-image:var(--ui-atlas,url('/assets/ui-night-guild-atlas.png'));background-repeat:no-repeat;image-rendering:pixelated}
.ng-item-vector{width:100%;height:100%;background-image:none;shape-rendering:crispEdges;overflow:hidden}

/* Transparent silhouettes around the original status-icon pixels. */
.ng-art-heart{clip-path:polygon(12.121% 6.452%,39.394% 6.452%,39.394% 12.903%,45.455% 12.903%,45.455% 19.355%,51.515% 19.355%,51.515% 12.903%,57.576% 12.903%,57.576% 6.452%,81.818% 6.452%,81.818% 12.903%,90.909% 12.903%,90.909% 19.355%,96.970% 19.355%,96.970% 54.839%,90.909% 54.839%,90.909% 61.290%,84.848% 61.290%,84.848% 67.742%,78.788% 67.742%,78.788% 74.194%,72.727% 74.194%,72.727% 80.645%,66.667% 80.645%,66.667% 87.097%,60.606% 87.097%,60.606% 93.548%,51.515% 96.774%,42.424% 93.548%,42.424% 87.097%,36.364% 87.097%,36.364% 80.645%,30.303% 80.645%,30.303% 74.194%,24.242% 74.194%,24.242% 67.742%,18.182% 67.742%,18.182% 61.290%,12.121% 61.290%,12.121% 54.839%,0.000% 54.839%,0.000% 19.355%,6.061% 19.355%,6.061% 12.903%,12.121% 12.903%)}
.ng-art-energy{clip-path:polygon(32.000% 0.000%,92.000% 0.000%,92.000% 8.824%,84.000% 8.824%,84.000% 17.647%,76.000% 17.647%,76.000% 26.471%,72.000% 26.471%,72.000% 29.412%,100.000% 29.412%,100.000% 41.176%,92.000% 41.176%,92.000% 50.000%,84.000% 50.000%,84.000% 58.824%,72.000% 58.824%,72.000% 67.647%,60.000% 67.647%,60.000% 76.471%,48.000% 76.471%,48.000% 82.353%,36.000% 82.353%,36.000% 88.235%,24.000% 88.235%,24.000% 94.118%,4.000% 94.118%,4.000% 82.353%,12.000% 82.353%,12.000% 73.529%,16.000% 73.529%,16.000% 64.706%,24.000% 64.706%,24.000% 52.941%,0.000% 52.941%,0.000% 35.294%,4.000% 35.294%,4.000% 26.471%,12.000% 26.471%,12.000% 17.647%,20.000% 17.647%,20.000% 8.824%,28.000% 8.824%,28.000% 2.941%,32.000% 2.941%)}
.ng-art-satiety{clip-path:polygon(42.424% 0.000%,75.758% 0.000%,75.758% 3.333%,84.848% 3.333%,84.848% 10.000%,90.909% 10.000%,90.909% 20.000%,93.939% 20.000%,93.939% 43.333%,87.879% 43.333%,87.879% 53.333%,81.818% 53.333%,81.818% 63.333%,75.758% 63.333%,75.758% 70.000%,66.667% 70.000%,66.667% 76.667%,57.576% 76.667%,57.576% 83.333%,45.455% 83.333%,45.455% 90.000%,12.121% 90.000%,12.121% 86.667%,6.061% 86.667%,6.061% 80.000%,0.000% 80.000%,0.000% 36.667%,6.061% 36.667%,6.061% 30.000%,12.121% 30.000%,12.121% 23.333%,18.182% 23.333%,18.182% 16.667%,27.273% 16.667%,27.273% 10.000%,33.333% 10.000%,33.333% 3.333%,42.424% 3.333%)}