.brand h1{font-size:44px;letter-spacing:4px;line-height:1.2;text-shadow:0 3px 12px #0009}.brand .sigil{font-size:46px}header{align-items:flex-start}.top-actions{padding-top:4px}
.exchange-ui{top:auto;right:3%;bottom:8%;width:280px}.exchange-ui #result{margin-bottom:0}.exchange-ui #message{margin:0 0 12px;min-height:0;font-size:12px;text-shadow:0 2px 8px #000}.exchange-ui #exchange{min-width:230px}.exchange-ui #cancel{margin:6px auto 0}
.warehouse-drawer{--drawer-width:clamp(330px,44vw,480px);position:absolute;top:20%;bottom:4%;right:0;width:var(--drawer-width);z-index:25;transform:translateX(100%);transition:transform .34s cubic-bezier(.2,.7,.25,1);pointer-events:none;isolation:isolate}.warehouse-drawer.open{transform:translateX(0)}
.warehouse-drawer #inventory.warehouse-panel{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;margin:0;border-radius:0 0 0 9px;animation:none;pointer-events:auto;box-shadow:-12px 12px 45px #0007}.warehouse-drawer:not(.open) #inventory{pointer-events:none}
#warehouseDrawer #warehouseToggle{position:absolute;left:auto;right:100%;top:0;bottom:auto;width:104px;min-height:54px;z-index:30;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px 0 0 8px;padding:10px;background:#162c31f5;border:1px solid #c7af77a6;border-right:none;pointer-events:auto;box-shadow:-5px 7px 22px #0006;font-size:13px;white-space:nowrap}
#warehouseToggle .drawer-arrow{font-size:26px;line-height:1;display:inline-block;transition:transform .34s}.warehouse-drawer.open #warehouseToggle .drawer-arrow{transform:rotate(180deg)}
@media(max-height:650px) and (orientation:landscape){.brand h1{font-size:32px;letter-spacing:2px}.brand .sigil{font-size:35px}.brand{gap:10px}header{top:4%}.top-actions .wallet{font-size:12px;padding:8px 12px}.warehouse-drawer{top:21%;bottom:3%}#warehouseDrawer #warehouseToggle{width:88px;min-height:42px;padding:7px;font-size:11px;gap:6px}#warehouseToggle .drawer-arrow{font-size:23px}.exchange-ui{top:auto;right:3%;bottom:8%;width:230px}.exchange-ui #message{font-size:10px;margin-bottom:8px;line-height:1.7}.exchange-ui #exchange{min-width:200px;font-size:12px;padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.warehouse-drawer,#warehouseToggle .drawer-arrow{transition:none}}