@layer global-ui {
#modal:has(.instrument-case){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(.instrument-case) #closeModal{display:none!important}
#modalContent:has(>.instrument-case){padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important}
#modalContent .instrument-case{box-sizing:border-box!important;height:min(800px,95dvh)!important;border:25px solid transparent!important;border-image:url('assets/instrument-ui-v1/frame.webp') 100 fill stretch!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:8px 12px!important;overflow:hidden!important;color:#513e40!important}
#modalContent .instrument-case-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 .instrument-case h2{font-size:clamp(18px,2vw,26px)!important;line-height:1.2!important;color:#fff7e8!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 .instrument-case-money{font-size:14px!important;white-space:nowrap!important;color:#fff7e8!important}
#modalContent .instrument-case 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/instrument-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:#513e40!important;white-space:normal!important;overflow-wrap:anywhere!important;cursor:pointer!important}
#modalContent .instrument-case button[aria-pressed=true]{border-image-source:url('assets/instrument-ui-v1/button-selected.webp')!important}
#modalContent .instrument-case button:active:not(:disabled){border-image-source:url('assets/instrument-ui-v1/button-pressed.webp')!important}
#modalContent .instrument-case button:disabled{border-image-source:url('assets/instrument-ui-v1/button-disabled.webp')!important;color:#7d7470!important;opacity:1!important;cursor:default!important}
#modalContent .instrument-case button:focus-visible{outline:3px solid #e9d397!important;outline-offset:2px!important}
#modalContent .instrument-case-head button{min-width:85px!important}
#modalContent .instrument-case-controls{display:flex!important;gap:12px!important;align-items:center!important;flex:none!important;margin:0!important;padding:0!important;background:none!important}
#modalContent .instrument-case-tabs{display:flex!important;gap:5px!important}
#modalContent .instrument-case-tabs button{min-width:70px!important}
#modalContent .instrument-case 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:#fff5e4!important;color:#513e40!important;border:2px solid #8c6b57!important;border-radius:6px!important}
#modalContent .instrument-case-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 .instrument-case-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:#fff6e8!important;border:2px solid #b99d7c!important;border-radius:10px!important;box-shadow:0 3px 0 #785854!important}
#modalContent .instrument-case-card[hidden]{display:none!important}
#modalContent .instrument-case-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 .instrument-case-card b{font-size:15px!important;text-align:center!important;min-height:36px!important;line-height:1.25!important;overflow-wrap:anywhere!important}
#modalContent .instrument-case-card button{margin-top:auto!important;width:100%!important;min-height:48px!important}
#modalContent .instrument-case-foot{flex:none!important;display:block!important;background:#fff5e4!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 .instrument-case-foot p{margin:0!important;padding:0!important;font-size:inherit!important;color:#513e40!important}
#modalContent .instrument-case-foot details{margin-top:4px!important}
#modalContent .instrument-case-foot summary{cursor:pointer!important}
@media(max-height:540px){
#modalContent .instrument-case{border-width:15px!important;padding:3px 6px!important;gap:5px!important}
#modalContent .instrument-case-head{gap:7px!important}
#modalContent .instrument-case h2{font-size:18px!important}
#modalContent .instrument-case-money{font-size:12px!important}
#modalContent .instrument-case-grid{gap:8px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
#modalContent .instrument-case-card{padding:6px!important}
#modalContent .instrument-case-card canvas{height:55px!important}
#modalContent .instrument-case-card b{min-height:20px!important;font-size:13px!important}
#modalContent .instrument-case-card button{font-size:12px!important;min-height:44px!important}
#modalContent .instrument-case-foot{padding:4px 8px!important;font-size:11px!important;max-height:20dvh!important}
#modalContent .instrument-case-tabs button{min-width:63px!important}
#modalContent .instrument-case-controls{gap:8px!important}
}
}