.supplies-shop{box-sizing:border-box;width:min(420px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:22px;border:1px solid #45616a;border-radius:20px;background:#102a31;color:#eff5f2;font:16px/1.5 system-ui,sans-serif;box-shadow:0 20px 70px #0008}.supplies-shop::backdrop{background:#041416c9}.supplies-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.supplies-heading h2{margin:0;font-size:25px}.supplies-shop button{font:inherit;min-height:44px;white-space:normal;cursor:pointer}.supplies-shop button:focus-visible{outline:3px solid #f3ca62;outline-offset:3px}.supplies-shop button:disabled{opacity:.55;cursor:wait}.supplies-shop .primary{width:100%;background:#eabd43;color:#142b30}.supplies-shop hr{border:0;border-top:1px solid #45616a;margin:22px 0}.supplies-contents{display:flex;justify-content:space-between;gap:8px;background:#183a42;border-radius:12px;padding:16px}.supplies-contents dt{color:#bdd0d0;font-size:14px}.supplies-contents dd{font-size:26px;font-weight:700;margin:0}.supplies-shop [data-pack-note],.supplies-status{font-size:14px;color:#c6d9d9}.supplies-status{min-height:3em}.supplies-inventory{display:grid;gap:10px;margin-bottom:12px}.supplies-shop h3{font-size:18px}.supplies-shop .btn,.supplies-shop .ghostbtn{border:1px solid #45616a;border-radius:10px;padding:10px 14px;background:#23444c;color:#eff5f2}.supplies-shop .primary{background:#eabd43;color:#142b30}