@layer global-ui {
#modal:has(.nyara-display){width:min(1120px,97vw)!important;max-width:97vw!important;max-height:96dvh!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
#modal:has(.nyara-display) #closeModal{display:none!important}
#modalContent:has(>.nyara-display){padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
#modalContent .nyara-display{box-sizing:border-box!important;height:min(800px,95dvh)!important;border:25px solid transparent!important;border-image:url('assets/nyara-ui-v1/frame.webp') 180 fill stretch!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:8px 12px!important;overflow:hidden!important;color:#344a55!important}
#modalContent .nyara-head{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;flex:none!important;padding:0!important;margin:0!important;background:none!important;min-height:0!important;height:auto!important}
#modalContent .nyara-display h2{font-size:clamp(18px,2vw,26px)!important;line-height:1.2!important;color:#344a55!important;flex:1!important;min-width:0!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
#modalContent .nyara-money{font-size:14px!important;white-space:nowrap!important;color:#344a55!important}
#modalContent .nyara-display button{box-sizing:border-box!important;min-height:44px!important;background:none!important;border:10px solid transparent!important;border-left-width:15px!important;border-right-width:15px!important;border-image:url('assets/nyara-ui-v1/button-normal.webp') 80 150 fill stretch!important;padding:0 5px!important;border-radius:0!important;box-shadow:none!important;transform:none!important;font-family:inherit!important;font-size:14px!important;line-height:1.3!important;color:#344a55!important;white-space:normal!important;overflow-wrap:anywhere!important;cursor:pointer!important}
#modalContent .nyara-display button[aria-pressed=true]{border-image-source:url('assets/nyara-ui-v1/button-selected.webp')!important}
#modalContent .nyara-display button:active:not(:disabled){border-image-source:url('assets/nyara-ui-v1/button-pressed.webp')!important}
#modalContent .nyara-display button:disabled{border-image-source:url('assets/nyara-ui-v1/button-disabled.webp')!important;color:#7d7470!important;opacity:1!important;cursor:default!important}
#modalContent .nyara-display button:focus-visible{outline:3px solid #e9d397!important;outline-offset:2px!important}
#modalContent .nyara-head button{min-width:85px!important}
#modalContent .nyara-controls{display:flex!important;gap:12px!important;align-items:center!important;flex:none!important;margin:0!important;padding:0!important;background:none!important}
#modalContent .nyara-tabs{display:flex!important;gap:5px!important}
#modalContent .nyara-tabs button{min-width:70px!important}
#modalContent .nyara-display input{box-sizing:border-box!important;flex:1!important;min-width:0!important;margin:0!important;width:auto!important;min-height:42px!important;font:inherit!important;font-size:14px!important;padding:6px 12px!important;background:#f3eee0!important;color:#344a55!important;border:2px solid #8c6b57!important;border-radius:6px!important}
#modalContent .nyara-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;align-content:start!important;overflow:auto!important;min-height:0!important;padding:5px!important;flex:1!important;overscroll-behavior:contain!important}
#modalContent .nyara-card{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:5px!important;align-items:stretch!important;min-width:0!important;margin:0!important;padding:10px!important;background:#fffdf4!important;border:2px solid #a8b4ad!important;border-radius:10px!important;box-shadow:0 3px 0 #c4d0c9!important}
#modalContent .nyara-card[hidden]{display:none!important}
#modalContent .nyara-card canvas{display:block!important;width:100%!important;height:125px!important;object-fit:contain!important;max-width:100%!important;align-self:center!important;background:transparent!important}
#modalContent .nyara-card b{font-size:15px!important;text-align:center!important;min-height:36px!important;line-height:1.25!important;overflow-wrap:anywhere!important}
#modalContent .nyara-card button{margin-top:auto!important;width:100%!important;min-height:48px!important}
#modalContent .nyara-foot{flex:none!important;display:block!important;background:#f3eee0!important;border-radius:7px!important;padding:7px 12px!important;min-height:0!important;height:auto!important;max-height:25dvh!important;overflow:auto!important;font-size:13px!important;line-height:1.4!important}
#modalContent .nyara-foot p{margin:0!important;padding:0!important;font-size:inherit!important;color:#344a55!important}
#modalContent .nyara-foot details{margin-top:4px!important}
#modalContent .nyara-foot summary{cursor:pointer!important}
@media(max-height:540px){
#modalContent .nyara-display{border-width:15px!important;padding:3px 6px!important;gap:5px!important}
#modalContent .nyara-head{gap:7px!important}
#modalContent .nyara-display h2{font-size:18px!important}
#modalContent .nyara-money{font-size:12px!important}
#modalContent .nyara-grid{gap:8px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
#modalContent .nyara-card{padding:6px!important}
#modalContent .nyara-card canvas{height:55px!important}
#modalContent .nyara-card b{min-height:20px!important;font-size:13px!important}
#modalContent .nyara-card button{font-size:12px!important;min-height:44px!important}
#modalContent .nyara-foot{padding:4px 8px!important;font-size:11px!important;max-height:20dvh!important}
#modalContent .nyara-tabs button{min-width:63px!important}
#modalContent .nyara-controls{gap:8px!important}
}
}

@layer global-ui {#modalContent .nyara-grid.nyara-outfits{grid-template-columns:repeat(2,minmax(0,1fr))!important}#modalContent .nyara-card p{margin:0!important;font-size:13px!important;text-align:center!important}#modalContent .nyara-card canvas{height:160px!important}#modalContent .nyara-outfits canvas{height:260px!important}#modalContent .nyara-head{border:0!important}#modalContent .nyara-tabs button{min-width:125px!important}#modalContent .nyara-card{box-shadow:none!important} @media(max-height:540px){#modalContent .nyara-card canvas{height:55px!important}#modalContent .nyara-card p{font-size:11px!important}#modalContent .nyara-tabs button{min-width:100px!important}#modalContent .nyara-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}#modalContent .nyara-outfits .nyara-card{display:grid!important;grid-template-columns:100px minmax(0,1fr)!important;align-items:center!important;min-height:160px!important}#modalContent .nyara-outfits canvas{grid-row:1 / 4!important;width:100px!important;height:140px!important}#modalContent .nyara-outfits button{grid-column:2!important;margin:0!important}}}