/* Every visible rim is a painted image. CSS positions art, live text and hitboxes. */
#nexoriaSupply204Panel{position:fixed;inset:0;z-index:9800;display:grid;place-items:center;overflow:hidden;isolation:isolate;color:#fff0d2;font-family:Georgia,"Times New Roman",serif;background:url('assets/ui-shops-200/shop-panel-fill.png') repeat;touch-action:none;--supply-unit:min(1vw,1.776833vh)}
#nexoriaSupply204Panel[hidden],#nexoriaSupply204Panel [hidden]{display:none!important}
#nexoriaSupply204Panel *{box-sizing:border-box}
#nexoriaSupply204Panel button{border:0;border-radius:0;box-shadow:none;background:none;color:inherit;font:inherit;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
#nexoriaSupply204Panel button:disabled{cursor:default;color:#b3a58d}
#nexoriaSupply204Panel button:focus-visible{outline:2px solid #fff6c9;outline-offset:-3px}
.supply204-stage{position:relative;width:min(100vw,177.6833vh);aspect-ratio:1672/941;max-height:100vh;flex:none;font-size:calc(var(--supply-unit)*1.65);line-height:1.2}
.supply204-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}
.supply204-title{position:absolute;left:4.8%;top:4.6%;width:27.5%;height:7%;margin:0;display:flex;align-items:center;font-size:calc(var(--supply-unit)*2.55);font-weight:700;line-height:1.05;white-space:normal}
.supply204-tabs{position:absolute;left:33.65%;top:4.1%;width:33.8%;height:8.1%;display:grid;grid-template-columns:1fr 1fr;gap:3.3%}
.supply204-tabs button{position:relative;isolation:isolate;font-size:calc(var(--supply-unit)*2.4)!important;font-weight:700!important}
.supply204-tabs canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.supply204-tabs button:disabled canvas{filter:brightness(.7)}
.supply204-wallet{position:absolute;left:74.3%;top:5.1%;width:16.6%;height:6%;display:flex;justify-content:center;align-items:center;font-size:calc(var(--supply-unit)*2.05);white-space:nowrap;overflow:hidden}
.supply204-close{position:absolute;left:93.2%;top:3.8%;width:5%;height:8.8%}
.supply204-list{position:absolute;left:3.5%;top:16.4%;width:48.8%;height:75.9%;display:flex;flex-direction:column;gap:calc(var(--supply-unit)*1.2);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:2px 4px 2px 2px;scrollbar-width:thin;scrollbar-color:#b99750 transparent}
#nexoriaSupply204Panel .supply204-card{position:relative;isolation:isolate;display:grid;grid-template-columns:50% 50%;flex:none;width:100%;height:calc(var(--supply-unit)*19.1);min-height:calc(var(--supply-unit)*16);text-align:left;padding:calc(var(--supply-unit)*1.1);gap:calc(var(--supply-unit)*.45)}
.supply204-card-frame{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.supply204-card.is-selected .supply204-card-frame{filter:brightness(1.65)}
.supply204-card-icon{min-height:0;min-width:0;display:grid;place-items:center;pointer-events:none;padding:calc(var(--supply-unit)*.3)}
.supply204-card-icon img{width:100%;height:100%;object-fit:contain;min-height:0;pointer-events:none}
.supply204-card-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:calc(var(--supply-unit)*1.05);padding-right:calc(var(--supply-unit)*1)}
.supply204-card-copy strong{font-weight:700;font-size:calc(var(--supply-unit)*2.08);line-height:1.1}
.supply204-card-copy>span{font-size:calc(var(--supply-unit)*2.05);color:#ffe7a5}
.supply204-card-copy small{font-size:calc(var(--supply-unit)*1.5);line-height:1.1}
.supply204-empty{margin:auto;text-align:center}
.supply204-detail{position:absolute;left:57.8%;top:16.2%;width:37%;height:65.3%;display:flex;flex-direction:column;align-items:stretch;min-height:0;overflow:hidden;text-align:center;gap:calc(var(--supply-unit)*.45)}
.supply204-product-image{flex:1;min-height:0;display:grid;place-items:center}
.supply204-product-image img{height:100%;width:100%;object-fit:contain;min-height:0;max-height:100%;pointer-events:none}
.supply204-detail h3{margin:0;flex:none;font-size:calc(var(--supply-unit)*2.35);line-height:1.1;font-weight:700}
.supply204-benefit{margin:0;font-size:calc(var(--supply-unit)*1.55);line-height:1.2;flex:none}
.supply204-recipe{margin:0;font-size:calc(var(--supply-unit)*1.4);line-height:1.15;flex:none;color:#ffe1a0}
.supply204-ingredients{display:flex;flex-wrap:wrap;justify-content:center;gap:calc(var(--supply-unit)*.3) calc(var(--supply-unit)*.65);font-size:calc(var(--supply-unit)*1.26);line-height:1.1;flex:none}
.supply204-ingredients span{white-space:nowrap}
.supply204-details-bottom{flex:none;margin-top:calc(var(--supply-unit)*.4);text-align:left}
.supply204-stock{margin:0 0 calc(var(--supply-unit)*.4);font-size:calc(var(--supply-unit)*1.45);line-height:1.15}
.supply204-price,.supply204-total{display:flex;align-items:center;justify-content:space-between;margin:0;font-size:calc(var(--supply-unit)*1.75);line-height:1.2;min-height:calc(var(--supply-unit)*2.55)}
.supply204-price b,.supply204-total b{font-weight:400;color:#ffe6a6}
.supply204-quantity{display:flex;align-items:center;gap:calc(var(--supply-unit)*.45);min-height:calc(var(--supply-unit)*4.1);white-space:nowrap}
.supply204-quantity>span{font-size:calc(var(--supply-unit)*1.55);margin-right:auto}
#nexoriaSupply204Panel .supply204-small-button{position:relative;display:grid;place-items:center;min-width:calc(var(--supply-unit)*3.4);height:calc(var(--supply-unit)*3.65);font-size:calc(var(--supply-unit)*1.8);padding:0 calc(var(--supply-unit)*.6);isolation:isolate}
.supply204-small-button canvas{position:absolute;inset:0;height:100%;width:100%;pointer-events:none;z-index:-1}
.supply204-small-button:disabled canvas{filter:brightness(.55)}
#nexoriaSupply204Panel [data-supply-action="quantity"]{min-width:calc(var(--supply-unit)*5.6)}
#nexoriaSupply204Panel [data-supply-action="max"]{min-width:calc(var(--supply-unit)*7.2);font-size:calc(var(--supply-unit)*1.4)}
#nexoriaSupply204Panel .supply204-action{position:absolute;left:57%;top:83%;width:38.2%;height:9.7%;font-size:calc(var(--supply-unit)*2.7);font-weight:700;line-height:1.1}
.supply204-status{position:absolute;left:4%;right:4%;bottom:.3%;height:2.8%;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:calc(var(--supply-unit)*1.15);line-height:1.05;color:#f4e0b9;pointer-events:none}
#nexoriaSupply204Panel[data-view="forge"] .supply204-tabs button{font-size:calc(var(--supply-unit)*1.65)!important}
#nexoriaSupply204Panel[data-view="forge"] .supply204-detail{justify-content:center}
@media(orientation:portrait){#nexoriaSupply204Panel{--supply-unit:1vw}.supply204-stage{width:100vw}.supply204-title{font-size:2.4vw}}